第十一章、精通着色器编程；（难点）

前端小砖er

已于 2024-07-16 16:00:57 修改

阅读量215

点赞数 5

分类专栏： Threejs和webgl系统学习课程文章标签： three.js webgl

于 2024-03-06 11:18:53 首次发布

本文链接：https://blog.csdn.net/weixin_44121341/article/details/136500458

版权

30 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

本文详细介绍了着色器语言GLSL的基本概念，如顶点着色器、片元着色器的工作原理，以及ShaderMaterial和RawShaderMaterial的区别。还涵盖了着色器编程的实践，如安装与导入，控制顶点位置，时间变量传递，动画制作和图案设计等内容。

摘要由CSDN通过智能技术生成

1、什么是着色器？

着色器也是一组指令，但指令是针对屏幕上的每个像素一次性执行的。这意味着您编写的代码必须根据屏幕上像素的位置表现出不同的行为。就像打字机一样，您的程序将作为一个接收位置并返回颜色的函数工作，并且当它被编译时，它会运行得非常快。

2、为什么着色器很快？

屏幕上的每个像素都代表一个简单的小任务，在旧的 800x600 屏幕中，每帧必须处理 480,000 个像素，这意味着每秒要进行 14,400,000 次计算；
渲染解决方案：并行处理成为一个很好的解决方案。与其拥有几个大而强大的微处理器或管道，不如让许多微型微处理器同时并行运行，这就是图形处理器单元 (GPU)；
微型微处理器想象成一张管道表，将每个像素的数据想象成一个乒乓球。每秒 14,400,000 个乒乓球几乎可以阻塞任何管道。但是一张 800x600 的微型管道表可以顺利处理每秒接收 30 个 480,000 像素的波；

了解本专栏

关注