您是否曾经想创建令人惊叹的 3D 网站？无论您是初学者还是更高级的开发人员，Three.js Journey 都是您使用 Three.js 学习 WebGL 的唯一课程。
你将会学到的
一切您需要的都在这里：91小时的视频，从零基础到高级Three.js开发者。
这门课程对初学者来说是完整的，但也易于理解。我们将从探索WebGL是什么以及为什么使用Three.js库是必不可少的开始。然后，我们将发现Three.js的各种组件，一旦掌握了基础知识，我们将转向更高级的技术，如显示数百万粒子，添加物理效果，添加交互，创建星系，动画展示怒涛海浪等。
在课程结束时，您将对Three.js有深入的了解，并具有足够的经验开始您自己的项目。
作为额外的福利，我们还将学习如何使用3D软件Blender来创建自己的模型。
目录
- 01 — 介绍
- 02 — 什么是WebGL以及为什么使用Three.js
- 03 — 第一个Three.js项目
- 04 — 对象转换
- 05 — 动画
- 06 — 相机
- 07 — 全屏和调整大小
- 08 — 几何形状
- 09 — 调试UI
- 10 — 纹理
- 11 — 材质
- 12 — 3D 文本
- 13 — 上线
- 14 — 灯光
- 15 — 阴影
- 16 — 幽灵屋
- 17 — 粒子
- 18 — 星系生成器
- 19 — 基于滚动的动画
- 20 — 物理
- 21 — 导入模型
- 22 — 射线投射器和鼠标事件
- 23 — 使用Blender创建自定义模型
- 24 — 环境贴图
- 25 — 逼真渲染
- 26 — 用于大型项目的代码结构
- 27 — 着色器
- 28 — 着色器模式
- 29 — 激流海
- 30 — 动态星系
- 31 — 修改材质
- 32 — 咖啡烟雾着色器
- 33 — 全息影像着色器
- 34 — 烟花着色器
- 35 — 灯光着色器
- 36 — 怒涛海浪着色器
- 37 — Halftone 着色器
- 38 — 地球着色器
- 39 — 粒子光标动画着色器
- 40 — 粒子变形着色器
- 41 — GPGPU 流场粒子着色器
- 42 — 波动球体着色器
- 43 — 分层模型着色器
- 44 — 过程地形着色器
- 45 — 后期处理
- 46 — 性能技巧
- 47 — 介绍和加载进度
- 48 — HTML与WebGL混合
- 49 — 在Blender中创建场景
- 50 — 烘焙和导出场景
- 51 — 导入和优化场景
- 52 — 为场景添加细节
- 53 — 什么是React和React Three Fiber
- 54 — 第一个React应用程序
- 55 — 第一个React Three Fiber应用程序
- 56 — R3F和Drei
- 57 — 调试R3F应用程序
- 58 — R3F中的环境和分段
- 59 — 使用R3F加载模型
- 60 — 使用R3F创建3D文本
- 61 — 使用R3F创建门户场景
- 62 — R3F中的鼠标事件
- 63 — 使用R3F进行后期处理
- 64 — 使用R3F创建有趣简洁的作品集
- 65 — 使用R3F进行物理操作
- 66 — 使用R3F创建游戏
- 67 — 结束