From 605a4ff40bfd79dc54da03d7b9c53bb190b8fd97 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Wed, 24 Mar 2021 06:20:41 +0000
Subject: [PATCH] Rotate camera with mouse

---
 webclient/src/spaceport/scene.js | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/webclient/src/spaceport/scene.js b/webclient/src/spaceport/scene.js
index bc19f89..9acc117 100644
--- a/webclient/src/spaceport/scene.js
+++ b/webclient/src/spaceport/scene.js
@@ -47,19 +47,17 @@ export const scene = ({ ref }) => {
 		renderer.setSize(ref.current.clientWidth, ref.current.clientHeight);
 	});
 
+	ref.current.addEventListener('mousemove', (e) => {
+		const x = e.clientX;
+		const ratio = x / ref.current.clientWidth;
+		camera.position.set(5, 2, ratio*4 - 2);
+		camera.lookAt(new THREE.Vector3(0, 0, 0));
+	});
+
 	const animate = () => {
 		const deltaTime = 0.075;
 		t += deltaTime;
 
-		// register mouse event for 'onmove'
-		// get mouse x & y
-		// const mu = mousex / ref.width
-		// const mv = mousey / ref.heigh
-
-		// camera.x = sin(mu * Math.PI * 2)
-		// camera.z = cos(mu * Math.PI * 2)
-		//
-
 		const direction = Math.random() > 0.5 ? 1 : -1;
 
 		if (t > nextShip) {
@@ -76,7 +74,6 @@ export const scene = ({ ref }) => {
 				const bolt = new Laser(ship);
 				bolts.push(bolt);
 				scene.add(bolt.mesh);
-				console.log(bolt.mesh.position);
 				ship.firing = false;
 			}