解答:在 init() 的 topCam 後加入:
frontCam = new THREE.OrthographicCamera(
-aspectRatio*viewSize / 2, aspectRatio*viewSize / 2,
viewSize / 2, -viewSize / 2,
-1000, 1000 );
frontCam.up.set( 0, 1, 0 );
sideCam = new THREE.OrthographicCamera(
-aspectRatio*viewSize / 2, aspectRatio*viewSize / 2,
viewSize / 2, -viewSize / 2,
-1000, 1000 );
sideCam.up.set( 0, 1, 0 );
在 render() 最後加入:
// 前視角
frontCam.position.copy( cameraControls.target );
// 沿著 X 軸移動 1 單位,使其從前面看向鳥
frontCam.position.x -=1 ;
frontCam.lookAt( cameraControls.target );
renderer.setViewport( 0, 0.5*canvasHeight, 0.5*canvasWidth, 0.5*canvasHeight );
renderer.render( scene, frontCam );
// 側面視角
sideCam.position.copy( cameraControls.target );
// 沿著 Z 軸移動 1 單位,使其從側面看向鳥
sideCam.position.z +=1 ;
sideCam.lookAt( cameraControls.target );
renderer.setViewport( 0.5*canvasWidth, 0, 0.5*canvasWidth, 0.5*canvasHeight );
renderer.render( scene, sideCam );