章节1: 实现方案和课程简介( 源码下载 网易云私信 ) 课时1 视频 2.产品Web3D展示方案 15:57 可课时2 视频 3.学习安排 14:01章节2: 手机展示1—三维建模和引入three.js 课时3 视频 1.手机相关几个章节学习指南( 源码下载 网易云私信 ) 06:51课时4 视频 2.绘制产品三维模型—手机 10:40课时5 视频 3.Blender或3dmax导出gltf格式模型 09:47课时6 视频 4.三维软件导出产品模型注意 16:20课时7 视频 5.Blender预览产品PBR材质的模型 22:08课时8 视频 6.Three.js下载R125版本并使用. 13:22课时9 视频 7.threejs最小案例—模型和光源 31:26课时10 视频 8.threejs最小案例—相机和渲染器 25:18课时11 视频 9.渲染循环(设置产品旋转预览动画) 10:35课时12 视频 10.产品预览旋转和缩放(相机控件OrbitControls) 19:15章节3: 手机展示2—渲染产品3D模型课时13 视频 1.three.js加载gltf模型 19:24课时14 视频 2.查询模型节点并设置模型PBR材质贴图. 17:27课时15 视频 3.产品展示相机参数设置注意 24:25课时16 视频 4.环境贴图envMap 13:05课时17 视频 5.调试场景光源参数 16:03课时18 视频 6.手机产品旋转动画控制 10:13课时19 视频 7.Canvas画布全屏且跟随窗口变化 08:55课时20 视频 8.three.js代码模块化 07:54课时21 视频 9.gui辅助调节光源强度、位置、受环境光影响程 20:13章节4: 手机展示3—交互体验课时22 视频 1.产品展示缩放和旋转范围约束 11:39课时23 视频 2.一个720辅助显示的圆弧线—圆弧线 13:48课时24 视频 3.一个720辅助显示的圆弧线—720符号 09:41课时25 视频 4.前端UI按钮切换颜色贴图 11:44课时26 视频 5.UI按钮暂停手机旋转动画 14:32课时27 视频 6.练习例子—canvas局部布局UI按钮切换颜色贴图 05:21课时28 视频 7.颜色贴图.map切换动画 11:24课时29 视频 8.产品特定部位标注—光点 14:42课时30 视频 9.产品特定部位标注—半透明叠加问题解决. 07:10课时31 视频 10.产品特定部位标注—波动光点 08:30课时32 视频 11.HTML 2D标签标注相机热点 17:53课时33 视频 12.HTML 3D标签标注相机热点 10:16课时34 视频 13.射线拾取标注热点—弹出信息 21:44课时35 视频 14.点击热点弹出HTML信息标签 11:40章节5: 轿车展示—基础渲染效果课时36 视频 1.轿车3D模型基本情况简介 12:01
