Привет! На связи диджитал-продакшн ICONICA, и в этом кейсе расскажем, как мы разрабатывали сначала приложение для простой игры с друзьями, а затем превратили его в стрим-игру с прямыми эфирами со знаменитостями.
Идея
Разработку онлайн игры заказал Александр Алымов, популярный юморист, игрок КВН, один из создателей юмористического шоу «Студия Союз».
Разработку онлайн игры заказал Александр Алымов, популярный юморист, игрок КВН, один из создателей юмористического шоу «Студия Союз».
Доработка
Изначально "Карточки" задумывались как мобильное приложение для игры с друзьями. Правила проще некуда – участники должны придумывать слова на определенную тему, а затем сравнивать ответы – совпадают ли они с вариантами соперников или нет.
Но затем решили вывести игру на новый уровень, более массовый. В результате поступил запрос на доработку, и мы выпустили онлайн-версию, где можно играть и проводить прямые эфиры.
В чем суть игры "Карточки онлайн"?
1. Оптимальное количество игроков – 4, но можно больше.
2. Для старта нужно авторизоваться через ВК или написать в приложении имя.
3. Жмите Создать новую игру и выбирайте настройки: время на раздумья, совпадения/несовпадения, количество раундов. .
4. На экране увидите номер вашей игровой комнаты, который нужно сообщить всем участникам игры.
5. Игроки должны авторизоваться, ввести номер комнаты и нажать кнопку Присоединиться.
6. Когда все участники присоединяться к игре, жмем Начать. Например, в первом раунде тема «Элементы таблицы Менделеева». Задача игроков – написать 6 слов на эту тему. Если формат игры «совпадения», значит нужно выбрать 6 наиболее популярных и очевидных слов в этой тематике, чтобы с другими игроками было как можно больше совпадений. За каждое совпадение – 1 балл.
7. Как только все игроки отправят свои ответы, можно переходить к этапу проверки. Ведущий выбирает одно из шести слов и показывает его игрокам. Если его нет в списке игрока, тот нажимает «Отклонить».
8. Таким образом перерабатываются все слова, а в конце раунда подводятся итоги – подсчитывается количество совпадений и баллов.
Вот видео-инструкция, где все подробно и наглядно показано-рассказано – жмите здесь.
Технологии, которые использовали
Фронтенд
Админку мобильного приложения создавали с помощью JavaScript-библиотеки React. У этого инструмента самая большая доля на рынке и множество готовых модулей. Идеальное решение для написания фронтенда админ-панелей.
Бэкенд
Готовые CMS конечно же не использовали – такие проекты они не тянут. Взяли не слишком тяжелый фреймворк Django REST, известный своей надежностью. Среди плюсов данного решения хочется отметить высокую скорость разработки и возможность масштабировать игру под любое количество пользователей.
База данных
Отдали предпочтение PostgreSQL, как одной из наиболее популярных систем управления базами данных. Преимущества данного решения – масштабируемость, кроссплатформенность, безопасность.
Интерфейс
Отрисовали главную приветственную страничку, сделав ее дизайн максимально простым. Было принято решение, не грузить пользователя большим количеством деталей или кнопок, сосредоточив внимание на самом главном. Таким образом, каждого нового игрока встречает краткое описание правил игры и 2 кнопки, которые позволяют Создать собственную комнату или Присоединиться к уже запущенной игре. В личном кабинете пользователя такой же минималистичный интерфейс, который не отвлекает от игры и интуитивно понятен с первого запуска.
Что в итоге?
Игра Карточки успешно запущена. В нее успели поиграть известные шоумены, блогеры, комики и просто хорошие люди. Провести веселый вечер и посмотреть выпуски можно в сообществе SlowSlowGames ВК. Там же можно присоединиться к игре и в прямом эфире посоревноваться в остроумии и эрудиции с известными шоуменами.
Команда ICONICA:
Антон Мишанин
Артем Касьян
Артем Горшков
Ссылочки:
Можете тут посмотреть и поиграть в Карточки, получите массу удовольствия!
