301 个 Three.js WebGL 案例源码精讲,涵盖入门、着色器、粒子、应用场景与后期处理,附完整源码与在线 Demo。
分类目录
- 入门案例 — 15 篇:Scene / Camera / Renderer、几何体、动画循环
- 基础案例 — 模型加载、阴影、控制器、后期处理入门
- 着色器 — 自定义 GLSL、ShaderMaterial、onBeforeCompile 与视觉特效
- 粒子 — 粒子系统、着色器混合与各类粒子特效
- 后期处理 — 辉光、遮罩、UV 变换、残影等 Pass
- 动画效果 — GSAP、Anime.js、Theatre.js 与漫游控制
- 应用场景 — 智慧城市、管道、测量、导航等完整 Demo
- 扩展功能 — 3D Tiles、热力图、地图、IndexedDB 等扩展
- 物理应用 — Cannon.js、Ammo.js 物理引擎集成
- 相关工具 — 模型资源、Shader 社区、HDR 与 glTF 工具
- 游戏复刻 — 游戏场景与角色效果复刻案例
- 首页导航 — 编辑器、官方示例与社区链接