学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js

感谢网友分享

学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js    

您是否曾经想创建令人惊叹的 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 — 结束