Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
Game Solutions
Образовательная игра Химворды
Game Solutions
#Разработка игры под ключ#Разработка чат-ботов и Mini Apps

Образовательная игра Химворды

197 
Game Solutions Россия, Москва
Поделиться: 0 0 0
Образовательная игра Химворды
Клиент

Частный инвестор

Сфера

Информационные технологии и интернет

Регион

Россия, Москва

Сдано

Май 2024

Задача

Создать интерактивную образовательную игру в жанре Филворды, где пользователь ищет химические формулы в матрице символов.

Ключевые цели:

- Реализовать логику генерации игровых полей на основе списка химических формул

- Обеспечить постепенное усложнение игры (рост размера матрицы и сложности формул)

- Разработать интуитивно понятный интерфейс без избыточной анимации

- Предоставить заказчику инструмент для самостоятельного наполнения игры контентом через Excel

Решение

Разработали образовательную веб‑игру в жанре Филворды с химическими формулами

Суть: игрок ищет формулы в матрице символов

Ключевые компоненты:

- Система генерации полей: алгоритм парсит формулы и размещает их в матрице (3×3 → 5×5)

- Контент‑менеджмент: Excel‑шаблон для загрузки формул и настройки уровней

- Интерфейс: минималистичный дизайн (Figma), экраны игры, прогресса и настроек

- Механики: затемнение найденных слов, подсказки, анимация переходов

- Прогрессия: 3 уровня сложности («Атом», «Молекула», «Клетка») с увеличением поля

Технологии: Unity/C#, JavaScript, Figma, Photoshop, Excel

1Подготовка

- Проанализировали референс, выделили ключевые механики  

- Сформировали ТЗ: обработка формул, масштабирование матрицы (3×3 → 5×5), интерфейс 

2MVP

Разработка:  

- Алгоритм парсинга формул (например, $\text{Al(OH)}_3$ → [«Al», «(OH)», «3»])  

- Excel‑шаблон для матрицы 3×3  

- Двумерный массив, проверка совпадений 

- Затемнение найденных слов, перезапуск уровня  

Дизайн:

- Минималистичные экраны: игровое поле, прогресс, настройки  

- Единая стилистика: шрифты без засечек, нейтральные цвета  

3Вертикальный срез

Разработка: 

- Интеграция макетов Figma  

- Система уровней («Атом», «Молекула», «Клетка»)  

- Многоуровневый Excel‑шаблон, парсер данных  

Дизайн:  

- Анимации: подсказка, переход уровней  

- Туториал с подсказками  

4Полная версия

Разработка:

- Подсказки (иконка «лампочка», тройной клик)  

- Цветовое выделение слов, поворот элементов  

- Документация по коду и архитектуре  

Результат

Разработали образовательную игру‑филворд с химическими формулами: система уровней, Excel‑шаблон для контента, минималистичный интерфейс

Комментарий агентства

Егор Игнахин
Егор Игнахин

Команда проекта:

Игнахин Егор - Project Manager

София Козлова - 2D Artist

Катерина Барболина - Unity developer


Стек технологий

  • С# С# Язык программирования
  • JavaScript JavaScript Язык программирования
  • Unity Unity Среда разработки
  • Adobe Photoshop Adobe Photoshop Графический редактор
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Game Solutions с удовольствием обсудит вашу задачу

Оставить заявку