Web开发

首页 » 常识 » 常识 » 基于webGL技术的3D库ThingJS
TUhjnbcbe - 2023/3/25 12:59:00

描述三维天空的技术有平面型天空(SkyPlane)、天空穹庐(SkyDome)、天空盒(SkyBox)三种类型。基于webGL技术的3D库ThingJS支持天空盒技术实现。

引用地图组件脚本之后地球相机参数就改变,需要校正天空盒。为什么偏偏是天空盒呢?这就得问一下,天空盒的原理是什么?OpenGL中天空盒的思想就是绘制一个大的立方体,然后将观察者放在立方体的中心,当相机移动时,这个立方体也跟着相机一起移动,这样相机就永远不会运动到场景的边缘。

所以在实时渲染中,因为照相机随着物体一起移动,在肉眼看来,物体大小几乎是没什么变化的,这种就是天空盒技术玩的把戏。

为了保持视角一致,需要校正天空盒,摄像机飞行完之后,当前的视角变化了,天空盒就需要校正——获取自定义图层tilelayer1的类型、名称和URL,添加此图层到基础的地图集合列表即可。

```javascript

THING.widget.Button(飞到北京,function(){

app.camera.earthFlyTo({

lonlat:[.82,39.14],

height:,

pitch:15,

1
查看完整版本: 基于webGL技术的3D库ThingJS