Three.js 学习

官网：https://threejs.org/docs/index.html#manual/zh/introduction/Installation

three.js docs

1. The Book of Shaders - 一本由 Patricio Gonzalez Vivo 和 Jen Lowe 编写的关于片段着色器（Fragment Shaders）的循序渐进指南，旨在帮助读者理解和掌握这一抽象而复杂的图形编程领域。

2. Three.js 之 1 Animation 动画 掘金早期难得的很高质量的 three 学习笔记一个系列，是 Three.js Journey（$95 终身访问）的学习笔记

3. Discover three.js 由 three.js 核心开发者编写的完整教程，从基础到高级的系统性学习路径、包含实时代码编辑器、提供清晰的 2D 图表解释概念。

4. WebGL Academy 交互式 WebGL 和 3D 算法学习，在线 IDE 环境，支持语法高亮，涵盖从基础到高级的 WebGL 概念，包含物理模拟和高级渲染技术

5. SB Code R3F Tutorials 内容涵盖 React Three Fiber 和 Drei 库的基础知识，逐步讲解相关概念，帮助学习者理解如何构建自己的项目并参与 React 生态系统。

6. WebGL 理论基础 & WebGL2 理论基础 从 WebGL 的基本理论讲起。

推荐以下 Three.js journey 教程学习笔记：

• Three.js 之 1 Animation 动画
• Three.js 之 2 Camera 相机
• Three.js 之 3 画布与全屏
• Three.js 之 4 Geometry 几何体
• Three.js 之 5 debug UI
• Three.js 之 6 Texture 纹理
• Three.js 之 7 Materials 材质
• Three.js 之 8 炫酷的 3D Text
• Three.js 之 9 Light 光
• Three.js 之 10 Shadow 投影
• Three.js 之 11 Haunted House 恐怖鬼屋
• Three.js 之 12 Particles 粒子效果
• Three.js 之 13 Galaxy 银河效果生成器
• Three.js 之 14 Raycaster 光线投射
• Three.js 之 15 Scroll based animation 基于页面滚动的动画
• Three.js 之 16 Physics 物理引擎
• Three.js 之 17 Import Model 导入模型

作者：CS_Joe 链接：https://juejin.cn/post/7095621578976657421 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。