diff --git a/vanilla/main.js b/vanilla/main.js index fc73cc1..b9764db 100644 --- a/vanilla/main.js +++ b/vanilla/main.js @@ -1,4 +1,5 @@ import * as THREE from 'three' +import { OrbitControls } from 'three/addons/controls/OrbitControls.js' const scene = new THREE.Scene() scene.background = new THREE.Color(0xf0f0f0) @@ -10,6 +11,8 @@ const renderer = new THREE.WebGLRenderer() renderer.setSize(window.innerWidth, window.innerHeight) document.body.appendChild(renderer.domElement) +const controls = new OrbitControls(camera, renderer.domElement) + const ambientLight = new THREE.AmbientLight(0xffffff, Math.PI / 2) scene.add(ambientLight) @@ -39,6 +42,7 @@ function animate() { cube2.rotation.x += 0.01 cube2.rotation.y += 0.01 + controls.update() renderer.render(scene, camera) }