根据 api 修改天空盒
scene.skyBox = new Cesium.SkyBox({
sources : {
positiveX : ‘skybox_px.png’,
negativeX : ‘skybox_nx.png’,
positiveY : ‘skybox_py.png’,
negativeY : ‘skybox_ny.png’,
positiveZ : ‘skybox_pz.png’,
negativeZ : ‘skybox_nz.png’
}
});
这样设置会发现图片角度不对：
我们要的是这种效果：
现在记录下实现解决方法：
一、修改 skyBox.js 源码（cesium/Source/Scene/skyBox.js）
1）引入依赖
import Transforms from ‘…/Core/Transforms’;
import Matrix3 from ‘…/Core/Matrix3’;
2）添加新参数 nearGround
4、添加旋转矩阵检测
最最关键的便是修改 SkyBoxVS
"attribute vec3 position;\n
uniform mat3 u_rotateMatrix;\n
varying vec3 v_texCoord;\n
void main() {\n
vec3 p = czm_viewRotation * u_rotateMatrix * (czm_temeToPseudoFixed * (czm_entireFrustum.y * position));\n
gl_Position = czm_projection * vec4(p, 1.0);\n
v_texCoord = position.xyz;\n
}\n
";
替换下便可以了
最后重新打包生成下就行了。
实现代码：