Translation(model translation, not the source's own text)
拖动数字,或直接编辑代码
这门课程面向懂 JavaScript 或 C/C++、但从未写过着色器的人。每节课左侧显示实时画面,右侧是绘制它的代码:拖动代码中的任意数字,或直接编辑代码本身。
- 01 片段与数据
- 02 用数学绘制形状
- 03 时间、交互与重复
- 04 纹理与噪声
- 05 数据变成顶点
- 06 空间、相机与深度
- 07 表面与光照
- 08 Three.js 为你写了什么
- 09 多遍绘制
- 10 其他片段输出
- 11 GPU 怪癖
- 12 从画面到配方
整门课程把这个星球拆解开来:数据 → 顶点 → 光栅化 → 片段 → 输出。在最后一课,你亲手重写它。
试一试
- 看看山峰和水面:明暗呈条带状,而不是平滑渐变
- 可以从目录中的任意一章开始;随时都能回来
由 @huozhi 制作