资源内容

学习Three.js的最佳课程|Three.jsJourn—LearnWebGLwithThree.js   

您是否曾经想创建令人惊叹的3D网站？无论您是初学者还是更高级的开发人员，Three.jsJourn都是您使用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和ReactThreeFiber

54—第一个React应用程序

55—第一个ReactThreeFiber应用程序

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—结束