From e78709407869ee1c9e4ba2273356928f94b5d93c Mon Sep 17 00:00:00 2001 From: Pierre Date: Mon, 30 Mar 2026 15:05:57 +0200 Subject: [PATCH] Rebase of feature/mirror + merge with the grid program --- web/assets/css/game.css | 10 ---------- web/assets/js/game.js | 21 +++++++++++++++++++-- web/templates/view/game.html | 4 ++-- 3 files changed, 21 insertions(+), 14 deletions(-) diff --git a/web/assets/css/game.css b/web/assets/css/game.css index e5e451b..bf9bc4c 100644 --- a/web/assets/css/game.css +++ b/web/assets/css/game.css @@ -85,16 +85,6 @@ main { overflow: hidden; } -.mirror::before { - content: ''; - position: absolute; - width: 100%; - height: 60%; - background: linear-gradient(45deg, transparent 48%, #CCCCCC 48%, #CCCCCC 52%, transparent 52%); - top: 50%; - transform: translateY(-50%); -} - .door { background: linear-gradient(135deg, #8B4513 0%, #654321 100%); border-color: #654321; diff --git a/web/assets/js/game.js b/web/assets/js/game.js index e234d2e..6d96f05 100644 --- a/web/assets/js/game.js +++ b/web/assets/js/game.js @@ -24,7 +24,7 @@ let grid = [ [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], - [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], + [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], ] @@ -53,6 +53,12 @@ function loadGrid () { cell.classList.add("colored-laser"); break; case legend.mirror: + const btnMirror = document.createElement("button"); + btnMirror.classList.add("btn-mirror"); + btnMirror.addEventListener("click", () => rotateMirror(btnMirror)); + btnMirror.style.transform = "rotate(0deg)"; + btnMirror.style.width = "100%"; + cell.appendChild(btnMirror); cell.classList.add("mirror"); break; case legend.door: @@ -82,4 +88,15 @@ function loadGrid () { } } -loadGrid(); \ No newline at end of file +loadGrid(); + + +function rotateMirror(mirror) { + let angle = 0; + if (mirror.style.transform == "") { + angle = 0; + } else { + angle = parseInt(mirror.style.transform.split("(")[1].split("deg")[0])%360; + } + mirror.style.transform = `rotate(${angle+45}deg)`; +} \ No newline at end of file diff --git a/web/templates/view/game.html b/web/templates/view/game.html index 4bb92f6..c01d7d6 100644 --- a/web/templates/view/game.html +++ b/web/templates/view/game.html @@ -3,12 +3,12 @@ - + Game
- + \ No newline at end of file