cesium 日光照射效果图

CesiumJs yekong

cesium 日光照射效果图

在Cesium中添加日光照射效果,可以通过启用场景的光照模式来实现,这样可以让模型和地形根据太阳位置产生相应的阴影效果。以下是基本的步骤和代码示例:

启用光照模式

首先,需要在创建Viewer对象时或之后启用场景的光照模式:

var viewer = new Cesium.Viewer('cesiumContainer', {
    scene3DOnly: true,
    terrainShadows: Cesium.ShadowMode.ENABLED
});

viewer.scene.globe.enableLighting = true;

这段代码启用了Cesium场景的光照效果,并允许地形产生阴影。

调整时间以展示不同的光照效果

Cesium的光照效果是根据场景中的时间来动态变化的。你可以通过调整场景的时间来查看不同时间的光照和阴影效果:

var currentTime = Cesium.JulianDate.fromDate(new Date());
viewer.clock.currentTime = currentTime;
viewer.clock.shouldAnimate = true;

这段代码将场景的当前时间设置为系统时间,并启用时间动画,使得光照效果随时间变化。

注意事项

  • 确保你的Cesium版本支持上述功能。
  • 光照效果依赖于场景中的光源(默认为太阳),因此光照和阴影效果会随着时间和日期的变化而变化。
  • 在进行日照分析时,考虑到Cesium内部使用的是UTC时间,如果需要使用当地时间(如北京时间),可能需要对时间进行相应的调整。

cesium版本

"cesium": "^1.114.0",

运行效果

cesium 日光照射效果图

实例代码下载

代码运行环境vue3 vite js nodejs 16

相关文件下载地址
此资源需支付 ¥1 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
cesium 日光照射效果图