syoul/pacmanludo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Augmentation taille fantômes et fond d'écran sombre avec fantômes effrayants

Browse Source
This commit is contained in:
syoul
2025-11-28 18:48:28 +01:00
parent 36e80274ff
commit 5e6195fc70
2 changed files with 54 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
game.js
View File

@ -328,7 +328,7 @@ class Ghost {
ctx.save(); ctx.save();
ctx.translate(this.pixelX, this.pixelY); ctx.translate(this.pixelX, this.pixelY);
const size = CELL_SIZE * 0.4; const size = CELL_SIZE * 0.75;
ctx.fillStyle = this.color; ctx.fillStyle = this.color;
ctx.strokeStyle = '#000000'; ctx.strokeStyle = '#000000';

58
style.css
View File

@ -6,10 +6,50 @@
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); background: #0a0a0a;
background-image:
radial-gradient(circle at 20% 30%, rgba(255, 0, 0, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(0, 0, 255, 0.1) 0%, transparent 50%),
radial-gradient(circle at 50% 50%, rgba(128, 0, 128, 0.1) 0%, transparent 50%);
color: #fff; color: #fff;
min-height: 100vh; min-height: 100vh;
padding: 20px; padding: 20px;
position: relative;
overflow-x: hidden;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 20 Q60 10 70 20 Q80 30 70 40 Q60 50 50 40 Q40 50 30 40 Q20 30 30 20 Q40 10 50 20 Z' fill='%23ffffff' opacity='0.05'/%3E%3Ccircle cx='45' cy='30' r='3' fill='%23000000' opacity='0.3'/%3E%3Ccircle cx='55' cy='30' r='3' fill='%23000000' opacity='0.3'/%3E%3Cpath d='M50 40 Q45 45 50 50 Q55 45 50 40' fill='%23000000' opacity='0.2'/%3E%3C/svg%3E");
background-size: 200px 200px;
background-repeat: repeat;
pointer-events: none;
z-index: 0;
}
body::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(255, 255, 255, 0.02) 2px,
rgba(255, 255, 255, 0.02) 4px
);
pointer-events: none;
z-index: 0;
} }
.main-wrapper { .main-wrapper {
@ -19,15 +59,20 @@ body {
gap: 30px; gap: 30px;
max-width: 1400px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
position: relative;
z-index: 1;
} }
.container { .container {
text-align: center; text-align: center;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.7);
padding: 30px; padding: 30px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 0, 0, 0.2);
flex-shrink: 0; flex-shrink: 0;
position: relative;
z-index: 1;
border: 2px solid rgba(255, 0, 0, 0.3);
} }
h1 { h1 {
@ -109,12 +154,15 @@ h1 {
} }
.leaderboard-container { .leaderboard-container {
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.7);
padding: 25px; padding: 25px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 0, 0, 0.2);
min-width: 300px; min-width: 300px;
max-height: 700px; max-height: 700px;
position: relative;
z-index: 1;
border: 2px solid rgba(255, 0, 0, 0.3);
} }
.leaderboard-container h2 { .leaderboard-container h2 {