cesium实现昼夜交替效果

文章目录

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

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

1.实现效果

2.实现方法

2.1实现思路

（1）加载两个图层
为模拟昼夜更替效果，首先需要添加两个地图图层，即白天和夜晚图层，这里使用OSM标准风格地图和暗色系地图来模拟白天和夜晚图层效果。
（2）开启场景光照
使用scene类的enableLighting属性开启场景光照，API：传送门

（3）设置透明度
通过imageryLayer类的dayAlpha或者nightAlpha属性设置透明度，API：传送门
（4）开启动画
为更好体现昼夜动态更替效果，需要开启动画，并加快时间变化速度，这里设置为5000倍。

通过clock类的shouldAnimate开启动画，API：传送门

使用clock类的multipliter属性，设置时间变化速度，API：传送门

2.2具体代码

具体实现代码如下：

// 昼夜交替
updateLighting(viewer);/*** @description: 昼夜交替效果* @param {*} _viewer* @return {*}*/
function updateLighting(_viewer) {// OSM标准风格地图const dayLayer = _viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png',subdomains: ["a", "b", "c", "d"],}));// OSM暗色系地图const nightLayer = _viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",subdomains: ["a", "b", "c", "d"],}));// 启用光照_viewer.scene.globe.enableLighting = true;_viewer.clock.shouldAnimate = true;_viewer.clock.multiplier = 5000;nightLayer.dayAlpha = 0.0;
}

cesium实现昼夜交替效果相关推荐

Gamemaker studio2经验（3）——昼夜更替效果实现
问题概述在一些知名引擎(如unity,godot,cocos等)中,天空盒概念的引入使得场景中的天空丰富多彩,但是gm就吃了这个大亏.由于动态天空制作麻烦.没有对口的天空盒系统,导致很少有开发者在g ...
【学习记录】UE4 蓝图实现昼夜交替和简单的雨水效果
昼夜效果的核心在于: -令太阳在y轴方向上匀速旋转 -大气和光照形成的明暗效果首先在关卡蓝图中用Timeline→SetActorRotation使日光和月光在Y方向上旋转起来一天可以被分为-清晨 ...
Silverlight 游戏开发小技巧：昼夜交替动画
记得在WP7上玩一个游戏有段动画很有趣,是背景在进行昼夜交替,一会儿白天太阳出来白天了,一会儿月亮蹦出来夜晚了,在以前做C++程序的时候曾经实现过类似的效果,今天早上移植了一下到Silverlight ...
虚幻4蓝图实现昼夜交替
通过控制定向光源和sunlight来实现昼夜交替,其中通过旋转定向光源的Y轴可改变光影的效果达到白天和黑夜的交替. 首先创建一个globaltimer类,通过这个类定义我们的一天的时长. 其中seco ...
模拟昼夜交替-第11届蓝桥杯Scratch国赛真题第1题
本文同步发表于"超平的编程课"公众号,更多教程,可移步至公众号. [导读]:超平老师计划推出Scratch蓝桥杯真题解析100讲,这是超平老师解读Scratch蓝桥真题系列的第13 ...
UE4昼夜交替的简单实现
UE4昼夜交替的简单实现(蓝图) 组件介绍 DirectionalLight(定向光) Sky_Sphere(天空球) 昼夜实现调整DirectionalLight(Light Source) 蓝图 ...
UE4-（蓝图）实现昼夜交替
一.创建蓝图类选择Actor,命名为DayNight,在蓝图类中编辑昼夜交替的效果,如果在关卡蓝图中编辑,对于后期很多场景中都有就需要不停地重复编辑关卡蓝图. 二.双击打开DayNight蓝图类,在事 ...
Unity3D完成随时间变化的昼夜交替及光线变化
Unity3D环境中的昼夜交替,并且控制好光线随着时间的变化而变化,太阳位置跟随经纬度的不同而不同. 重点: 时间范围为0~24小时: 太阳位置跟随当前经纬度: 太阳完成东升西落,世界坐标系中的x正为 ...
Cesium：实现卷帘效果
Cesium:实现卷帘效果卷帘效果简介 Cesium:卷帘效果实现 Cesium:实现思路示例代码卷帘效果简介先上一个简动画预演一下. 但是如何介绍"卷帘效果"呢? ...