Question

我刚开始学习three.js和JavaScript。现在我遇到一个问题，我无法看到我创建的飞机。我想平面的位置是[0,0,0]，相机位置是[0,0,200]而向下看，是吗？

我明白这个问题是如此基本，希望你们能帮助我，因为我尝试了很多，但却找不到这里的错误。

代码：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 45, window.innerWidth/window.innerHeight, 0.1, 1000000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

var width=913;
var height=423;

var geometry = new THREE.PlaneGeometry( width, height);
var material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe:true} );
var plane = new THREE.Mesh( geometry, material );
scene.add( plane );

camera.position.z = 200;
camera.lookAt(new THREE.Vector3(0, 0, 140));

var render = function () {
            requestAnimationFrame( render );
            renderer.render(scene, camera);
        };

Answer 1

首先要知道的是Y轴是上/下，而不是Z轴。使用轴辅助器通常很有用：

var axisHelper = new THREE.AxisHelper(5);
scene.add(axisHelper);

您还应该能够使用以下方式直接观察飞机：

camera.lookAt(plane.position);

相机在three.js中找不到对象

1 个答案: