Nono/Projet_48h
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Map modified + sprites

Browse Source
This commit is contained in:
Pierre
2026-03-31 10:57:19 +02:00
committed by M1n-0
parent 40a8dee263
commit 4d1ed00f03
40 changed files with 965 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
web/assets/css/game.css
View File

@@ -71,6 +71,7 @@ main {
.empty {
background-color: #DADEEF;
border-color: #DADEEF;
}
.empty:hover {
@@ -78,24 +79,102 @@ main {
}
.laser {
background-color: #FFD700;
background-color: #DADEEF;
background-image: url("../img/tiles/Laser.svg");
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
transform: rotate(180deg);
}
.colored-laser {
background-color: #DADEEF;
background-image: url("../img/tiles/Prisme.svg");
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
.mirror {
background-color: #DADEEF;
border-color: #444444;
position: relative;
overflow: hidden;
}
.wall {
background-color: #DADEEF;
background-image: url("../img/tiles/Tuile.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.door {
background-color: #DADEEF;
background-image: url("../img/tiles/WoodenDoor.svg");
transform: rotate(90deg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.button {
background-color: #DADEEF;
background-image: url("../img/tiles/ButtonComplete.svg"), url("../img/tiles/Tuile.svg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.demi-wall {
background-color: #DADEEF;
background-image: url("../img/tiles/VerticaleSemi.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.target {
background: #00FF00;
background-color: #DADEEF;
background-image: url("../img/tiles/Trigger.svg");
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
}
.demi-wall-corner-up-left {
background-color: #DADEEF;
background-image: url("../img/tiles/TopLeft.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.demi-wall-corner-up-right {
background-color: #DADEEF;
background-image: url("../img/tiles/TopRight.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.demi-wall-corner-down-left {
background-color: #DADEEF;
background-image: url("../img/tiles/BottomLeft.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.demi-wall-corner-down-right {
background-color: #DADEEF;
background-image: url("../img/tiles/BottomRight.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
/* ================================
LIGHT LASER
================================ */
@@ -129,18 +208,17 @@ main {
border: none;
cursor: pointer;
height: 100%;
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.btn-mirror::after {
content: '';
position: absolute;
top: 50%;
left: 10%;
.mirror-img {
width: 80%;
height: 2px;
background-color: #aaaaaa;
transform-origin: center;
height: 80%;
object-fit: contain;
}
/* ================================