SuperMap iClient3D for WebGL教程-管线流动特效

时间:2024-04-14 12:08:15

作者:Volare

随着目前在WebGl中展示管线的项目越来越多,但大多是直接展示的管线,其中没有水流流动的效果,而在本文中将为大家介绍如何在WebGl中展示管线中水流流动的效果,目前在WebGl中用的比较多的方法有2种,一种为尾迹线效果,另外一种为S3M图层设置模型纹理在UV坐标上的运动速度。

一、尾迹线效果

(1)首先我们需要将管线数据在桌面中导出为JSON数据以用于后面尾迹线的效果(工作空间管理器选择数据集右键导出数据集)
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效
(2)桌面中制作管线的三维效果,并发布为三维服务,在代码中首先添加三维服务,然后通过entity添加尾迹线的效果,尾迹线主要的实现接口为PolylineTrailMaterialProperty。
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效

二、设置模型纹理在UV坐标上的运动速度

(1)首先在桌面中设置静态的管线流动的符号效果,并为管线赋予该图层风格效果
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效
(2)保存场景,并对该场景生成三维缓存,最后在iserver发布三维服务。
SuperMap iClient3D for WebGL教程-管线流动特效
(3)代码中首先添加上一步中发布的三维服务,并获取到管线的图层,设置textureUVSpeed属性,速度和流动方向都可以通过自己来调节。
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效
SuperMap iClient3D for WebGL教程-管线流动特效