Three.js视频教程 2023年新版本

入门部门在b站开放给大家40多节课,有需要的可以白嫖学习,也可以私信留言获取课件。

最近更新的新版本章节目录

一、快速入门(2023年1月新版本)

1.threejs文件包下载和目录简介

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

3.开发和学习环境,引入threejs库

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

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

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

7.Threejs三维坐标系—加强三维空间认识

8.光源对物体表面影响

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

10.平行光与环境光

11.动画渲染循环

12.Canvas画布布局和全屏

13.stats查看threejs渲染帧率

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

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

16.高光网格材质MeshPhongMaterial

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

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

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

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

21.gui.js库(分组)

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

23.threejs语法总结

二、几何体BufferGeometry顶点

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

2.线模型渲染顶点数据

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

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

5.几何体顶点索引数据

6.顶点法线数据

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

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

三、模型对象、材质

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

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

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

4.模型材质父类Material

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

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

四、层级模型

1.组对象Group、层级模型

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

3.本地坐标和世界坐标

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

5.移除对象.remove()

6.模型隐藏或显示

五、几何顶点UV坐标、纹理贴图

1.创建纹理贴图

2.自定义顶点UV坐标

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

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

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

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

六、加载外部三维模型(gltf)

1.建模软件绘制3D场景(比如Blender)

2.GLTF格式简介 (Web3D领域JPG)

3.加载.gltf文件(模型加载全流程)

4.OrbitControls辅助设置相机参数

5.gltf不同文件形式(.glb、贴图、.bin)

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

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

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

9.纹理.encoding和渲染器.outputEncoding

10.gltf模型更换.map(纹理.flipY属性)

七、PBR材质与纹理贴图

1.PBR材质简介

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

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

4.环境贴图2

5.MeshPhysicalMaterial清漆层Clearcoat

6.物理材质透光率.transmission

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

八、渲染器和前端UI交互界面

1.three.js Canvas画布布局

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

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

4.Three.js背景透明度

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

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

7.模型加载进度条

九、生成曲线、几何体

1.生成圆弧顶点

2.几何体方法.setFromPoints()

3.曲线Curve简介

4.椭圆、圆

5.样条曲线

6.贝塞尔曲线

7.样条、贝塞尔曲线应用

8.组合曲线CurvePath拼接不同曲线

9.曲线路径管道TubeGeometry

10.旋转成型LatheGeometry

11.轮廓填充ShapeGeometry

12.拉伸ExtrudeGeometry

13.扫描ExtrudeGeometr

14.多边形轮廓Shape简介

15.多边形轮廓Shape(圆弧)

16.多边形Shape(内孔.holes)

17.模型边界线EdgesGeometry

18.几何体顶点颜色数数据

19.一段曲线颜色渐变

20.Color颜色渐变插值

21.查看或设置gltf几何体顶点

22.山脉地形高度可视化

十、相机基础(2023版本更新中)

1.正投影相机习

如果你需要系统课程,可以私信给我留言。

    THE END
    喜欢就支持一下吧
    点赞11 分享
    评论 抢沙发
    头像
    欢迎您留下宝贵的见解!
    提交
    头像

    昵称

    取消
    昵称表情代码图片

      暂无评论内容