mirror of
https://gitee.com/blitheli/test-skybox.git
synced 2025-06-16 10:28:18 +00:00
|
||
---|---|---|
.vscode | ||
CesiumUnminified | ||
Skybox | ||
CatalogSkybox.js | ||
createSkyboxImage.js | ||
hipparcos_7_concise.js | ||
index.html | ||
LICENSE | ||
package.json | ||
README.md |
Cesium天空盒子(Skybox)制作和显示
介绍
在Cesium中,星空背景是通过天空盒子方式(6张图片)来显示的,原生的图片分辨率太低,本项目用于生成天空盒子的6张图片。
原理
星空背景本质上就是将所有的恒星投影到天空盒子对应的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
使用说明
- 使用Live Server打开index.html,即可加载Cesium默认的启动界面,同时加载了内置生成的天空盒子
- 网页启动后,会自动将创建的6张天空盒子照片存放在浏览器的下载目录下
其它
- 用户可自行修改createSkyboxImage.js函数,使用不同的星等创建不同像素大小的星星!
20240814 liyunfei