From ca65f5b8c77889007bb8aa2c6b848d64c35e5693 Mon Sep 17 00:00:00 2001
From: Clean Code <amin.asincorpate@gmail.com>
Date: Mon, 30 Dec 2024 16:53:12 -0800
Subject: [PATCH] Update renderer.js

---
 js/renderer.js | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/js/renderer.js b/js/renderer.js
index 8b13789..81481e1 100644
--- a/js/renderer.js
+++ b/js/renderer.js
@@ -1 +1,41 @@
+import * as THREE from 'three';
 
+class Renderer {
+  constructor() {
+    this.canvas = document.getElementById('gameCanvas');
+    this.scene = new THREE.Scene();
+
+    this.camera = new THREE.PerspectiveCamera(
+      75,
+      window.innerWidth / window.innerHeight,
+      0.1,
+      1000
+    );
+    this.camera.position.z = 5;
+
+    this.renderer = new THREE.WebGLRenderer({ canvas: this.canvas });
+    this.resize();
+    window.addEventListener('resize', () => this.resize());
+
+    // Add a basic cube to the scene
+    const geometry = new THREE.BoxGeometry();
+    const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
+    this.cube = new THREE.Mesh(geometry, material);
+    this.scene.add(this.cube);
+  }
+
+  resize() {
+    this.renderer.setSize(window.innerWidth, window.innerHeight);
+    this.camera.aspect = window.innerWidth / window.innerHeight;
+    this.camera.updateProjectionMatrix();
+  }
+
+  render() {
+    this.cube.rotation.x += 0.01;
+    this.cube.rotation.y += 0.01;
+
+    this.renderer.render(this.scene, this.camera);
+  }
+}
+
+export default Renderer;