Розбивач Дошок

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Створи браузерну 2D canvas-гру українською мовою з назвою «Розбивач Дошок». Це проста аркадна гра у боковому ракурсі: маленький намальований персонаж стоїть ліворуч, а вертикальна дерев’яна дошка — праворуч на невисокій цегляній підставці. Гравець має ламати дошку молотком, заряджаючи силу замаху утримуванням миші та завдаючи удар відпусканням. Не додавай ворогів, рівнів, руху персонажа чи інших цілей — головний цикл полягає в повторному руйнуванні однієї дошки, отриманні діамантів і купівлі покращень.

Полотно має займати весь екран і масштабуватися разом із вікном. Намалюй сцену через Canvas 2D: верхню частину зроби теплою бежевою стіною приблизно до y=380, нижню — темно-коричневою підлогою з діагональними лініями донизу; зліва додай вертикальну світло-коричневу облямівку. Дошка — вузький коричневий прямокутник приблизно 26×170, з темним контуром, кількома горизонтальними прожилками та темнішими вертикальними краями. Вона стоїть близько x=620, y=240, але повинна трохи відлітати, нахилятися, сповільнюватися й підстрибувати під дією фізики після удару; гравітація повертає її до підлоги приблизно на y=375. Над дошкою показуй тонку смужку здоров’я: темний фон, зелена частина при нормальному стані та червона при низькому.

Персонаж ліворуч, приблизно в центрі по вертикалі (початково x=160,y=320): голова тілесного кольору, просте темне тіло, дві темні ноги та витягнута рука. У руці він тримає молоток із сірим горизонтальним металевим бойком і коричневим держаком. Під час заряджання рука відводиться назад; під час удару молоток проходить дугу вперед і може влучити в дошку лише у центральній частині анімації, якщо знаходиться досить близько. Використовуй просту плоску векторну графіку без текстур.

Механіка удару: натискання й утримування кнопки миші над canvas починає заряджання, а сила плавно зростає до 100% приблизно за 0,53 секунди. Показуй унизу по центру приховану до натискання смугу сили шириною близько 220 px із помаранчевим заповненням. Відпускання запускає один замах; сила дорівнює відсотку заряду × 42 × рівень «Сила замаху». Під час замаху відображай над сценою жовтий напис «Сила: N». Удар зменшує здоров’я дошки на силу × (0.85 + рівень точності × 0.08), додає дошці імпульс і обертання та створює кілька маленьких коричневих частинок. Якщо здоров’я падає до нуля, дошка зникає, з неї вилітають шість невеликих дерев’яних уламків із випадковими швидкостями, обертанням і гравітацією, а також може з’явитися блакитний ромб-діамант як частинка. За зламану дошку одразу додай діаманти: max(1, floor(сила/28)). Приблизно через 1,35 секунди віднови дошку та її здоров’я.

Додай HUD поверх canvas. Угорі ліворуч — чорна напівпрозора округлена панель із великим білим написом «💎 Діаманти: 0» і поточним лічильником. Угорі праворуч — чорна напівпрозора панель «Прокачка» з трьома вертикальними кнопками: «⚒️ Сила замаху (5 💎)», «🍀 Точність (8 💎)», «📦 Міцність дошки (12 💎)». Ціни множаться на поточний рівень відповідного покращення; початкові рівні всіх трьох параметрів дорівнюють 1. Кнопки недоступні, якщо діамантів недостатньо, а після покупки віднімай ціну й збільшуй рівень. Сила множить силу удару, точність множить шкоду та шанс випадіння, а міцність збільшує максимальне здоров’я дошки до 100 + рівень міцності × 30 і відновлює її поточне здоров’я, якщо дошка не зламана. Початкове здоров’я тому дорівнює 130.

Шанс діамантового дропа після руйнування: 0.4 × (0.7 + рівень точності × 0.2). Діаманти мають вигляд маленьких блакитних ромбів, уламки та ударні ефекти — коричневі прямокутні частинки. Унизу по центру розмісти темну напівпрозору підказку: «Утримуй мишу щоб замахнутися | Відпусти щоб вдарити дошку з силою». Обробляй вихід миші за межі canvas як скасування заряджання. Зроби всю видиму UI-типографіку та кнопки українською, із округленими темними панелями й простим системним sans-serif шрифтом.