全面掌握 Three.js、Shader，开发 3D 应用
vx：神光的幸福生活
介绍
目录
评论
课程内容
已更新281小节
1
开篇词
学习时长: 4分17秒
试学
2
实战列表
学习时长: 22分39秒
试学
3
通知
学习时长: 21秒
4
第一个 3D 场景
学习时长: 30分20秒
5
dat.gui 可视化调试
学习时长: 28分6秒
6
深入理解透视相机和视椎体
学习时长: 22分59秒
7
BufferGeometry：顶点生成各种几何体
学习时长: 38分8秒
8
点模型、线模型、网格模型
学习时长: 38分27秒
9
实战：随机山脉地形
学习时长: 31分14秒
试学
10
材质颜色和纹理贴图
学习时长: 39分33秒
11
uv 坐标和 uv 动画
学习时长: 22分52秒
12
如何画各种曲线
学习时长: 47分39秒
试学
13
实战：云雷纹
学习时长: 47分16秒
14
按照规律生成各种几何体
学习时长: 40分17秒
15
实战：隧道穿梭
学习时长: 25分6秒
试学
16
uv 动画实战：无限时空隧道
学习时长: 24分47秒
17
实战：盖房子（一）
学习时长: 54分35秒
18
实战：盖房子（二）
学习时长: 37分53秒
19
场景遍历和世界坐标
学习时长: 24分48秒
20
各种灯光和常用 Helper（一）
学习时长: 45分43秒
21
各种灯光和常用 Helper（二）
学习时长: 31分6秒
22
顶点法线和反射原理
学习时长: 30分27秒
23
自定义顶点颜色实现渐变
学习时长: 22分55秒
24
实战：颜色渐变柱状图
学习时长: 40分9秒
25
如何加载外部模型
学习时长: 26分19秒
试学
26
GLTF 的三种文件结构
学习时长: 25分55秒
27
gltf-pipeline：处理 gltf 模型的工具
学习时长: 22分46秒
28
Draco：压缩 gltf 模型，提升性能
学习时长: 17分12秒
29
包围盒与模型大小计算
学习时长: 25分43秒
30
包围盒 Box3 常用 api
学习时长: 35分20秒
31
正投影相机和三种灯光的阴影
学习时长: 38分
32
OrbitControls 的常用属性方法
学习时长: 20分26秒
33
射线与点击选中 3D 场景物体
学习时长: 30分21秒
34
后期处理与描边发光效果
学习时长: 33分14秒
试学
35
各种后期处理效果
学习时长: 28分16秒
36
精灵模型 Sprite 和下雨下雪效果
学习时长: 26分43秒
37
实战：林海雪原
学习时长: 39分15秒
试学
38
实战：林海雪原（二）
学习时长: 10分29秒
39
几何体材质共用和 clone、copy
学习时长: 29分29秒
40
补间动画库 Tween.js
学习时长: 26分50秒
41
Tween.js 常用 API
学习时长: 19分43秒
42
关键帧动画和模型动画播放
学习时长: 28分28秒
43
实战：丝滑入场动画
学习时长: 31分6秒
44
改变顶点的变形动画
学习时长: 26分24秒
45
骨骼动画：关节带动顶点运动
学习时长: 27分3秒
试学
46
骨骼动画如何丝滑切换？
学习时长: 21分36秒
47
GSAP：另一个常用动画库
学习时长: 19分29秒
48
CSS2DRenderer 实现标注：给 3D 物体加标签
学习时长: 28分33秒
49
CSS3DRenderer 实现标注：公告栏内容
学习时长: 27分42秒
50
Sprite 结合 canvas 实现各种形状的标注
学习时长: 25分20秒
51
Canvas 画各种图案作为纹理
学习时长: 35分45秒
52
SpriteText：开箱即用的文字组件
学习时长: 20分58秒
53
实战：数字雨
学习时长: 17分27秒
54
实战：3D 饼图
学习时长: 30分8秒
55
实战：3D 饼图（二）
学习时长: 30分43秒
56
系统掌握噪声库 simplex-noise
学习时长: 29分44秒
57
3D 场景如何加入音频
学习时长: 22分3秒
58
实战：双人斗舞
学习时长: 36分15秒
试学
59
实战：双人斗舞（二）
学习时长: 31分56秒
60
音乐频谱可视化
学习时长: 30分35秒
61
PBR 材质：逼真的金属、塑料、磨砂效果
学习时长: 20分46秒
62
PBR 材质：逼真的喷漆、玻璃效果
学习时长: 15分58秒
63
PBR 实战：汽车选配
学习时长: 27分19秒
试学
64
模型搜索并导入 blender 编辑
学习时长: 27分18秒
65
PBR 材质：逼真的毛绒、虹彩效果
学习时长: 20分50秒
66
MatCap 材质：通过光照球实现伪光照效果
学习时长: 27分3秒
67
HDR：亮度范围更广的全景图
学习时长: 17分42秒
68
CubeCamera 实现镜子效果
学习时长: 28分40秒
69
Reflector 实现镜子效果
学习时长: 33分18秒
70
实战：练舞房
学习时长: 36分26秒
试学
71
实战：3D 音乐播放器
学习时长: 40分49秒
72
实战：3D 音乐播放器（二）
学习时长: 19分6秒
73
实战：3D 音乐播放器（三）
学习时长: 40分15秒
74
实战：3D 音乐播放器（四）
学习时长: 27分36秒
75
Three.js 的各种控制器 Controls
学习时长: 30分20秒
76
Vue、React 项目如何集成 Three.js
学习时长: 33分17秒
77
贴花几何体：给物体加一些装饰
学习时长: 26分24秒
78
实战：T恤印花设计
学习时长: 25分59秒
79
实战：T恤印花设计（二）
学习时长: 18分13秒
试学
80
3D 场景保存为图片、视频
学习时长: 14分53秒
试学
81
实战：3D 电脑（一）
学习时长: 36分57秒
82
实战：3D 电脑（二）
学习时长: 16分51秒
83
实战：3D 电脑（三）
学习时长: 26分23秒
试学
84
实战：Three.js Editor
学习时长: 6分36秒
85
实战：Three.js Editor （二）
学习时长: 13分18秒
86
实战：Three.js Editor（三）
学习时长: 37分19秒
87
实战：Three.js Editor（四）
学习时长: 26分30秒
88
实战：Three.js Editor（五）
学习时长: 11分11秒
89
实战：Three.js Editor（六）
学习时长: 14分8秒
90
实战：Three.js Editor（七）
学习时长: 22分50秒
91
实战：Three.js Editor（八）
学习时长: 29分16秒
92
实战：Three.js Editor（九）
学习时长: 14分39秒
93
实战：Three.js Editor（十）
学习时长: 20分14秒
94
实战：Three.js Editor（十一）项目总结
学习时长: 4分27秒
试学
95
向量点积实现锐角判断
学习时长: 23分56秒
96
Vector3 的 API 和各种应用
学习时长: 25分28秒
97
实战：酷家乐装修编辑器（一）
学习时长: 6分23秒
试学
98
实战：酷家乐装修编辑器（二）
学习时长: 24分35秒
99
实战：酷家乐装修编辑器（三）
学习时长: 32分55秒
100
实战：酷家乐装修编辑器（四）
学习时长: 25分41秒
101
实战：酷家乐装修编辑器（五）
学习时长: 17分21秒
102
实战：酷家乐装修编辑器（六）
学习时长: 29分57秒
103
实战：酷家乐装修编辑器（七）
学习时长: 24分23秒
104
实战：酷家乐装修编辑器（八）
学习时长: 24分12秒
105
实战：酷家乐装修编辑器（九）
学习时长: 34分26秒
106
实战：酷家乐装修编辑器（十）
学习时长: 47分25秒
107
实战：酷家乐装修编辑器（十一）
学习时长: 43分3秒
108
实战：酷家乐装修编辑器（十二）
学习时长: 25分1秒
109
实战：酷家乐装修编辑器（十三）
学习时长: 19分7秒
110
实战：酷家乐装修编辑器（十四）
学习时长: 20分14秒
111
实战：酷家乐装修编辑器（十五）
学习时长: 1小时31分
112
实战：酷家乐装修编辑器（十六）
学习时长: 35分16秒
113
实战：酷家乐装修编辑器（十七）
学习时长: 16分20秒
114
实战：酷家乐装修编辑器（十八）
学习时长: 16分4秒
115
实战：酷家乐装修编辑器（十九）
学习时长: 16分11秒
116
实战：酷家乐装修编辑器（二十）
学习时长: 27分1秒
试学
117
实战：酷家乐装修编辑器（二十一）
学习时长: 22分7秒
试学
118
实战：酷家乐装修编辑器（二十二）
学习时长: 10分28秒
119
实战：酷家乐装修编辑器（二十三）
学习时长: 15分26秒
120
实战：酷家乐装修编辑器（二十四）
学习时长: 32分12秒
121
实战：酷家乐装修编辑器（二十五）
学习时长: 14分48秒
122
实战：酷家乐装修编辑器（二十六）
学习时长: 22分50秒
123
实战：酷家乐装修编辑器（二十七）
学习时长: 13分16秒
124
实战：酷家乐装修编辑器（二十八）
学习时长: 21分25秒
125
实战：酷家乐装修编辑器（二十九）
学习时长: 51分25秒
试学
126
实战：酷家乐装修编辑器（三十）
学习时长: 22分3秒
127
实战：酷家乐装修编辑器（三十一）
学习时长: 8分52秒
128
实战：酷家乐装修编辑器（三十二）
学习时长: 25分11秒
129
实战：酷家乐装修编辑器（三十三）：和酷家乐对比
学习时长: 6分47秒
试学
130
实战：酷家乐装修编辑器（三十四）：项目总结
学习时长: 7分47秒
试学
131
实战：实现酷家乐同款拖拽旋转控制器
学习时长: 30分11秒
132
实战：实现酷家乐同款拖拽旋转控制器（二）
学习时长: 24分55秒
133
实战：实现酷家乐同款拖拽旋转控制器（三）
学习时长: 21分46秒
134
实战：实现酷家乐同款拖拽旋转控制器（四）
学习时长: 10分55秒
135
实战：实现酷家乐同款拖拽旋转控制器（五）
学习时长: 12分53秒
136
API 查缺补漏：MathUtils
学习时长: 26分15秒
137
API 查缺补漏：Euler
学习时长: 19分7秒
138
API 查缺补漏：Quaternion、Matrix4
学习时长: 31分18秒
139
react-three-fiber：组件化开发 3D 场景
学习时长: 27分51秒
140
物理引擎 cannon：实现真实世界的物理现象
学习时长: 25分28秒
141
物理引擎 cannon：凸多面体生成各种形状
学习时长: 18分5秒
试学
142
物理引擎 cannon：小球发射
学习时长: 24分17秒
143
物理引擎 cannon：小球发射（二）
学习时长: 16分32秒
144
物理引擎 cannon：小球发射（三）
学习时长: 11分49秒
145
cannon 实战：打保龄球
学习时长: 28分37秒
146
cannon 实战：打保龄球（二）
学习时长: 23分27秒
147
cannon 实战：打保龄球（三）
学习时长: 14分47秒
试学
148
cannon 实战：打保龄球（四）
学习时长: 11分35秒
149
cannon 物理引擎：铰链和向心力
学习时长: 30分26秒
150
cannon 物理引擎：旋转、向心力
学习时长: 33分16秒
151
cannon 物理引擎：弹簧效果
学习时长: 24分36秒
152
cannon 物理引擎：弹簧效果（二）
学习时长: 14分37秒
153
骨骼动画的重定向
学习时长: 21分26秒
154
骨骼动画的重定向（二）
学习时长: 12分17秒
155
粒子效果库 three.quarks
学习时长: 21分42秒
156
粒子实战：小猪爱心发射器
学习时长: 34分32秒
试学
157
各种形状的粒子发射器
学习时长: 30分59秒
158
粒子生命周期行为控制
学习时长: 26分48秒
159
粒子实战：火树银花
学习时长: 26分16秒
试学
160
粒子的帧动画
学习时长: 26分25秒
161
粒子实战：小鱼吐泡泡
学习时长: 34分1秒
162
粒子实战：小鱼吐泡泡（二）
学习时长: 16分50秒
试学
163
打碎重组粒子效果
学习时长: 26分18秒
164
几何体粒子和噪声
学习时长: 31分41秒
165
实战：躲避汽车
学习时长: 24分13秒
166
实战：躲避汽车（二）
学习时长: 26分11秒
167
实战：躲避汽车（三）
学习时长: 20分
168
实战：躲避汽车（四）
学习时长: 20分37秒
试学
169
实战：躲避汽车（五）
学习时长: 26分21秒
试学
170
实战：躲避汽车（总结）
学习时长: 6分7秒
171
实战：佛光普照
学习时长: 21分38秒
172
实战：佛光普照（二）
学习时长: 18分42秒
173
实战：佛光普照（三）
学习时长: 33分58秒
174
实战：佛光普照（四）
学习时长: 31分28秒
175
实战：佛光普照（五）
学习时长: 24分47秒
176
实战：佛光普照（六）
学习时长: 13分31秒
试学
177
GeoJson 和地图绘制
学习时长: 29分52秒
试学
178
地图如何实现标注
学习时长: 35分39秒
179
实战：全国人口柱状地图
学习时长: 31分13秒
180
实战：全国人口柱状地图（二）
学习时长: 11分50秒
181
实战：全国人口柱状地图（三）
学习时长: 31分18秒
试学
182
地图飞线
学习时长: 28分15秒
183
地图飞线（二）
学习时长: 15分35秒
184
地图飞线（三）
学习时长: 11分29秒
185
地图飞线（四）
学习时长: 14分54秒
试学
186
球面地图可视化
学习时长: 26分41秒
187
实战：交互式地球仪
学习时长: 35分2秒
188
实战：交互式地球仪（二）
学习时长: 14分7秒
试学
189
实战：交互式地球仪（三）
学习时长: 19分35秒
190
实战：交互式地球仪（四）
学习时长: 17分9秒
191
工具、资源网站汇总
学习时长: 6分22秒
192
玩家漫游（一）
学习时长: 25分9秒
193
玩家漫游（二）
学习时长: 10分13秒
194
玩家漫游（三）
学习时长: 14分37秒
195
玩家漫游（四）
学习时长: 7分27秒
196
玩家漫游（五）
学习时长: 11分19秒
试学
197
玩家漫游（六）
学习时长: 6分52秒
198
实战：小镇旅游（一）
学习时长: 19分48秒
199
实战：小镇旅游（二）
学习时长: 24分37秒
试学
200
综合实战：开放世界（一）
学习时长: 23分1秒
201
综合实战：开放世界（二）
学习时长: 21分34秒
202
综合实战：开放世界（三）
学习时长: 17分27秒
试学
203
综合实战：开放世界（四）
学习时长: 10分28秒
204
综合实战：开放世界（五）
学习时长: 19分20秒
试学
205
综合实战：开放世界（六）
学习时长: 5分38秒
206
综合实战：开放世界（七）
学习时长: 7分6秒
207
综合实战：开放世界（八）
学习时长: 24分39秒
208
综合实战：开放世界（九）
学习时长: 27分3秒
209
综合实战：开放世界（十）
学习时长: 21分27秒
试学
210
综合实战：开放世界（十一）
学习时长: 7分44秒
211
综合实战：开放世界（十二）
学习时长: 21分12秒
212
综合实战：开放世界（十三）
学习时长: 38分59秒
213
综合实战：开放世界（十四）
学习时长: 30分57秒
214
综合实战：开放世界（十五）
学习时长: 16分58秒
215
综合实战：开放世界（十六）
学习时长: 1小时19分
216
综合实战：开放世界（十七）
学习时长: 14分36秒
217
综合实战：开放世界（十八）
学习时长: 13分31秒
218
综合实战：开放世界（十九）
学习时长: 19分37秒
试学
219
综合实战：开放世界（二十）
学习时长: 16分33秒
220
综合实战：开放世界（二十一）
学习时长: 16分48秒
221
综合实战：开放世界（二十二）
学习时长: 1小时59分
222
综合实战：开放世界（二十三）
学习时长: 58分31秒
223
综合实战：开放世界（二十四）
学习时长: 36分11秒
224
综合实战：开放世界（二十五）
学习时长: 40分33秒
225
综合实战：开放世界（二十六）
学习时长: 11分44秒
226
综合实战：开放世界（二十七）
学习时长: 49分32秒
227
综合实战：开放世界（二十八）
学习时长: 52分2秒
228
综合实战：开放世界（二十九）
学习时长: 9分45秒
229
综合实战：开放世界（三十）
学习时长: 43分58秒
230
综合实战：开放世界（三十一）
学习时长: 4分18秒
231
综合实战：开放世界（三十二）
学习时长: 12分42秒
232
综合实战：开放世界（三十三）
学习时长: 1小时18分
233
综合实战：开放世界（三十四）
学习时长: 22分12秒
234
综合实战：开放世界（三十五）
学习时长: 1小时46分
235
综合实战：开放世界（三十六）
学习时长: 19分12秒
236
综合实战：开放世界（三十七）
学习时长: 9分22秒
237
综合实战：开放世界（三十八）
学习时长: 2小时40分
238
综合实战：开放世界（三十九）
学习时长: 12分8秒
239
综合实战：开放世界（四十）
学习时长: 23分17秒
240
综合实战：开放世界（四十一）
学习时长: 7分23秒
241
综合实战：开放世界（四十二）
学习时长: 17分39秒
242
综合实战：开放世界（四十三）
学习时长: 33分14秒
243
综合实战：开放世界（四十四）
学习时长: 18分24秒
244
综合实战：开放世界（四十五）
学习时长: 2小时42分
245
综合实战：开放世界（四十六）
学习时长: 17分45秒
246
综合实战：开放世界（四十七）
学习时长: 18分15秒
247
综合实战：开放世界（四十八）
学习时长: 59分11秒
248
综合实战：开放世界（开发流程总结）
学习时长: 7分11秒
试学
249
综合实战：开放世界（技术总结）
学习时长: 5分
250
实战：3D 画廊编辑器（一）
学习时长: 2分39秒
251
实战：3D 画廊编辑器（二）
学习时长: 2分16秒
252
实战：3D 画廊编辑器（三）
学习时长: 18分17秒
253
实战：3D 画廊编辑器（四）
学习时长: 32分43秒
254
实战：3D 画廊编辑器（五）
学习时长: 20分41秒
255
实战：3D 画廊编辑器（六）
学习时长: 41分20秒
256
实战：3D 画廊编辑器（七）
学习时长: 3分51秒
257
实战：3D 画廊编辑器（八）
写作中...
258
综合实战：跳一跳小游戏（一）
写作中...
259
综合实战：跳一跳小游戏（三）
写作中...
260
综合实战：跳一跳小游戏（二）
写作中...
261
综合实战：跳一跳小游戏（四）
写作中...
262
综合实战：跳一跳小游戏（五）
写作中...
263
综合实战：3D 画廊编辑器（五）
写作中...
264
综合实战：3D 画廊编辑器（十二）
写作中...
265
综合实战：3D 画廊编辑器（十三）
写作中...
266
综合实战：3D 画廊编辑器（十四）
写作中...
267
综合实战：3D 画廊编辑器（十五）
写作中...
268
综合实战：3D 画廊编辑器（十六）
写作中...
269
综合实战：3D 画廊编辑器（十七）
写作中...
270
综合实战：3D 画廊编辑器（十九）
写作中...
271
综合实战：3D 画廊编辑器（二十）
写作中...
272
全屏滚动官网
学习时长: 29分43秒
273
全屏滚动官网（二）
学习时长: 10分27秒
274
全屏滚动官网（三）
学习时长: 28分
275
全屏滚动官网（四）
学习时长: 9分8秒
276
全屏滚动实战：星系 3D 科普网站（一）
学习时长: 40分51秒
277
全屏滚动实战：星系 3D 科普网站（二）
学习时长: 19分6秒
278
全屏滚动实战：星系 3D 科普网站（三）
学习时长: 20分7秒
279
全屏滚动实战：星系 3D 科普网站（四）
学习时长: 11分33秒
280
3D 产品展示网站
学习时长: 24分6秒
281
3D 产品展示网站（二）
学习时长: 10分22秒
282
3D 产品展示网站（三）
学习时长: 17分26秒
283
点云（一）
学习时长: 28分21秒
284
点云（二）
学习时长: 12分19秒
285
表面采样器更常见的用法
学习时长: 19分25秒
286
采样器实战：漫山遍野的植被
学习时长: 23分40秒
287
采样器实战：漫山遍野的植被（二）
学习时长: 22分26秒
288
采样器实战：漫山遍野的植被（三）
学习时长: 11分47秒
289
Shader 入门（一）：uniform 与 UV 图案
学习时长: 31分45秒
290
Shader 入门（二）：纹理采样与程序化噪声
学习时长: 23分45秒
291
Shader 入门（三）：顶点、光照、裁剪与视角
学习时长: 38分45秒
292
Shader 入门（四）：后期管线与阶段收束
学习时长: 16分8秒
293
Shader 入门（五）：用 Shader 实现云彩
学习时长: 17分19秒
294
Cesium.js 入门（一）：创建项目与第一个 Viewer
学习时长: 17分48秒
295
Cesium.js 入门（二）：影像、地形与 Entity 标注
学习时长: 17分11秒
296
Cesium.js 入门（三）：拾取、坐标与性能优化
学习时长: 25分2秒
297
3D画廊编辑器（二十三）
写作中...
298
3D画廊编辑器（二十四）
写作中...
299
VR 全景看房（一）
写作中...
300
VR 全景看房（二）
写作中...
评论
推荐小册