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

作者：Volare

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

一、尾迹线效果

（1）首先我们需要将管线数据在桌面中导出为JSON数据以用于后面尾迹线的效果（工作空间管理器选择数据集右键导出数据集）

（2）桌面中制作管线的三维效果，并发布为三维服务，在代码中首先添加三维服务，然后通过entity添加尾迹线的效果，尾迹线主要的实现接口为PolylineTrailMaterialProperty。

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

（1）首先在桌面中设置静态的管线流动的符号效果，并为管线赋予该图层风格效果

（2）保存场景，并对该场景生成三维缓存，最后在iserver发布三维服务。

（3）代码中首先添加上一步中发布的三维服务，并获取到管线的图层，设置textureUVSpeed属性，速度和流动方向都可以通过自己来调节。

SuperMap iClient3D for WebGL教程-管线流动特效相关推荐

SuperMap iClient3D for WebGL教程粒子特效-基础火焰特效
SuperMap iClient3D for WebGL教程粒子特效-基础火焰特效粒子特效简介使用粒子特效完整代码作者: NIck Cheng 粒子特效简介粒子特效通常使用与要表现某些动态 ...
SuperMap iClient3D for WebGL教程粒子特效-扩展喷泉特效
SuperMap iClient3D for WebGL教程粒子特效-扩展喷泉特效扩展喷泉特效喷泉特效实现完整代码作者: NIck Cheng 扩展喷泉特效之前的博客已经讲过了如何去生成一 ...
SuperMap iClient3D for WebGL教程（Entity）-ModelGraphics
作者:为梦齐舞本文同步更新于简书文章[https://www.jianshu.com/p/bdf397685e8b] ModelGraphics类是隶属于实体对象的一个类型,主要用于创建模型图形,加 ...
SuperMap iClient3D for WebGL教程 Camera
SuperMap iClient3D for WebGL教程 Camera WuYK 在WebGL场景里,有一类很重要的对象,那就是我们的相机Camera对象.这里的Camera相当于人的眼睛,从坐标 ...
SuperMap iClient3D for WebGL教程 Primitive
SuperMap iClient3D for WebGL教程 Primitive WuYK 在Webgl中,实体对象主要由两大类组成,一类是Entity对象,还有一类就是Primitive对象.那么有 ...
SuperMap iClient3D for WebGL教程（空间分析）- 地表开挖及修改
地表开挖主要是为了显示出地下的场景,比如地下管网,而地形修改通常是为了让地表平整,便于跟模型匹配,接下来我们分别说说如何实现地表开挖和地形修改. 地表开挖 1.引用核心样式文件和库文件 <scr ...
SuperMap iClient3D for WebGL教程（影像篇）-Mapbox
作者:为梦齐舞本文同步更新于简书文章https://www.jianshu.com/p/e19129908252 Mapbox 是一个可以创建各种自定义地图的网站,如 foursquare.Pint ...
SuperMap iClient3D for WebGL教程（特效）- 扫描线
WebGL带有许多特效效果,本文给大家讲讲怎么实现扫描线的效果.当需要实现事故影响范围的传播,可以使用这个功能. 一.开启特效扫描线特效的功能主要的接口是new Cesium.ScanEffect( ...
SuperMap iClient3D for WebGL教程（特效）- 聚光源
作者:Volare 在上一篇的博客中为大家讲解了如何在WebGl中制作点光源,在这篇博客中小编再来为大家讲述一下在WebGl中如果制作聚光源的效果. 一.同样的大家先一起来了解聚光源接口中的参数说明 ...

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

一、尾迹线效果

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

SuperMap iClient3D for WebGL教程-管线流动特效相关推荐

最新文章

热门文章