From e1d3df9a2390bc5842bcddf112209d42cbe2f3cd Mon Sep 17 00:00:00 2001
From: Aditi Bansal <142652964+Aditi22Bansal@users.noreply.github.com>
Date: Wed, 31 Jul 2024 20:18:57 +0530
Subject: [PATCH 1/3] Create index.html
---
SinglePlayer - Games/Light-Weaver/index.html | 17 +++++++++++++++++
1 file changed, 17 insertions(+)
create mode 100644 SinglePlayer - Games/Light-Weaver/index.html
diff --git a/SinglePlayer - Games/Light-Weaver/index.html b/SinglePlayer - Games/Light-Weaver/index.html
new file mode 100644
index 00000000..696bfc56
--- /dev/null
+++ b/SinglePlayer - Games/Light-Weaver/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ Light Weaver
+
+
+
+
+
Light Weaver
+
+
Use arrow keys to move the light beam. Reflect off mirrors to navigate through the maze!
+
+
+
+
From 5f0fc52afd3aa26231209f21f117eb7061b152b1 Mon Sep 17 00:00:00 2001
From: Aditi Bansal <142652964+Aditi22Bansal@users.noreply.github.com>
Date: Wed, 31 Jul 2024 20:19:15 +0530
Subject: [PATCH 2/3] Create styles.css
---
SinglePlayer - Games/Light-Weaver/styles.css | 19 +++++++++++++++++++
1 file changed, 19 insertions(+)
create mode 100644 SinglePlayer - Games/Light-Weaver/styles.css
diff --git a/SinglePlayer - Games/Light-Weaver/styles.css b/SinglePlayer - Games/Light-Weaver/styles.css
new file mode 100644
index 00000000..6c383c04
--- /dev/null
+++ b/SinglePlayer - Games/Light-Weaver/styles.css
@@ -0,0 +1,19 @@
+body {
+ text-align: center;
+ font-family: Arial, sans-serif;
+ background-color: #f0f0f0;
+}
+
+#game {
+ margin: 20px auto;
+ width: 600px;
+ background-color: #ffffff;
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+canvas {
+ border: 1px solid #000;
+ margin-top: 10px;
+}
From 6da5da39939b18a7c2bb3414413c1a311c06a7b2 Mon Sep 17 00:00:00 2001
From: Aditi Bansal <142652964+Aditi22Bansal@users.noreply.github.com>
Date: Wed, 31 Jul 2024 20:19:30 +0530
Subject: [PATCH 3/3] Create script.js
---
SinglePlayer - Games/Light-Weaver/script.js | 102 ++++++++++++++++++++
1 file changed, 102 insertions(+)
create mode 100644 SinglePlayer - Games/Light-Weaver/script.js
diff --git a/SinglePlayer - Games/Light-Weaver/script.js b/SinglePlayer - Games/Light-Weaver/script.js
new file mode 100644
index 00000000..8f2343c8
--- /dev/null
+++ b/SinglePlayer - Games/Light-Weaver/script.js
@@ -0,0 +1,102 @@
+const canvas = document.getElementById('gameCanvas');
+const ctx = canvas.getContext('2d');
+
+let lightBeam = {
+ x: 50,
+ y: 200,
+ dx: 2,
+ dy: 0,
+ width: 10,
+ height: 10
+};
+
+let mirrors = [
+ { x: 200, y: 150, width: 10, height: 100, angle: 45 },
+ { x: 400, y: 100, width: 10, height: 100, angle: -45 }
+];
+
+let goal = { x: 550, y: 200, width: 30, height: 30 };
+
+function drawGame() {
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+ // Draw light beam
+ ctx.fillStyle = 'yellow';
+ ctx.fillRect(lightBeam.x, lightBeam.y, lightBeam.width, lightBeam.height);
+
+ // Draw mirrors
+ mirrors.forEach(mirror => {
+ ctx.save();
+ ctx.translate(mirror.x + mirror.width / 2, mirror.y + mirror.height / 2);
+ ctx.rotate((mirror.angle * Math.PI) / 180);
+ ctx.fillStyle = 'silver';
+ ctx.fillRect(-mirror.width / 2, -mirror.height / 2, mirror.width, mirror.height);
+ ctx.restore();
+ });
+
+ // Draw goal
+ ctx.fillStyle = 'gold';
+ ctx.fillRect(goal.x, goal.y, goal.width, goal.height);
+}
+
+function updateGame() {
+ lightBeam.x += lightBeam.dx;
+ lightBeam.y += lightBeam.dy;
+
+ checkCollisions();
+ drawGame();
+
+ requestAnimationFrame(updateGame);
+}
+
+function checkCollisions() {
+ mirrors.forEach(mirror => {
+ if (lightBeam.x < mirror.x + mirror.width &&
+ lightBeam.x + lightBeam.width > mirror.x &&
+ lightBeam.y < mirror.y + mirror.height &&
+ lightBeam.y + lightBeam.height > mirror.y) {
+ // Reflect the light beam
+ if (mirror.angle === 45) {
+ lightBeam.dx = -lightBeam.dy;
+ lightBeam.dy = -lightBeam.dx;
+ } else if (mirror.angle === -45) {
+ lightBeam.dx = lightBeam.dy;
+ lightBeam.dy = lightBeam.dx;
+ }
+ }
+ });
+
+ if (lightBeam.x < goal.x + goal.width &&
+ lightBeam.x + lightBeam.width > goal.x &&
+ lightBeam.y < goal.y + goal.height &&
+ lightBeam.y + lightBeam.height > goal.y) {
+ alert('You Win! You reached the goal.');
+ resetGame();
+ }
+
+ if (lightBeam.x < 0 || lightBeam.x > canvas.width ||
+ lightBeam.y < 0 || lightBeam.y > canvas.height) {
+ alert('Game Over! You went out of bounds.');
+ resetGame();
+ }
+}
+
+function resetGame() {
+ lightBeam.x = 50;
+ lightBeam.y = 200;
+ lightBeam.dx = 2;
+ lightBeam.dy = 0;
+ drawGame();
+}
+
+document.addEventListener('keydown', (e) => {
+ switch (e.key) {
+ case 'ArrowUp': lightBeam.dy = -2; lightBeam.dx = 0; break;
+ case 'ArrowDown': lightBeam.dy = 2; lightBeam.dx = 0; break;
+ case 'ArrowLeft': lightBeam.dx = -2; lightBeam.dy = 0; break;
+ case 'ArrowRight': lightBeam.dx = 2; lightBeam.dy = 0; break;
+ }
+});
+
+drawGame();
+updateGame();