投稿

Three.js教程 2024年新版本配源码和电子书(私信获取) 持续更新中

31.7万

3914

2022-06-02 18:19:07

未经作者授权，禁止转载

正在缓冲...

three.js中文网：http://www.webgl3d.cn/ 可以入门视频配合threejs中文网我的写的电子书一起学习。

郭隆邦发消息

付费threejs系统课，+vx：webglthreejs

系统课程中源码3D效果展示

04:19

系统课—面向人群

07:29

1.1.threejs文件包下载

06:51

1.2.学习环境-代码编辑器和本地静态服务器

08:49

1.3.开发和学习环境，引入threejs库

17:30

1.4.第一个3D案例—创建3D场景

12:40

1.5.第一个3D案例—透视投影相机

19:04

1.6.第一个3D案例—渲染器

13:37

【选修】Vue + Threejs开发环境( 可跳过 )

15:38

【选修】React + Threejs开发环境( 可跳过 )

12:29

1.7.Threejs三维坐标系

16:46

1.8.光源对物体表面影响

11:56

1.9.相机控件轨道控制器OrbitControls

13:46

1.10.平行光与环境光

19:05

1.11.动画渲染循环

16:21

1.12.Canvas画布布局和全屏

10:25

1.13.stats查看threejs渲染帧率

11:58

1.14.阵列立方体和相机适配体验

19:07

1.15.Threejs常见简单几何体简介

09:13

1.16.高光网格材质MeshPhongMaterial

10:15

1.17.WebGL渲染器设置(锯齿模糊、背景颜色)

08:53

1.18.gui.js库(可视化改变三维场景)

22:02

1.19.gui.js库(颜色、命名、步长、事件)

11:49

1.20.gui.js库(下拉菜单、单选框)

11:49

1.21.gui.js库(分组)

10:06

1.22.查询案例examples和文档(辅助开发)

08:19

1.23.threejs语法总结

12:56

2.1.几何体顶点位置数据和点模型对象Points

14:53

2.2.线模型渲染顶点数据

07:00

2.3.网格模型渲染顶点数据(三角形概念)

08:19

2.4.构建一个矩形平面几何体

07:14

2.5.几何体顶点索引数据

07:57

2.6.顶点法线数据

11:22

2.7.查看three.js自带几何体顶点结构

12:15

2.8.BufferGeometry的旋转、缩放、平移方法

08:43

3.1.三维向量Vector3与模型位置、缩放属性

20:22

3.2.欧拉Euler与角度属性.rotation

11:05

3.3.模型材质颜色(Color对象)

13:03

3.4.模型材质父类Material

12:11

3.5.模型材质和几何体属性

10:19

3.6.克隆.clone()和复制.copy()

12:51

4.1.组对象Group、层级模型

17:34

4.2.递归遍历模型树结构、查询模型节点

10:37

4.3.本地坐标和世界坐标

10:23

4.4.改变模型相对局部坐标原点位置

05:21

4.5.移除对象.remove()

06:10

4.6.模型隐藏或显示

06:15

5.1.创建纹理贴图

07:53

5.2.自定义顶点UV坐标

08:27

5.3.圆形平面CircleGeometry设置纹理贴图

07:20

5.4.纹理对象Texture阵列( 瓷砖地面案例 )

08:27

5.5.矩形Mesh+背景透明png贴图(场景标注)

10:20

5.6.UV动画(偏移属性.offset)

17:52

6.1.加载模型(gltf)—建模软件绘制3D场景(Blender)

07:07

6.2.加载模型(gltf)—GLTF格式简介 (Web3D领域JPG)

10:27

6.3.加载外部模型(gltf)—(提醒！如遇版本变化参考电子书说明)

27:28

6.4.加载外部三维模型(gltf)—相机控件

11:10

6.5.加载外部三维模型(gltf)—glb格式

06:44

6.6.模型命名(程序与美术协作)—层级模型节点选择

08:34

6.7.递归遍历层级模型修改材质

08:54

6.8.外部模型材质是否共享的问题

08:43

7.1.PBR材质简介

08:37

7.2.PBR材质金属度和粗糙度(金属效果)

08:54

7.3.环境贴图.envMap(金属效果)

11:16

7.4.环境贴图2

05:06

7.5.MeshPhysicalMaterial清漆层Clearcoat

12:17

7.6.物理材质透光率.transmission

08:09

7.7.三维软件导出PBR材质属性

08:25

8.1.three.js Canvas画布布局

13:07

8.2.UI交互界面与Canvas画布叠加

02:16

8.3.UI交互按钮与3D场景交互

03:34

8.4.Three.js背景透明度

01:08

8.5.Three.js渲染结果保存为图片

07:42

8.6.深度冲突(模型闪烁)

10:18

8.7.模型加载进度条

10:53

后处理(高亮发光描边OutlinePass)

12:41

Raycaster(鼠标点击选中模型)

09:06

Web3D现状以及如何学习

07:33

WebGL前端工程师工作、要求、待遇问题

15:24

顶部