three.js

《Three.js 完整版3D魔方：带贴纸+中心固定+自动求解复原》直接复制保存为 .html 打开即用，功能齐全：六色贴纸、黑白边框、中心块锁定、键盘操控、打乱、一键自动还原算法

《Three.js 可操控3D魔方（键盘转动+打乱+复原）》直接复制整段HTML打开即可运行，WASD/方向键控层旋转，一键打乱、一键复原

《终极版3D数字沙盘：双视角漫游+建筑点击信息+昼夜一键切换》直接复制保存 sandbox-final.html 打开即用这套已经是中小型园区数字沙盘完整可用版本，直接就能用于演示、项目展示、教学演示。

《Three.js 3D实例大全》Three.js 实例非常丰富，下面按入门基础、材质灯光、粒子特效、模型加载、物理交互、可视化/游戏/高级特效七大模块，整理可直接运行的代码片段与在线 Demo 链接，覆盖从入门到生产级的完整案例。

《Three.js 3D坦克对战【AI单机版】》玩家操控蓝坦克，AI自动操控红坦克，自动寻路、追击、开火、躲障碍，直接复制打开即用

李伟_Li慢慢

12-mini版WebGLObjects源码：github.com/buglas/thre…src\renderers\webgl\WebGLObjectsMini.js

李伟_Li慢慢

17-mini版WebGLBufferRenderer源码：github.com/buglas/thre…src\renderers\webgl\WebGLBufferRendererMini.js

李伟_Li慢慢

16-mini版WebGLBackground源码：github.com/buglas/thre…src\renderers\webgl\WebGLBackgroundMini.js

李伟_Li慢慢

13-mini版WebGLProgram源码：github.com/buglas/thre…src\renderers\webgl\WebGLPrograms.js

李伟_Li慢慢

14-mini版WebGLPrograms源码：github.com/buglas/thre…src\renderers\webgl\WebGLPrograms.js

李伟_Li慢慢

19-mini版WebGLRenderer源码：github.com/buglas/thre…src\renderers\WebGLRendererMini.js

李伟_Li慢慢

10-mini版bindingStates源码：github.com/buglas/thre…src\renderers\webgl\WebGLBindingStatesMini.js

李伟_Li慢慢

08-BufferAttribute源码：github.com/buglas/thre…BufferAttribute 是用来存储几何体顶点数据的类。

李伟_Li慢慢

09-mini版WebGLAttributes源码：github.com/buglas/thre…src\renderers\webgl\WebGLAttributesMini.js

李伟_Li慢慢

11-mini版WebGLGeometries源码：github.com/buglas/thre…src\renderers\webgl\WebGLGeometriesMini.js

李伟_Li慢慢

18-mini版WebGLRenderList源码：github.com/buglas/thre…src\renderers\webgl\WebGLRenderListMini.js

李伟_Li慢慢

15-mini版WebGLMaterials源码：github.com/buglas/thre…src\renderers\webgl\WebGLMaterialsMini.js

李伟_Li慢慢

06-mini版WebGLState源码：github.com/buglas/thre…在后面的章节里我们会按照WebGLRenderer的initGLContext() 方法里的初始化顺序，简化其中的关键模块，我们会忽略一些与绘制纯色三角形无关的模块。

李伟_Li慢慢

04-three.js的渲染流程概览源码：github.com/buglas/thre…在后面的课程里，我们会以纯色三角形的渲染为例，参考WebGLRenderer，架构一个mini 版渲染器，目的是整体的理解three.js的架构原理和渲染流程。

李伟_Li慢慢

07-WebGLProperties源码：github.com/buglas/thre…WebGLProperties 比较简单，不需要mini 版，我们直接看其源码。