Three.js 从零到精通：100 个实战练习掌握 Web 3D 开发

从基础场景到高级 Shader、物理引擎与 WebXR 的 Three.js 系统实战课程

学习内容：

• 全面掌握 Three.js 核心概念：Scene、Camera、Renderer、Animation Loop
• 熟练使用各种 Geometry、Material 与 Light，构建真实 3D 场景
• 掌握纹理、环境贴图、PBR 材质、阴影与真实感渲染
• 系统学习粒子系统，实现星空、爆炸、火焰、水面等视觉效果
• 深入理解 GLSL Shader，编写波动、水面、全息、溶解等高级特效
• 掌握后期处理（Bloom、Glitch、DOF、Motion Blur 等）
• 实现 Raycaster 交互、摄像机系统、角色控制与小游戏逻辑
• 学习性能优化：Instancing、LOD、合批、内存释放
• 掌握 Three.js 与 HTML/CSS 集成、数据可视化与 WebXR（AR）基础

本课程包括

• 14.5 小时高清点播视频
• 100 个由浅入深的 Three.js 实战练习
• 基于 CodeSandbox 的即时在线编码环境

价格：$19.99

教程语言：英语

教程字幕：中英字幕

课程要求：

• 具备 HTML / CSS 基础
• 具备 JavaScript 基础语法能力
• 对基础数学（向量、坐标、三角函数）有基本理解

课程描述：

本课程是一门以“大量实战练习”为核心的 Three.js 系统教程，通过 100 个由基础到高级的练习，帮助学习者真正建立起 Web 3D 编程的直觉与实现能力。
课程内容覆盖 Three.js 的核心机制、真实感渲染、粒子系统、Shader 编程、后期特效、交互逻辑、性能优化以及 WebXR 等现代 Web 3D 技术。
非常适合前端工程师、创意编程爱好者、设计工程师以及希望用 Web 技术进行 3D 与可视化开发的学习者。

B站免费课程

更多 编程语言 教程