最近看着Cesium默认的近景天空就觉得心情有点灰暗和压抑,看到有的平台的天空是蓝天白云非常的养眼,就尝试这更改下,原来Cesium提供的天空盒子是远景的,近景的话,就是蓝白色的天空
测试的版本:Cesium1.91
想要源码以及图片资源的可点击下面的连接:还有问题私聊我吧
Ceisum近景蓝色晴空万里天空盒子替换方法源码和图片资源-实测可用-Javascript文档类资源-CSDN下载
地球边上还有一圈fog展示的是雾蒙蒙的效果
而想要的效果是下面的:
看到官方的例子,是修改Skybox的source,但是通过更改图片,发现是这样的
总觉得哪里不对,经过研究发现,Skybox这个类要重新写,修改了顶点着色器的一些内容,这个改后,就可以了
不管怎么旋转地球,图片也跟着移动,天空也不再是倒着的了,太好了.
再看下晚霞的效果:
下面踩得坑,还有几点,这个图片不是网站上下来就可以用的,需要旋转,其次,还需要对应好图片所在的属性
let groundSkybox = new Cesium.GroundSkyBox({
sources: {
negativeX: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Left.jpg',
positiveX: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Right.jpg',
negativeY: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Back.jpg',
positiveY: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Front.jpg',
negativeZ: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Down.jpg',
positiveZ: 'http://localhost:8080/Apps/Sandcastle/images/skybox/sm/Up.jpg'
}
})