From c714dfa763ee10a55795c86572787a92bc6a6067 Mon Sep 17 00:00:00 2001
From: divyap <divyapahuja31@gmail.com>
Date: Wed, 18 Mar 2026 11:55:16 +0530
Subject: [PATCH] feat: add OrbitControls

---
 vanilla/main.js | 4 ++++
 1 file changed, 4 insertions(+)

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)
 }