关于javascript:教你给场景添加天空盒超简单

45次阅读

共计 853 个字符，预计需要花费 3 分钟才能阅读完成。

在 数字孪生可视化 场景中，如果要更换场景天空，例如白天、黑夜、雾霾成果等，这个时候能够思考采纳天空盒技术。能够为数字孪生可视化场景里增加上一片真切的天空，使得世界更加漂亮实在。
天空盒 是一个包裹整个场景的立方体，能够很好地渲染并展现整个场景环境。天空盒其实就是将一个立方体开展，而后在六个面上贴上对应的贴图，在理论的渲染中，将这个立方体始终罩在数字孪生可视化场景摄像机的四周，让数字孪生可视化场景摄像机始终处于这个立方体的核心地位，而后依据眼帘与立方体的交点的坐标，来确定到底要在哪一个面上进行纹理采样。所以在实时渲染中，因为照相机随着物体一起挪动，在肉眼看来，物体大小简直是没什么变动的，这种就是天空盒技术。

天空盒是用于加强数字孪生可视化场景表现力的一个罕用技术，它个别通过在相机四周包裹一个纹理来实现。为了放弃视角统一，须要校对天空盒，摄像机航行完之后，以后的视角变动了，天空盒就须要校对——获取自定义图层 tilelayer1 的类型、名称和 URL，增加此图层到根底的地图汇合列表即可。
目前 ThingJS 内置提供 BlueSky，MilkyWay，Night，CloudySky，White，Dark 这几种天空盒，应用 app.skyBox 属性设置数字孪生可视化背景天空盒。

app.skyBox = "Night"; 
 
// 勾销设置天空盒
app.skyBox = null;

设置背景天空盒工夫线应用 app.skyEffect 属性。

app.skyEffect = {
 // 显示光源地位
 showHelper: false,
 // 光源扩散大小
 turbidity: 10,
 // 大气散射 
 rayleigh: 2, 
 // 工夫 [0~24]
 time: 17.6, 
 // 程度角度
 beta: 30 
}; 
 
// 勾销设置成果
app.skyEffect = null;

成果如下：

当 app.skyBox 和 app.skyEffect 同时失效时会有些问题，须要选取其中一个失效，敞开另一个。
—————————————————
数字孪生可视化：https://www.thingjs.com/

正文完