前言 在前面我们介绍了 OpenglEs之EGL环境搭建 ，在后面的例子中，我们将无可避免地需要使用到着色器。而着色器才是Opengl的灵魂所在，有了着色器才有了Opengl天马行空的世界。

关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

本章导图： 一、渲染流水线概述 渲染流水线由CPU和GPU协同工作，可分为三大阶段： 应用阶段：输出渲染图元 几何阶段：输出屏幕空间的顶点信息 光栅化阶段：输出最后结果 1.应用阶段 参与者：CPU，

1、图形渲染管线 1.1 发展历程 早期的图形编程：调用硬件供货商提供的函数库（用来绘制图元及其属性的函数库不存在） 图形标准的产生：硬件供货商提供标准图形数据库，使得能够在设备无关的方式下生成图像

“你对渲染管线了解多少？” 当我听到这个面试题的时候，我是懵逼的。很长时间以前学的图形学知识，虽然看了红蓝宝书，并且熟悉OpenGL，但是关于渲染管线的细节，仍然有诸多模糊之处，非常惭愧。在19年的时

什么是渲染管线 如果你之前接触过图形学或者接触过WebGL，你一定多少听说过GPU的渲染管线。在图形学中，我们如何把3D信息转换成屏幕的2D图像，本文会给你建立一个大体的认知

GPU渲染管线 几何阶段 光栅化阶段 顶点着色器 片元着色器 模型变换 视图变换 曲面细分 剪裁 三角形设置 三角形遍历 片元着色器 片元操作

要理解和学会WebGL，并没有那么困难，我们只需要理解一下GPU，了解它与CPU的不同点，然后再理解运行GPU代码的语言——glsl，了解着色器的基本概念和用法，就可以轻松理解WebGL的本质。

threejs原理介绍 我在这篇文章threejs开发入门介绍中介绍了threejs开发入门，不过大部分人还是对实战更感兴趣，都希望能对着文章直接撸出一个3D的小项目出来。