Three.js Journey — Learn WebGL with Three.js

您是否曾经想创建令人惊叹的 3D 网站？无论您是初学者还是更高级的开发人员，Three.js Journey 都是您使用 Three.js 学习 WebGL 的唯一课程。

你将会学到的

该课程是完整的，但初学者可以访问。我们将首先了解 WebGL 是什么以及为什么必须使用 Three.js 库。然后我们将发现 Three.js 的各种组件，一旦掌握了基础知识，我们将转向更高级的技术来显示数百万个粒子、添加物理、添加交互、创建星系、为汹涌的大海设置动画等等。

在课程结束时，您将对 Three.js 有深入的了解，并有足够的经验开始自己的项目。

作为奖励，我们还将学习如何使用 3D 软件 Blender 来创建我们自己的模型。

目录

• 1 简介
  2 什么是 WebGL 以及为什20么使用 Three.js
  3 基本场景
  4 Webpack
  5 变换对象
  6 动画
  7 相机
  8 全屏和调整大小
  9 几何图形
  10 调试 UI
  11 纹理
  12 材质
  13 3D 文本
  14上线
  15 灯光
  16 阴影
  17 鬼屋
  18 粒子
  19 Galaxy Generator
  20 Raycaster
  21 基于滚动的动画
  22 物理
  23 导入模型
  24 使用 Blender 的自定义模型
  25 逼真渲染
  26 更大项目的代码结构
  27 着色器
  28 着色器模式
  29 汹涌的大海
  30 动画银河
  31 修改的材质
  32 后期处理
  33 性能提示
  34 介绍和加载进度
  35 混合 HTML 和 WebGL
  36 在 Blender 中创建场景
  37 烘焙和导出场景
  38 导入和优化场景
  39 为场景添加细节
  40 什么是 React 和 React Three Fiber
  41 第一个 React 应用程序
  42 第一个 R3F 应用程序
  43 Drei
  44 调试
  45 环境和分段
  46 加载模型
  47 3D 文本
  48 门户场景
  49 鼠标事件
  50 后处理
  51 有趣和简单的作品集
  52 物理
  53 创建游戏
  54 结束