LOADER · 原生 ESM
六面体天空盒Cube texture skybox
CubeTextureLoader 加载 6 张图或 HDR 转 cube,作为 background 与可选环境。
效果预览
轻量 WebGL 示意(非完整工程实现),可拖拽旋转;完整逻辑见下方提示词。
预期产出 · Returns
import map 单页:天空盒正确缝合,相机在盒内运动无透视错误说明。
适合用在哪
户外游戏天空、展厅外景、替换纯色背景。
容易踩的坑
- 六面图顺序错误会出现接缝或上下颠倒。
提示词 · Prompt
单 HTML + import map + Three.js:
1) CubeTextureLoader 加载 6 张 jpg(用公开 cube map 示例 URL,写死在常量);
2) scene.background = cubeTexture;
3) 可选 scene.environment 用于 PBR 球体对比;
4) OrbitControls 大场景半径;
5) 注释 equirectangular 与 cube 的适用场景;
6) 静态服务器说明。
完整 index.html。
import map HTML: CubeTextureLoader skybox, optional environment on PBR sphere.