终极图形学shader教程

1、很多人认为着色器很难,那是因为讲解得不够深入,或者把太多没必要的讲得太多,而真正有用的却一点没讲,这几章我们将深入着色器,告诉您着色器的魅力。

2、着色器与three.js的数据传输

1、着色器的优点

对于着色器,我总结了几个优点:

1、 着色器能够处理大量数据。顶点着色器为每一个顶点确定位置,片元着色器每每个片元确定颜色。无论是顶点还是片元,数据量都是非常庞大的。一个3D游戏中,一帧动不动就是几十万个三角形,顶点数量非常庞大。从屏幕分辩率来算片元的数量(我们可以近似的将片元与像素对应),现在显示器主流的分辨率是1280X1024,它有1310720个像素,片元着色器每一帧都要为1310720个像素点赋颜色值,可谓处理数据量巨大。

2、 着色器是并行计算的。无论是顶点着色器还是片元着色器,每个顶点的位置和每个片元的颜色,几乎都是同时计算完成的,这就是显卡的特殊能力,CPU是不能做到的。这是因为CPU从设计之初,就是为了指令的串行执行。 这两点是着色器最主要的两个优点,也是笔者认为最有助于理解GPU能力的优点,大家记住即可。

2、本课其中一个例子

本课的学习中,我们举了一些例子,其中一个例子的截图如下:

webgl shader three.js shader THREE.ShaderMaterial THREE.ShaderMaterial

3、阅读更多请购买课程

免费的资料不一定就是好的资料,收费的资料也不一定是好的资料,但是我们的资料能够保证您在短时间内成为高手。对于渴望知识的您,请支持我们的知识成果,购买该课程吧。

给WebGL中文网团队的女程序员"小果妹妹"发一个鸡腿吧,微信扫一扫赞赏,感谢。

亲爱的读者,如果你觉得WebGL中文网的课程不错,您可以购买《WebGL中文网视频课程》 课程支持我们哦,购买后记得给我们好评哦!我们强烈建议您不要在iphone上的网易云课堂软件中购买,这样苹果会收取31%左右的服务费,虽然这是明码标价,我们也表示认可和理解,具体选择权在您自己了。

感谢大家的支持,下面是课程的截图之一

提问或评论

登陆后才可留言或提问哦:) 登陆 | 注册 登陆后请返回本课提问
用户名
密   码
验证码