Cesium——创建天空盒(如何获取天空盒资源)

需要在cesium中将天空设置为蓝天白云,首先就是天空盒的资源难找,然后感谢这位大哥的文章,成功完成了设置  https://blog.csdn.net/qq_25519615/article/details/128063735

01.天空盒资源获取

 https://polyhaven.com/zh/a/rustig_koppie这个网址可以免费去找和下载图片资源

找到合适的图片后选择HDR格式下载

02.划分图片

通过https://matheowis.github.io/HDRI-to-CubeMap/网址进行HDR文件处理,处理为天空盒需要的六张图片,选择CUBEMAP VIEW 

这里选择大小为1024,模型选择分离6张图片

 处理完之后保存就可以得到,如下6张图片

 

图片还需要处理,处理如下:

 得到的结果如下所示:

03.加载天空盒

代码如下(一注意 pz、ny、py、nz对应的内容):

//修改天空盒
viewer.scene.skyBox = new Cesium.SkyBox({
  sources : {
      positiveX :  '../model/skyBox/px.png',
      negativeX :  '../model/skyBox/nx.png',
      positiveY :  '../model/skyBox/pz.png',
      negativeY :  '../model/skyBox/nz.png',
      positiveZ :  '../model/skyBox/py.png',
      negativeZ :  '../model/skyBox/ny.png',
  }
});

  • 11
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Cesium是一个强大的开源JavaScript库,用于创建交互式的3D地球和空间可视化应用。其中,超图天空(SkyBox)是一个用于渲染环境贴图的技术,能够提供沉浸式的场景背景。 如果在使用Cesium创建超图天空时遇到失败,可能有以下几个原因: 1. **资源加载问题**:确保你已经正确地加载了天空纹理(通常是六个立方体贴图,对应每个面)。如果没有正确加载或者路径错误,Cesium无法找到这些资源。 2. **设置不正确**:检查SkyBox组件的配置是否正确,包括`czm SkyBox`对象的创建、投影模式、纹理坐标等参数。 3. **性能限制**:如果你的设备性能较低,尤其是在移动设备上,大型天空可能无法实时渲染,导致卡顿或显示异常。 4. **代码错误**:在编写代码时可能存在逻辑错误,如拼写错误、API用法不当等,这需要仔细检查相关的代码段。 5. **版本兼容性**:Cesium不同版本对SkyBox的支持可能存在差异,确认你使用的Cesium版本与你的项目需求兼容。 为了解决这个问题,你可以尝试以下步骤: - 检查资源文件是否存在,路径是否正确。 - 确保SkyBox组件的构造和配置代码正确无误。 - 使用开发者工具检查浏览器的性能日志,找出瓶颈。 - 如果是代码问题,可以尝试查阅官方文档或社区论坛寻求帮助,看看是否有类似问题的解决方案。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值