From a267884dbed85eb66850e5e6053d7d49de5c4a0f Mon Sep 17 00:00:00 2001
From: Pierre <pierre.bourgeoisdelavergne@ynov.com>
Date: Tue, 31 Mar 2026 12:59:59 +0200
Subject: [PATCH] Level 3

---
 web/assets/css/game.css | 16 ++++++++++++++++
 web/assets/js/game.js   | 22 ++++++++++++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/web/assets/css/game.css b/web/assets/css/game.css
index cb07ceb..8ffa561 100644
--- a/web/assets/css/game.css
+++ b/web/assets/css/game.css
@@ -152,6 +152,14 @@ main {
     transform: rotate(180deg);
 }
 
+.captor-turn {
+    background-color: #DADEEF;
+    background-image: url("../img/tiles/Capteur-2.svg");
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
 .cable {
     background-color: #DADEEF;
     background-image: url("../img/tiles/CableV.svg");
@@ -161,6 +169,14 @@ main {
     transform: rotate(90deg);
 }
 
+.cable-vertical {
+    background-color: #DADEEF;
+    background-image: url("../img/tiles/CableV.svg");
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
 .door {
     background-color: #DADEEF;
     background-image: url("../img/tiles/WoodenDoor.svg");
diff --git a/web/assets/js/game.js b/web/assets/js/game.js
index c6dd3c6..f6be360 100644
--- a/web/assets/js/game.js
+++ b/web/assets/js/game.js
@@ -18,6 +18,8 @@ const legend = {
     button2: 14,
     captor: 15,
     cable: 16,
+    captorTurn: 17,
+    cableVertical: 18,
 };
 
 const laserColors = {
@@ -47,6 +49,19 @@ let levels = [
         [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
     ],
 
+    [
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 6, 6, 6, 6, 6, 6, 6, 6, 11, 0, 0, 0, 0],
+        [0, 0, 1, 0, 0, 0, 17, 0, 0, 3, 6, 0, 0, 0, 0],
+        [0, 0, 6, 6, 6, 6, 18, 6, 6, 0, 6, 0, 0, 0, 0],
+        [0, 0, 7, 0, 0, 0, 4, 0, 0, 12, 6, 0, 0, 0, 0],
+        [0, 0, 6, 6, 6, 6, 6, 6, 6, 6, 9, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+        [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    ],
+
     [
         [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         [0, 0, 0, 0, 6, 6, 6, 6, 6, 6, 11, 0, 0, 0, 0],
@@ -59,6 +74,7 @@ let levels = [
         [0, 0, 0, 0, 6, 11, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         [0, 0, 0, 0, 10, 6, 6, 6, 6, 6, 0, 0, 0, 0, 0],
     ],
+
 /*
     [
         [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
@@ -408,6 +424,12 @@ function loadGrid() {
                 case legend.cable:
                     cell.classList.add("cable");
                     break;
+                case legend.captorTurn:
+                    cell.classList.add("captor-turn");
+                    break;
+                case legend.cableVertical:
+                    cell.classList.add("cable-vertical");
+                    break;
             }
 
             drawLaserInCell(cell, laserSegments[`${y},${x}`]);