Cesium初始化一个纯色空球

本文介绍了如何使用Cesium Viewer快速创建一个不带底图的空球,并通过调整颜色和大气层设置实现不同效果,包括地球表面颜色的一致性和透明度。作者还揭示了颜色代码的混淆,澄清了绿色的实际十六进制代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前实现一个空球,经常是初始化Viewer之后,再主动删除默认的底图

最近发现可以直接在new Viewer()的时候

就可以实现一个不带任何底图的空球

var viewer = new Cesium.Viewer("cesiumContainer", {
  imageryProvider: false, //必须为false
  baseLayerPicker: false, //必须为false
});
viewer.scene.globe.baseColor = Cesium.Color.GREEN; //改变空球的颜色

效果如下图:

此时,地球的底色并不是一致的

外围亮,中心暗,rgb值是不一样的

我们更进一步,弄一个各处rgb值都一样的地球

const scene = viewer.scene;
scene.globe.baseColor = Cesium.Color.GREEN; //改变空球的颜色
scene.globe.showGroundAtmosphere = false; //关闭地面大气层,可以解决中心暗,周围亮的问题
scene.skyAtmosphere.show = false; //关闭环绕地球那一圈的大气

下图为只关闭地面大气层的效果,可以看到“圆”的一圈还有光亮

 下图为同时关闭地面大气层和天空大气层的效果

可以看到,是一个纯色的,rgb都是一个值的地球

上图留了一个疑惑点:

我给的是绿色——Cesium.Color.GREEN,rgb应该是(0,255,0)

为啥rgb的值却是(0,128,0)?

最后查了一下“16进制颜色代码表”

Green的定义就是(0,128,0)

(0,255,0)的名称是“酸橙色”

颜色参考链接:

16进制颜色代码表-常见问题-PHP中文网

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哈哈地图

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值