feat(art): подключены дизайнерские ассеты + сердечки/иконки/лого в UI

- Добавлены 21 PNG из Claude Design в src/assets/ (спрайты игрока и врагов,
  пол, стены, двери, снаряд, эффекты, тень, сердечки, иконки оружия, лого, фон меню).
- HudOverlay: здоровье сердечками (2 HP = сердце) + иконка режима оружия;
  фолбэк на полосу/без иконки, если картинок нет.
- index.html: лого и фон-подземелье в стартовом меню (с тёмным затемнением).
- Мир/персонажи/двери теперь рисуются дизайнерскими спрайтами (через assets.ts).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-18 16:08:40 +03:00
co-authored by Claude Opus 4.8
parent e2cb1ff855
commit 35cb8de33a
23 changed files with 54 additions and 14 deletions
+6 -3
View File
@@ -27,11 +27,14 @@
/* Стартовое меню — поверх холстов, перекрывает сцену своим фоном. */
#menu {
position: absolute; inset: 0; z-index: 10;
background: #0a0a0fee;
/* фон-картинка с тёмным затемнением для читаемости; фолбэк — тёмный цвет */
background: linear-gradient(rgba(10,10,15,0.7), rgba(10,10,15,0.82)),
url(assets/menu-bg.png) center / cover no-repeat, #0a0a0f;
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 14px; padding: 24px;
}
#menu h1 { font-size: 40px; letter-spacing: 4px; color: #c9b27a; }
#menu h1 { font-size: 40px; letter-spacing: 4px; color: #c9b27a; margin-bottom: 4px; }
#menu-logo { display: block; width: min(560px, 80%); height: auto; }
.menu-sub { color: #888; margin-bottom: 6px; }
#menu-presets { display: flex; flex-direction: column; gap: 10px; width: 360px; max-width: 90%; }
.menu-preset {
@@ -55,7 +58,7 @@
<!-- Стартовое меню. Кнопки уровней генерирует StartMenu из PRESETS. -->
<div id="menu">
<h1>Биндим Фигняшку</h1>
<h1><img id="menu-logo" src="assets/logo.png" alt="Биндим Фигняшку" /></h1>
<p class="menu-sub">Выбери уровень</p>
<div id="menu-presets"></div>
<p class="menu-hint">WASD — движение · Стрелки — стрельба · Tab — оружие · Esc — меню</p>