この画像を入れようとしています -- https://hdfreefoto.files.wordpress.com/2014/09/bright-milky-way-over-the-lake-at-night.jpg -- 私のパノラマの背景としてthree.js シーン。
次のコードがあります。
var sphere = new THREE.SphereGeometry(200, 200, 32);
sphere.applyMatrix(new THREE.Matrix4().makeScale(-1, 1, 1));
var sphereMaterial = new THREE.MeshBasicMaterial();
sphereMaterial.map = THREE.ImageUtils.loadTexture(<path to above image>);
var sphereMesh = new THREE.Mesh(sphere, sphereMaterial);
scene.add(sphereMesh);
でも
段ボールを通して表示し、360 度回転すると、背景が 360 度回転しません (ただし、それよりも小さくなります)。どうすれば整列できますか?
ラップトップで表示すると、画像を回転できますが、画面のサイズに合わないようです
特定の背景画像を three.js パノラマとして完全に合わせる方法に関するガイドラインはありますか?