YL

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.

相关提示词

标签