百度地图MapvTHREE CustomStaticSky打造炫酷的自定义天空效果

// 1. 创建引擎
const engine = new mapvthree.Engine(document.getElementById('map_container'), {
    map: {},
    rendering: {}
});

// 2. 设置相机位置（可选，让视角更好看）
engine.map.setCenter([0, 0]);
engine.map.setZoom(24);
engine.map.setHeading(270);
engine.map.setPitch(80);

// 3. 创建自定义静态天空
const sky = engine.add(new mapvthree.CustomStaticSky());

// 4. 关键设置：使用立方体贴图模式
sky.textureIsCube = true;

// 5. 设置贴图路径（指向包含6张图片的文件夹）
sky.textureURL = 'assets/cubeTexture/';

// 6. 启用动画循环让场景持续渲染
engine.rendering.enableAnimationLoop = true;

// 1. 创建引擎
const engine = new mapvthree.Engine(document.getElementById('map_container'), {
    map: {},
    rendering: {}
});

// 2. 创建自定义静态天空
const sky = engine.add(new mapvthree.CustomStaticSky());

// 3. 默认就是全景图模式，textureIsCube默认为false
// sky.textureIsCube = false;  // 这行可以省略

// 4. 直接设置全景图的URL
sky.textureURL = 'https://example.com/sky-panorama.jpg';

// 5. 设置时间（可选）
sky.time = 17 * 3600;  // 下午5点的感觉

const sky = engine.add(new mapvthree.CustomStaticSky());
sky.textureIsCube = true;
sky.textureURL = 'assets/cubeTexture/';

// 设置为false，天空只作为背景，不影响场景光照
sky.affectWorld = false;

// 创建天空
const sky = engine.add(new mapvthree.CustomStaticSky());
sky.textureIsCube = true;
sky.textureURL = 'assets/cubeTexture/';

// 创建水面材质
const waterMaterial = new mapvthree.WaterMaterial({});
engine.addBeforeRenderObject(waterMaterial);

// 创建水面网格
const water = new THREE.Mesh(
    new THREE.PlaneGeometry(1, 1), 
    waterMaterial
);
water.scale.setScalar(20);
engine.add(water);

// 创建一个金属立方体
const box = new THREE.Mesh(
    new THREE.BoxGeometry(1, 1), 
    new THREE.MeshStandardMaterial({
        color: 0xffffff,
        roughness: 0,      // 完全光滑
        metalness: 0.8,    // 高金属度
        envMapIntensity: 2 // 增强环境贴图强度
    })
);
box.scale.setScalar(2);
engine.add(box);