maptalks自定义天空盒背景

\'qiangwaer\'

于 2023-03-06 10:52:11 发布

阅读量408

点赞数

分类专栏： maptalks 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/More_and_More1/article/details/129356642

版权

maptalks 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

使用threeLayer自定义maptalks的天空盒

_threeLayerSky = new ThreeLayer('threeLayerSky', {
    forceRenderOnMoving: true,
    forceRenderOnRotating: true,
    animation: true
  } as any);
  _threeLayerSky.prepareToDraw = (gl, scene, camera) => {
    const urls = [
        require('../assets/images/posx.jpg'),
        require('../assets/images/negx.jpg'),
        require('../assets/images/posy.jpg'),
        require('../assets/images/negy.jpg'),
        require('../assets/images/posz.jpg'),
        require('../assets/images/negz.jpg')
      ]
      const cubeLoader = new THREE.CubeTextureLoader();
      scene.rotation.x = -Math.PI / 2;
      scene.background = cubeLoader.load(urls)
  }
  _threeLayerSky.addTo(map)