Aktualnost-i-cel-raboty (2)

1.

Актуальность и цель работы
Почему мобильная веб-игра?
Цель работы
Рынок мобильных игр растёт, а веб-приложения позволяют
Разработка мобильного веб-приложения игры-кликера с
распространять продукт без установки. PWA-технологии
сохранением прогресса, системой улучшений, достижений и
обеспечивают установку на устройство и работу офлайн.
поддержкой мобильных устройств.
Решение
PWA: установка и
офлайн-режим
Проблема
Ограниченная
дистрибуция и
установка
Результат
Мобильный кликер
с сохранением и
достижениями
Проблема — ограниченная дистрибуция и установка. Решение — PWA-мобильное веб-приложение. Результат — кликер с
сохранением прогресса, улучшениями и достижениями.

2.

Описание проекта
Игровая механика строится на цикле «действие — награда — развитие».
Нажатие
Улучшения
Достижения
Новые возможности
Игрок кликает по
Покупка апгрейдов
Система наград
Открытие новых
главному объекту и
увеличивает скорость
мотивирует продолжать
механик по мере
получает кредиты
добычи
игру
прогресса
Клик
Кредиты
Улучшения
Больше
кредитов
Достижения

3.

Архитектура приложения
Приложение работает полностью в браузере
и хранит данные локально, поэтому
доступно без сервера и офлайн.
Без сервера
localStorage
PWA
Всё выполняется в
Прогресс сохраняется
Установка и офлайн-режим
браузере
между сессиями

4.

Используемые технологии
HTML5
CSS3
JavaScript
localStorage
PWA
Семантическая
Адаптивный
Вся игровая
Сохранение
Установка на
разметка
дизайн, анимации
логика без
прогресса между
устройство как
интерфейса игры
и тёмная тема
сторонних
сессиями
нативное
библиотек
Service Worker + Manifest
Офлайн-режим и метаданные приложения
приложение

5.

Основной функционал
Ресурсы
Улучшения
Достижения
Задания
Начисление кредитов за
Покупка апгрейдов,
Система наград за
Ежедневные и
клики и автоматический
увеличивающих добычу
игровые milestones
долгосрочные цели для
доход
игрока
Статистика
Настройки
Сохранение
Офлайн-прогресс
Подробная сводка
Звук, вибрация, сброс
Автосохранение
Начисление дохода за
игрового прогресса
прогресса
прогресса в localStorage
время отсутствия

6.

Почему выбран нативный JavaScript?
Критерий
Сложность
Размер проекта
Скорость работы
HTML5-совместимость
Зависимости
JavaScript
✔ Низкая
✔ Минимальный
✔ Высокая
✔ Нативная
✔ Нет
Phaser
React Native
Средняя
Высокая
Большой
Большой
Высокая
Средняя
Да
Нет
Библиотека
Фреймворк
Вывод: Для проекта наиболее рациональным решением оказался нативный JavaScript — без
лишних зависимостей, с минимальным размером и максимальной скоростью.

7.

Тестирование
Чек-лист проверок
01
02
Начисление
ресурсов
Покупка
улучшений
Клики и автодоход
Баланс и эффекты
работают
применяются
корректно
верно
03
04
Достижения и
автодоход
Сохранение и
перезапуск
Триггеры
Прогресс
срабатывают в
восстанавливается
нужный момент
после закрытия
05
06
Мобильная
адаптация
Работа как PWA
Корректное
офлайн-режим
отображение на
подтверждены
разных экранах
Установка и

8.

Результаты проекта
План публикации