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 工具
  • 游戏复刻 — 游戏场景与角色效果复刻案例
  • 首页导航 — 编辑器、官方示例与社区链接

← 返回全部案例目录