cesium实现日照阴影模拟效果

文章目录

1.实现效果
2.实现方法
- 2.1实现思路
- 2.2核心代码

Cesium实战系列文章总目录：传送门

1.实现效果

2.实现方法

2.1实现思路

Cesium中自带有日照阴影效果，所以只需要将其开启，并提高变化速率，便于观察。
（1）开启场景光照
使用Scene的enabledLighting属性，API：传送门

（2）开启阴影
使用viewer类的shadows属性，API：传送门

（3）设置速度
通过设置clock类的multiplier属性实现，API：传送门

2.2核心代码

核心代码如下：

// 调用
lightingShadowInit(viewer, 1000);
/*** @description: 日照阴影效果模拟* @param {*} _viewer* @param {*} _speed：变化速率* @return {*}*/
function lightingShadowInit(_viewer, _speed) {_viewer.scene.globe.enableLighting = true;_viewer.shadows = true;_viewer.clock.multiplier = speed;
}

cesium实现日照阴影模拟效果相关推荐

Cesium开启日照阴影
官方文档没说清,也许是我不仔细,反正我最后在一个github上的issue里找了正确的开启方式. let viewer = new Cesium.Viewer('cesium-container'); ...
基于 React hooks + Typescript + Cesium 实现日照分析并封装对应 SunShineAnalysis 类
文章目录效果截图功能介绍实现思路实现步骤封装 SunShineAnalysis 类使用其他设置效果截图先上截图: 功能介绍基于 React hooks + Typescript + ...
html5 盒子阴影效果,如何制作平滑的“box-shadow”盒子阴影动画效果
在我们制作box-shadow属性的动画的时候,每一帧动画都会引起浏览器的重绘操作,严重影响页面的性能.我们有什么办法可以解决动画box-shadow属性时页面的性能问题呢?答案是:没有!但是我们可以 ...
Cesium开发：地下模式效果
主要是如何修改Cesium的源码,才能达到实现地下模式的效果. 修改完源码后,在执行地下模式的时候,设置地图的底色,要同步将地图影像进行半透明的操作,并且还要刷新一下影像图层,及时显示效果. //设置 ...
一款jQuery实现重力弹动模拟效果特效,弹弹弹，弹走IE6
2019独角兽企业重金招聘Python工程师标准>>> 一款jQuery实现重力弹动模拟效果特效鼠标经过两块黑色div中间的红色线时,下方的黑快会突然掉落, 并在掉落地上那一刻出现 ...
css阴影3d效果,3D立体带阴影的CSS圆角效果
阴影CSS圆角 *{ margin:0; padding:0; } .box{ width:400px; margin:20px auto; } h1{ font-size:24px; color:# ...
Leaflet中使用Leaflet.Polyline.SnakeAnim插件实现水流模拟效果
场景 Leaflet快速入门与加载OSM显示地图: Leaflet快速入门与加载OSM显示地图_霸道流氓气质的博客-CSDN博客_leaflet 显示地图在上面的基础上怎样实现水流模拟效果. 水流模 ...
Long Shadows Generate是一款在线使用纯CSS3实现长阴影的效果，一款强大的扁平化长投影制造器。...
Long Shadows Generate是一款在线使用纯CSS3实现长阴影的效果,一款强大的扁平化长投影制造器. Long Shadows Generate 彩蛋爆料直击现场 Long Shadow ...
ArcGIS专题制图（一）：制图中如何给图层增加阴影立体效果
实践数据:XX行政区范围实践目的:给XX行政区范围添加阴影立体效果方法一: 1.将准备好的行政区范围数据导出一份命名为行政区阴影作为阴影图层. 2.在编辑状态下选择该阴影要素,拖动鼠标将其偏移至想 ...