Геймификация Меморизуна
Я писал про само приложение пост. Но скажу еще раз - В приложении можно проверять как ты выучил текст голосом: ты говоришь выученный текст, а оно следит за правильностью. Просто добавил текст, выучил, проверил. Но мне захотелось добавить азарта и сделать прогресс интересным. И это рассказ о том как появлялась и менялась геймификация.Меморизун - приложение для заучивания текста
Начиналось все просто:
1 распознанное слово = 1 очко
Очки копились, синхронизировались, и их можно было использовать для достижения целей.
Это работало, пока не стало скучно: визуального прогресса не было, всё сводилось к счётчику. Хотелось чего-то большего.
Этап 2: Портреты писателей
А что если превратить прогресс в картинку.
Идея была в том, что каждый изученный текст открывает фрагмент портрета классика. Один кружок = одно выученное слово. Постепенно появлялись черты лица, и это создавало ощущение, что ты «строишь» образ автора через свои знания. Для открытия всего портрета нужно было наговорить по памяти 1600 слов.
Я написал скрипт который превращает любое фото в векторную графику SVG, где каждая часть имеет свой уникальный id.
Помимо портретов, которые нужно открывать по частичкам, я решил пойти по обычному пути приложений и добавить всякие ачивки за количество изученных текстов и прочее. Решение получилось недостаточно интересным и вовлекающим. Хотелось чего-то более весёлого и динамичного.
Этап 3: Флаги и накопление
Чтобы поддерживать мотивацию, я добавил флаги. Персонаж долежн стремиться к цели!
Каждые 1000, 2000, 3000 звёзд открывали флаг с небольшой анимацией: движение, прыжок, конфетти.
Этап 4: Нейронный мир
О!
Вместо абстрактных звёзд и картинок появилось видение мира, где каждый изученный текст = новый нейрон.
Ты учишь — появляются нейроны. Между ними — дороги. Если не учишь — дороги трескаются. Восстанавливаются они за энергию (⚡), которую ты тоже зарабатываешь обучением.
Прогресс стал живым. Не просто счёт, а карта мозга, которая реагирует на твои действия. Я остановил все прошлые системы и сосредоточился на этой идее.
Вначале было странно
Алгоритм расстановки нейрончиков и построения связей оказался нетривиальным. Хотелось, чтобы все нейроны соединялись, но и выглядело это аккуратно и читаемо, а не как паутина.
Сначала я думал, что персонажи (нейрончики) должны стоять прямо на линиях. Из-за этого всё выглядело коряво: линии были узкими, ломаными, а персонажи расставлялись слишком хаотично.
Я долго возился с этой логикой. И это наконец подобрал — карта стала внятной, персонажи обрели анимацию. Нарисовал несколько пиксельных деревьев для ландшафта что б было повеселее.
Философия одной кнопки
У меня до сих пор однокнопочный айфон.
Возможно, именно поэтому я решил: интерфейс в игре должен быть таким же — одна кнопка, одно действие, максимально контекстное.
- Если сломалась дорога — кнопка предлагает починить.
- Если есть на что строить новую дорогу — построить.
- Если не хватает энергии — тап покажет, что нужно сделать (например, поучиться).
- Если всё уже построено — кнопка честно скажет: ждём новых нейронов.
Итого. Карта нейрончиков - твой прогресс
Теперь ты смотришь на экран и видишь: это твой мозг с. его связями и веселыми ребятами.
Звуки игры озвучивал я сам. Сначала записывал на PO-35 от Teenage Engineering, затем накладывал там же эффекты. Звук строителсьтва дороги изначально было неким “Ту-бу-бу-ду-тжу”.
Вот вам пасхалочка: персонажи при строительсьтве дороги говорят “Славься, Джей!”
Виртуальный мозг (как и настоящий) растёт от обучения. А нейронные связи ломается от бездействия (метафора к забыванию).
⚡ Валюта, центр уведомлений и уникальные нейрончик
Энергия — это внутренняя валюта. Нe «коины», «монеты» или другие игровые термины. Это именно энергия, как в мозге: ты учишь — получаешь заряд.
Потратил 10⚡ — починил дорогу.
Потратил 100⚡ — построил новую.
По тапу на сообщение мы получаем актуальные новости и задания с короткими текстами. Так вхождение в мир учения наизусть упрощается
У нейрончиков есть свои странные имена и настройка цвета антенн (пока что тестирую на этом кастомизацию)
Вывод
Многие идеи пришлось менять и тестировать заново. Важно не гнаться за абстрактным прогрессом, а представить ( а лучше смотреть) как человек реально взаимодействует с приложением, что ему интересно и какие эмоции он получает. Без экспериментов и учёта реальных задач ничего толкового не получится.