课程概述
- 《物联网Web3D可视化WebGL》讲解如何实现物联网Web3D可视化效果，比如你想实现一个粮仓或园区的Web3D可视化效果，主要使用WebGL的3D引擎Threejs开发实现。
- 学习本课程有前端基础即可，如果了解three.js更好
- 学习建议：一定要结合每节课提供的案例源码学习，不要仅仅看视频
- 每节课案例源码
适用人群
有前端基础，想基于Web实现地图数据的3D可视化效果
课程价格
《物联网Web3D可视化WebGL》课程价格为206元
如果你购买了《WebGL/Three.js前端高薪3D可视化》那么无须再购买此课程。《WebGL/Three.js前端高薪3D可视化》已涵盖了此课程。如果想更系统全面的学习threejs推荐《WebGL/Three.js前端高薪3D可视化》。如果只需要3d建模的渲染那么本课程基本满足需要。
课程目录
章节1:课程介绍和安排
- 课时1视频项目方案选择
- 课时2视频学习安排(必看)
- 课时3视频公司项目人员方案
章节2:引入threejs
- 课时4视频Threejs下载特定版本并使用
- 课时5视频一个最小Threejs代码
- 课时6视频渲染循环
- 课时7视频Three.js开发辅助工具
- 课时8视频项目部署Canvas画布页面布局相关
- 课时9视频Three.js代码模块化
章节3:三维场景构建(程序和美术)-粮仓例子
- 课时10视频三维软件绘制模型(美术和程序协作)
- 课时11视频体验three.js editor编辑器-搭建一个三维场景
- 课时12视频GLTF格式模型文件简介 (Web3D领域JPG)
- 课时13视频建模软件导出GLTF(blender、3dmax)
- 课时14视频加载GLTF格式粮仓基地模型
- 课时15视频粮仓贴图颜色偏差问题解决
- 课时16视频gltf相关文件glb
- 课时17视频gltf文件是否包含光源
- 课时18视频相机渲染范围和视角设置
- 课时19视频模型导出位置和姿态问题注意
- 课时20视频加载gltf模型(透视投影相机)
- 课时21视频批量修改GLTF材质
- 课时22视频粮仓基地场景雾化效果设置(Fog)
章节4:模型信息标注和射线拾取交互-粮仓例子
- 课时23视频模型命名(程序与美术协作)
- 课时24视频粮仓基地模型命名并导出
- 课时25视频CSS2DRenderer标注每个粮仓
- 课时26视频CSS3DRenderer标注每个粮仓
- 课时27视频鼠标交互-射线拾取
- 课时28视频射线拾取弹出粮仓HTML信息标签
- 课时29视频火焰效果(序列帧动画)
- 课时30视频粮仓火焰标注
- 课时31视频火焰信息标签
视频教程截图展示
3d建模渲染
css2d标签添加
鼠标射线拾取交互
精灵模型使用
