I'm having trouble importing OrbitControls into my project.
I included three.js and then attempted to import OrbitControls, but it's not functioning as expected.
I added three.js to the HTML body using the following command:
NOTE: I have a scene, camera, and renderer set up, but I can't include them in this post.script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/104/three.js"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Css/master.css">
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/104/three.js"></script>
<script src="Main.js"></script>
</body>
</html>
***Main.js***
import { OrbitControls } from 'three/example/jsm/controls/OrbitControls';
const controls = new OrbitControls(camera, renderer.domElement);
function animate(){
requestAnimationFrame(animate);
torus.rotation.x +=0.01;
torus.rotation.y +=0.01;
torus.rotation.z +=0.01;
controls.update();
renderer.render(scene,camera);
}
animate()