Premium Incremental Clicker Game — высокопроизводительный мобильный кликер с глубокой системой мета-прокачки, интерактивной глобальной картой и динамической симуляцией экономики. Разработано на базе компонентного подхода Vue 3, Vite и TypeScript.
|
|
|
|
🗺️ Карта кампании
|
🗺️ Карта кампании
|
🗺️ Карта кампании
|
🗺️ Карта кампании
|
🗺️ Карта кампании
|
- 🕹️ Arcade Machine Form-Factor — интерфейс жестко инкапсулирован в строго вертикальный контейнер
480x820pxс адаптивным масштабированием под мобильные экраны (Pixel-Perfect UI). - 🗺️ Интерактивная Карта Кампании — полностью кастомный экран выбора боссов (Трамп, Путин, Ким Чен Ын, Зеленский). Реализована динамическая подмена мета-данных и пула здоровья (HP) врага на лету при клике на ворота «БОЙ».
- 🛠️ Модульная Кузница (Магазин улучшений) — 25 уникальных игровых абилок, разделенных на 5 категорий (Усиления, Клик, Доход, Оружие, Престиж).
- 🎨 Оптимизация графики (CSS Спрайты) — все 25 иконок Кузницы ювелирно нарезаются из единого текстурного атласа (
shop-spritesheet.png) через динамический сдвиг координатbackground-position. Это сводит количество HTTP-запросов к единице и исключает мерцание интерфейса. - 📺 Монетизация & Reward Ads — интеграция альтернативной стоимости товаров. Игрок может активировать премиальные бусты бесплатно, запустив интерактивную симуляцию просмотра рекламных роликов.
Проект спроектирован с учетом лучших практик построения клиентских приложений:
- Фреймворк: Vue 3 (Composition API, Архитектура
<script setup>). - Сборщик и окружение: Vite (сверхбыстрая HMR-компиляция и оптимизация ассетов).
- Строгая типизация: TypeScript (Runtime Props, кастомные интерфейсы данных
ShopItem,IBoss, полное исключение ошибок компиляции). - Шина событий (Event Bus): Реализован паттерн Singleton для глобального обмена событиями и реактивного управления стейтом между независимыми модулями (например, синхронизация покупки в магазине с уроном в бою).
- Менеджеры систем (Service Registry): Изолированная бизнес-логика (
BossManager,MoneyManager), отделенная от слоя отображения (шаблонов Vue).
- Клонировать репозиторий:
git clone https://github.com
- Перейти в папку с проектом:
cd money-clicker-game - Установить все зависимости пакета:
npm install
- Запустить локальный сервер для разработки:
npm run dev
- Собрать оптимизированный Production-билд:
npm run build
All Rights Reserved (Все права защищены) © 2026 mrbread
Исходный код и медиа-ассеты (графика, спрайт-листы, UI-элементы) защищены авторским правом. Данный репозиторий открыт исключительно для ознакомления, код-ревью и образовательных целей. Любое несанкционированное копирование, модификация, создание форков с целью дистрибуции или коммерческое использование материалов без письменного согласия автора строго запрещено.








