头上有煎饺

1. 简介 之前我们使用光照让物体表面有不同的颜色，看起来更加立体逼真。但是没有影子还是缺了点真实感，这里我们用到上一节的帧缓冲，通过阴影贴图shadow map或称深度贴图depth map技巧，实

1. 需求 设计图上图表的颜色可能只设计了几个，但是有的数据可能远远超出了设计的颜色，这个时候能够自动根据基础颜色生成颜色就好了 2.实现 这里使用了@ant-design/colors，这是antd

1.介绍 之前章节学习纹理的时候，我们是将外部现成的图片作为纹理，渲染到图像上。 而这里我们将要使用自己渲染的图像，作为纹理，渲染到另外一个图像上。也就是可以动态生成纹理。 2. 帧缓冲Framebu

看到很多资料教程一上来就会解释什么是`渲染管线`，说实话云里雾里的，因为里面有很多专业名词。不过经过前面的学习，加上中间遇到的困难查询资料的过程中，或多或少都接触到了一部分。现在回头看会好理解很多。

1. 概述 之前的学习都是在单个着色器上进行的，如果你要绘制不同的图形，必然需要不同的着色器来处理。好在webgl能够随时切换着色器，还记得useProgram这个方法吗，这个就是切换着色器的关键。

1. 介绍 听起来这个名词很厉害，其实本质就是实现物体的半透明效果 2. 代码实现 直接给颜色设置透明度出来是这样 确实设置成功，颜色也变淡了，但是按理来说前面应该会透出其他面的颜色，就像玻璃窗户一样

1. 原理 默认情况下绘制的点是一个正方形。 每个点在光栅化（绘制到屏幕）的时候，其实是由许多片元组成的： 而要画出圆形（看起来像是圆形），只需要摒弃圆圈外部的片元。 2. 实现 步骤很简单： 计算片

1. 齐次坐标 参考 在之前的文章中我们直接就使用的齐次坐标(x, y, z, w)但是并没有解释为什么要多一个w分量，为什么要使用齐次坐标 简单来说，齐次坐标的出现是为了能在二维世界中描述三维世界独

1. 介绍 直接看效果 简单的说就是实现一个周围环境有雾气的效果。 2.原理 这里实现最简单的一种线性雾化。 雾化说白了和光照一样，只是按照某种计算改变绘制的颜色。 结合现实，一个物体被笼罩在雾气中，