Shader tutorial · Three.js

从第一种颜色,走到自己的视觉效果。

从 Hello Shader 走到魔法阵、粒子系统和材质封装:十六课的 139 道练习现已可运行。每题都有可见结果、修改任务和验收条件。

渲染数据流JS → GPU

01 JavaScript · uniform / attribute
02 Vertex Shader · 位置与 varying
03 Rasterization · 插值
04 Fragment Shader · 像素颜色

从第 1 课的三角形开始,亲手走完这条链路。

Start here

直接开始练习。

第 1 课:Hello Shader

从纯红三角形出发,练习 uniform、时间动画、鼠标控制与顶点旋转。

打开 7 道练习

本地启动

在当前 exercises/ 目录运行静态服务器;如需先检查环境,可打开运行环境检查。

http-server -p 1000