javascript - Three.js 将图像放置在相机前面

Question

我正在尝试为一个项目制作一个飞行模拟器，并且我正在尝试将驾驶舱图像放置在我的相机前面，该图像由 FirstPersonControls 控制，我已经尝试了很多方法，但我不能让它起作用。

这是我到目前为止得到的:

我在以下位置运行了这个:Codepen Project

这是我尝试放置图像的位置。

    function onTextureLoad(texture) {
    console.log(texture);
    var geometry = new THREE.PlaneGeometry(2, 2, 0);
    var material = new THREE.MeshBasicMaterial({
     map: texture, transparent: true, opacity: 1 
    });

    var geometryco = new THREE.PlaneGeometry(100,100,100,100);
    var cockpit = new THREE.Mesh(geometryco, material);
    cockpit.position.set(0,20,0);

    scene.add(cockpit);

    render();
  }

如有任何帮助，我们将不胜感激

Answer 1

使其成为相机的子项，以便它们一起移动。

camera.add( cockpit )
scene.add( camera )