Цифронавты - онлайн-игра по цифровой грамотности

Цифронавты - онлайн-игра по цифровой грамотности

Всем привет и классного уикенда.

я тут, как обычно, мало активна, придумала новый проект и потратила кучу времени на реализацию. Все не идеально работает, поэтому показываю не итог, а промежуточный результат.

«Цифронавты» - игра, где дети 7–14 и взрослые ловят мошенников, вайбкодят, работают с ИИ. Не курс. Станция с миссиями: ребёнок строит отсеки, а взрослые проходят свои, как не отдать код из СМС, как заметить звонок «из соцфонда», как проверить ответ нейросети.

Сложности, которые никто не показывает в сторис.

1️⃣️️️️ Озвучка. Три дня билась с автоплеем звука - ребёнок открывает миссию, а там тишина. Оказалось, Apple режет автоплей, пока нет первого касания. Переделала логику, прогнала кучу тестов в WebKit - теперь говорящая.

2️⃣️️️️️️Мошенничество не стоит на месте. Пока делаешь миссию «про звонок из банка», появляется «звонок из соцфонда с видео-дипфейком». Пришлось заложить постоянный мониторинг схем и обновление миссий - иначе продукт протухнет за полгода.

Результат сейчас. Живой прод. Больше 250 миссий. И главное, после первой миссии мои дети не спрашивают «а зачем мне это?», а спрашивает «сколько звёзд я получу». Это для меня лучший результат.

Вывод для своих (для вас, меня читающих): если продукт построен вокруг ИИ - сломанная мелочь вроде тишины в демо убивает впечатление сильнее, чем «крутая нейросеть» его создаёт. Сначала доводим технику до «работает без косяков», потом говорим про технологию.

3️⃣️️️️️️ Интерактив в игре - это не «кнопки нарисовать». У меня кучу времени ушло на то, чтобы мелочи перестали ломаться. У «Цифронавтов» внутри - 2D-мира-сцены и миссии с выбором: ребёнку надо нажать «позвать взрослого / спросить друга / перейти по ссылке». Один экран, одно решение, как в жизни.

Что не билось и рушилось.

🖊️️️️️️ Варианты ответа на телефоне. На iPhone (390px) кнопки выбора просто вылезали за край экрана — третий вариант «уходил» и до него нельзя было доскроллиться. Ребёнок видит два ответа, а надо три. Переверстала блок, чтобы карточки не выталкивали друг друга.

🖊️️️️️️ Озвучка при наведении. Я озвучивала варианты, когда наводишь курсор. А на телефоне «наведения» нет - и ребёнок сидел в тишине. Добавила подсветку «1-2-3» и подсказку «нажми на вариант», иначе миссия выглядела сломанной.

🖊️️️️️️Персонаж, который бегал задом. Совёнок в погоне за лисом. Лис был нарисован анфас, а бежал боком - получалось «бежит задом наперёд». Мелочь, но глаз цепляется сразу и ощущение «дёшево». Исправляла раз 100 и даже клод код косячил раз за разом.

🖊️️️️️️«Фото или ИИ». Хотела сделать экран, где ребёнок угадывает, какая из двух картинок сгенерирована нейросетью. Первая версия, скучный лист с двумя фото. Переделала в игровой тизер: подсказки, счёт, анимация, иначе дети пролистывали.

Короче, еще делать и делать, но результат уже стоит того, чтобы продолжать. Как нибудь расскажу про все сложности, это отдельная и долгая история, а пока пилю дальше.

Доброй ночи!

#цифронавты #сделаноКМ