three.js+blender 0~1智慧园区教学第一节
·
three.js+blender 0~1智慧园区教学第一节
概述
如有不明白的可以加wx: aichitudousien
先看看视频效果
three.js +blender 0~1智慧园区
主要会从0~1开发一款完整的智慧园区项目,在这过程中可以学到:
- blender建模 , 会完全从基础开始建造园区模型,在学完后,相信你也可以独立完成建筑模型
- 美术如何和程序开发配合,在业务中,我们的模型是需要根据业务需求去建模的,怎么分组,怎么命名,通过本门课程都可以学习到
- three.js完整开发流程(包含效果:相机飞行,文本渲染,模型渲染,后处理,楼层动画等各种特效),针对在
学习了three.js的demo后无法业务开发的小伙伴,相信在学完本教程后,可独立完成任何的数字孪生项目。
课程目录:
建模篇:
2.blender软件安装
3.blender道路建模
4.blender斑马线建模
5.blender 人行道建模
6.blender树和路灯建模
7.blender 路灯阵列
8.blender 一楼建模
9.blender 一楼分组
10.blender 一楼墙体
11.blender 建造一楼水管
12.blender 电表
13.blender 摄像头
14.blender 屋顶
15.blender 停车场建模
16.blender 赋材质
Three.js开发篇
17.初始化项目
18.初始化three.js场景
19.初始化控制器
20.初始化灯光
21.加载模型
22.改变平行光位置
23.阴影
24.完成菜单ui
25.相机飞行动画
26.生成文本
27.生成楼栋文本
28.点击楼层变换材质
29.制作返回楼层和删除楼层文本
30.制作楼层UI
31.楼层动画
32.当前楼层聚焦
33.显示当前楼层分类文本
34.设置楼层提示框
35.显示楼层提示框
36.楼层管理和菜单栏的切换
37.电力监测弹出面板
38.模型后处理和添加边缘发光
39.初始化射线
40.显示电力文本和销毁
41.完成水利监测
42.复制楼层模型
43.处理模型仓库
44.复制地形
45. 制作车流线
更多推荐
已为社区贡献14条内容
所有评论(0)