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

作者:Volare

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

一、尾迹线效果

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

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

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

你可能感兴趣的:(三维GIS)