Cesium天空盒子(Skybox)制作(js代码)和显示

介绍

在Cesium中，星空配景是通过天空盒子方式（6张图片）来显示的，原生的图片分辨率太低，本项目用于生成天空盒子的6张图片。终极生成的6个图片大小约为500kb(每个)，格式为jpg，统共的恒星数目约为1万颗左右，在终极的地球星空配景中，仅出现恒星点，不会出现模糊的结果！
有关Cesium天空盒子的原理和介绍请拜见我之前写的一篇文章：Cesium与STK中的天空盒子(skybox)。
原理

星空配景本质上就是将所有的恒星投影到天空盒子对应的6个方位的图片上。
本项目利用Canvas的2D作图功能，创建一个纯玄色的配景。然后根据每个恒星的位置转换为对应图片下的像素坐标，然后再利用恒星
对应的星等画一个白色的点，点的像素大小和透明度由星等决定（恒星越亮，则点的像素越大，越不透明）。
现在根本设置为（详见：createSkyboxImage.js）

• 最亮： -1等，对应为5个像素，透明度为1.0（不透明）
  
• 中等： 7等，对应为1个像素，透明度为0.75
  

本项目中，最暗为7等星，因为超过8等星人眼就看不到了！
项目目次

• CesiumUnminified文件夹为Cesium安装包内里的内容（Build目次下），本项目用于引用Cesium.js文件
  
• Skybox文件夹里存放了其它方式生成的天空盒子，可供测试使用
  
• CatalogSkybox.js，为本人编写的天球坐标系ICRF到立方体盒子的投影转换相干函数
  
• createSkyboxImage.js，用于生成立方体盒子的一副图片
  
• hipparcos_7_concise.js，包含了依巴谷星表（hipparcos）中7等星以上的所有数据（经过处理惩罚的），数据泉源: https://github.com/gmiller123456/hip2000
  

使用阐明

• VS Code里使用Live Server打开index.html，即可加载Cesium默认的启动界面，同时加载了内置生成的天空盒子
  
• 网页启动后，会主动将创建的6张天空盒子照片存放在欣赏器的下载目次下
  
• 实际使用时，可以将本项目的代码集成到项目中，页面启动时动态创建6个图片（如index.html中那样）；也可以使用生成好的图片，以静态图片引用的方式加载。
  加载后结果如下：
  

其它

• 用户可自行修改createSkyboxImage.js函数，使用差别的星等创建差别像素大小的星星！
  

项目地址： https://gitee.com/blitheli/test-skybox


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。