Orbit Controls 无法正常工作

Question

我想在我的程序中实现 Orbit Control，但是当我完全按照某些教程的每一步操作时，没有任何反应。这是我的代码：

    import * as THREE from 'https://unpkg.com/three@0.126.1/build/three.module.js';
    import { OrbitControls } from 'https://unpkg.com/three@0.127.0/examples/jsm/controls/OrbitControls.js';
    var scene = new THREE.Scene();
    var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

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

    camera.position.set( 2, 3, 2 );
    camera.lookAt(0,0,0);

    var controls = new OrbitControls(camera, renderer.domElement);

这就是它的样子： Code Render 但什么也没有发生。它不会旋转或缩放。感谢您的帮助

Answer 1

我发现了问题。

我使用了这个导入：

import * as THREE from './build/three.module.js';
import { OrbitControls } from './examples/jsm/controls/OrbitControls.js';

主要区别在于我添加的内容：

controls.addEventListener('change',render);

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

Orbit Controls 无法正常工作

Orbit Controls doesn't work with no error

three.js