学习 Three.js 的最佳课程 | 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 结束
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » 学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js
TheItzy » 学习 Three.js 的最佳课程 | Three.js Journey — Learn WebGL with Three.js