如何详细解释three.js着色器材质中所有内置变量的使用示例？

本文共计1216个文字，预计阅读时间需要5分钟。

着色器是什么？固定渲染管线：标准的基本光影（TL）管线，功能是固定的，控制着世界、视图、投影变换以及固定光影控制和纹理混合。TL管线可以被渲染状态控制，包括矩阵、光照和采样。

什么是着色器？

固定渲染管线： ——标准的几何&光照(T&L)管线，功能是固定的，它控制着世界、视、投影变换及固定光照控制和纹理混合。T&L管线可以被渲染状态控制，矩阵，光照和采制参数。如果有了固定渲染管线，编写程序就比较容易了，因为所有的变换都是由固定渲染管线来完成的，但是缺点就是自由度低。固定渲染管线只能完成一些最基本的操作，如果想要做一些特殊的处理，就比较麻烦了。

可编辑渲染管线：——WebGL中不存在固定渲染管线，坐标变换必须全部由自己来做，这个记述了坐标变换的机制就叫做着色器(Shader)，这样可以由程序员控制的机制叫做可编辑渲染管线。而着色器又有 处理几何图形顶点的顶点着色器和处理像素的片段着色器两种类型。由于WebGL中没有固定管线，所以必须准备好顶点着色器和片段着色器。