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

一、快速入门(2023年1月新版本)1.threejs文件包下载和目录简介2.学习环境—代码编辑器和本地静态服务器3.开发和学习环境,引入threejs库4.第一个3D案例—创建3D场景5.第一个3D案例—透视投影相机6.第一个3D案例—渲染器7.Threejs三维坐标系—加强三维空间认识8.光源对物体表面影响9.相机控件轨道控制器OrbitControls10.平行光与环境光11.动画渲染循环12.Canvas画布布局和全屏13.stats查看threejs渲染帧率14.阵列立方体和相机适配体验15.Threejs常见简单几何体简介16.高光网格材质MeshPhongMaterial17.WebGL渲染器设置(锯齿模糊、背景颜色)18.gui.js库(可视化改变三维场景)219.gui.js库(颜色、命名、步长、事件)20.gui.js库(下拉菜单、单选框)21.gui.js库(分组)22.查询案例examples和文档(辅助开发)23.threejs语法总结二、几何体BufferGeometry顶点1.几何体顶点位置数据和点模型对象Points2.线.网格模型渲染顶点数据(三角形概念)4.构建一个矩形平面几何体5.几何体顶点索引数据6.顶点法线.查看three.js自带几何体顶点结构8.BufferGeometry的旋转、缩放、平移方法三、模型对象、材质1.三维向量Vector3与模型位置、缩放属性2.欧拉Euler与角度属性.rotation3.模型材质颜色(Color对象)4.模型材质父类Material5.模型材质和几何体属性6.克隆.clone()和复制y()四、层级模型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和渲染器.outputEncoding10.gltf模型更换.map(纹理.flipY属性)七、PBR材质与纹理贴图1.PBR材质简介2.PBR材质金属度和粗糙度(金属效果)3.环境贴图.envMap(金属效果)4.环境贴图26.物理材质透光率.transmission7.三维软件导出PBR材质属性八、渲染器和前端UI交互界面1.three.js Canvas画布布局2.UI交互界面与Canvas画布叠加3.UI交互按钮与3D场景交互4.Three.js背景透明度5.Three.js渲染结果保存为图片6.深度冲突(模型闪烁)7.模型加载进度条九、生成曲线.几何体方法.setFromPoints()3.曲线.样条曲线.样条、贝塞尔曲线.组合曲线CurvePath拼接不同曲线.曲线路径管道TubeGeometry10.旋转成型LatheGeometry11.轮廓填充ShapeGeometry12.拉伸ExtrudeGeometry13.扫描ExtrudeGeometr14.多边形轮廓Shape简介15.多边形轮廓Shape(圆弧)16.多边形Shape(内孔.holes)17.模型边界线EdgesGeometry18.几何体顶点颜色数数据19.一段曲线.Color颜色渐变插值21.查看或设置gltf几何体顶点22.山脉地形高度可视化十、相机基础(2023版本更新中)1.正投影相机习如果你需要系统课程,可以私信给我留言。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注