全能导航

WebGL Fundamentals

发表于 2022-2-19 11:04:27
网站目录
网站logo:
网站地址: https://webglfundamentals.org/
联系站长: 文档帮助
相关键词: 图像处理,二维平移,旋转,缩放和矩阵运算,三维,光照,组织和重构,几何,纹理,渲染到纹理,Shadows,技术,Tips,Optimization,杂项,Reference
交易合作:  
WebGL经常被当成3D API,人们总想“我可以使用WebGL和一些神奇的东西做出炫酷的3D作品”。 事实上WebGL仅仅是一个光栅化引擎,它可以根据你的代码绘制出点,线和三角形。 想要利用WebGL完成更复杂任务,取决于你能否提供合适的代码,组合使用点,线和三角形代替实现。

WebGL在电脑的GPU中运行。因此你需要使用能够在GPU上运行的代码。 这样的代码需要提供成对的方法。每对方法中一个叫顶点着色器, 另一个叫片断着色器,并且使用一种和C或C++类似的强类型的语言 GLSL。 (GL着色语言)。 每一对组合起来称作一个 program(着色程序)。

顶点着色器的作用是计算顶点的位置。根据计算出的一系列顶点位置,WebGL可以对点, 线和三角形在内的一些图元进行光栅化处理。当对这些图元进行光栅化处理时需要使用片断着色器方法。 片断着色器的作用是计算出当前绘制图元中每个像素的颜色值。

几乎整个WebGL API都是关于如何设置这些成对方法的状态值以及运行它们。 对于想要绘制的每一个对象,都需要先设置一系列状态值,然后通过调用 gl.drawArrays 或 gl.drawElements 运行一个着色方法对,使得你的着色器对能够在GPU上运行。

全能导航 |网站地图

Copyright©2022-GMT+8, 2022-5-19 13:04

京ICP备2021033201号

京公网安备 11010502047879号

快速回复 返回顶部 返回列表