从零开始搭建开源智慧城市项目(二)
首先是把模型分类,整个模型可以分为三类,建筑(CITY_UNTRIANGULATED),道路(ROADS),地面(other),对不同的数据分别添加不同的材质。
3D模型在线预览提供多种低代码平台3D模型在线预览解决方案,实现了将多种3D模型格式无缝集成到低代码业务表单中。这意味着用户可以在不离开低代码平台的情况下,直接查看和操作3D模型,极大地提升了数据可视化的效果和用户交互体验。
上一章已经通过GLTFLoader
把模型数据加载到场景,接下来我们对这些数据进行进一步处理。首先是把模型分类,整个模型可以分为三类,建筑(CITY_UNTRIANGULATED
),道路(ROADS
),地面(other
),对不同的数据分别添加不同的材质。
模型的线框添加
模型材质分为两个部分,第一部分是模型的线框材质,第二部分是模型的面材质,首先来说线框材质。
线框材质:通过Three
的EdgesGeometry
可以把生成模型的线框数据,用LineBasicMaterial生成线框的模型材质,然后用LineSegments
把这两个数据组合到一起,即可生产线框模型对象。
效果图:
模型面材质:这里模型面材质选择的是Three
的物理材质MeshPhysicalMaterial
类,这个类可以模拟玻璃的质感。
效果图:
地面和道路材质设置
道路和地面选择的是基本材质类MeshBasicMaterial
效果图: