Ketika saya mengubah posisi terhadap sumbu (x, y), sosok saya berubah bentuk seperti pada gambar di bawah ini. Bagaimana saya bisa memperbaikinya? Saya menggunakan Three.js.

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.1, 2000 );
camera.position.set(0,0,20);
const renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( window.innerWidth/2, window.innerHeight/2 );
document.getElementById('gameWindow').appendChild( renderer.domElement );
const canvas = renderer.domElement;
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
const cube = new THREE.Mesh( new THREE.SphereGeometry( 2, 20, 20 ), material );
const cube1 = new THREE.Mesh( new THREE.SphereGeometry( 2, 20, 20 ), material );
scene.add(cube, cube1);
cube.position.x=20;
renderer.render(scene, camera);

enter image description here

1
kipa99 13 Mei 2021, 16:14

1 menjawab

Jawaban Terbaik

Jika Anda ingin mempertahankan bentuk sosok Anda saat mengubah posisi, Anda harus beralih ke proyeksi ortografis.

Untuk melakukannya di three.js Anda harus mengganti PerspectiveCamera dengan OrthographicCamera.

Berikut ini tautan ke dokumen yang akan membantu Anda .

0
Santiago V. 13 Mei 2021, 15:49