THREE.OrbitControls: второй параметр «domElement» теперь обязателен. OrbitControls. js: 19: 42 TypeError: scope.domElement не определен

Question

Пытался загрузить файл gltf, следуя инструкциям на YouTube, сделал все то же самое, но по-прежнему получаю эту ошибку, помогите

Получение этой ошибки:

OrbitControls. js: 19 : 42 TypeError: scope.domElement не определен

let scene, camera, renderer;

function init() {

  scene = new THREE.Scene();
  scene.background = new THREE.Color(0xdddddd);

  camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 1, 5000);
  camera.rotation.y = 45 / 180 * Math.PI;
  camera.position.x = 800;
  camera.position.y = 100;
  camera.position.z = 1000;

  controls = new THREE.OrbitControls(camera);
  controls.addEventListener('change', renderer);

  hlight = new THREE.AmbientLight(0x404040, 100);
  scene.add(hlight);

  directionalLight = new THREE.DirectionalLight(0xffffff, 100);
  directionalLight.position.set(0, 1, 0);
  directionalLight.castShadow = true;
  scene.add(directionalLight);
  light = new THREE.PointLight(0xc4c4c4, 10);
  light.position.set(0, 300, 500);
  scene.add(light);
  light2 = new THREE.PointLight(0xc4c4c4, 10);
  light2.position.set(500, 100, 0);
  scene.add(light2);
  light3 = new THREE.PointLight(0xc4c4c4, 10);
  light3.position.set(0, 100, -500);
  scene.add(light3);
  light4 = new THREE.PointLight(0xc4c4c4, 10);
  light4.position.set(-500, 300, 500);
  scene.add(light4);

  renderer = new THREE.WebGLRenderer({
    antialias: true
  });
  renderer.setSize(window.innerWidth, window.innerHeight);
  document.body.appendChild(renderer.domElement);

  let loader = new THREE.GLTFLoader();
  loader.load('wolfx.gltf', function(gltf) {
    car = gltf.scene.children[0];
    car.scale.set(0.5, 0.5, 0.5);
    scene.add(gltf.scene);
    animate();
  });
}

function animate() {
  renderer.render(scene, camera);
  requestAnimationFrame(animate);
}
init();

Answer 1

Ваш конструктор OrbitControls неверен .

Вы должны предоставить элемент dom для OrbitControls для прослушивания событий.

Вы должны вызвать этот конструктор после инициализации средства визуализации и измените свой конструктор на этот

new THREE.OrbitControls(camera, renderer.domElement);

Вероятно, вы используете устаревший API с новой версией 3. js.