2017-05-22

three.jsのCubeTexture 画像の指定順

覚え書き。

X軸プラス方向を東と見なし、

1. 東
2. 西
3. 上
4. 下
5. 北
6. 南

の順に指定する。

let skyboxTexture = new THREE.CubeTexture([
  "DaylightBox_Front",
  "DaylightBox_Back",
  "DaylightBox_Top",
  "DaylightBox_Bottom",
  "DaylightBox_Left",
  "DaylightBox_Right",
].map(name => AssetManager.get("image", name).domElement));
skyboxTexture.needsUpdate = true;

let skyboxTexture = new THREE.CubeTexture([
  "clouds1_east",
  "clouds1_west",
  "clouds1_up",
  "clouds1_down",
  "clouds1_north",
  "clouds1_south",
].map(name => AssetManager.get("image", name).domElement));
skyboxTexture.needsUpdate = true;

three.js, WebGL