1.实现目标
在上篇文章加载本地建筑轮廓GeoJson数据生成建筑白模的基础上,本文通过材质“顶点偏移
”实现建筑白模生长
效果,GIF动图如下所示:
2.实现过程
常用的实现建筑生长效果的方式有两种,一种是
基于材质实现
,即不改变顶点的真实位置,只通过材质渲染实现,包括材质遮罩和材质顶点偏移;另一种是直接修改Mesh的顶点位置
,再刷新Mesh来实现,这种比较耗性能。
本文这里也是基于材质实现的,而且是基于顶点偏移
的方式。
材质遮罩实现建筑生长,常用于复杂的建筑、BIM等数据。由于本文基于GeoJson数据建的白模是中空的,如果基于材质遮罩的方式实现,则在遮罩移动的过程中,所有的建筑在某一高度Z上都会不显示,造成建筑镂空现