Update index.html

index.html

@@ -23,30 +23,16 @@
         renderer.setClearColor(0x000000);
         renderer.setPixelRatio(window.devicePixelRatio);
         renderer.setSize(window.innerWidth, window.innerHeight);
+        var light = new THREE.PointLight(0xffffff, 1, 100);
+        light.position.set(0, 30, 0);
+        scene.add(light);
         
-        // Other game setup code...
-
         var paddleGeometry = new THREE.BoxGeometry(4, 1, 1);
         var paddleMaterial = new THREE.MeshLambertMaterial({ color: 0xffffff });
         var paddle = new THREE.Mesh(paddleGeometry, paddleMaterial);
+        paddle.position.y = -5; // Adjust the paddle's vertical position if necessary
         scene.add(paddle);
-
-        function animate() {
-            requestAnimationFrame(animate);
-            
-            // Keyboard control logic...
-
-            if (mouseX !== null && mouseY !== null) {
-                paddle.position.x = (mouseX / window.innerWidth) * 50 - 25;
-                // Adjust this line to match the mouse movement direction
-                paddle.position.z = (mouseY / window.innerHeight) * 50 - 25;
-            }
-
-            // Other animation code...
-
-            renderer.render(scene, camera);
-        }
-
+        
         var keys = {};
         var mouseX = null;
         var mouseY = null;
@@ -59,7 +45,16 @@
             mouseY = null;
         });
 
-        // Other event listeners...
+        function animate() {
+            requestAnimationFrame(animate);
+
+            if (mouseX !== null && mouseY !== null) {
+                paddle.position.x = (mouseX / window.innerWidth) * 50 - 25;
+                paddle.position.z = (mouseY / window.innerHeight) * 50 - 25; // Corrected for mouse movement
+            }
+
+            renderer.render(scene, camera);
+        }
 
         animate();
     </script>