Да. Почти всё, что было изначально создано в мокапе, теперь полностью реализовано во #flutter в виде веб-страницы:
Я, честно говоря, удивлён, что у меня вообще получилось это сделать, да ещё и за каких-то две недели: знания о фреймворке я получал 2,5 года назад, проходя онлайн-курс, который не окончил. Поэтому бóльшую часть навыков приходилось восстанавливать либо приобретать. Плюс, решения в мокапе были довольно разнообразные и зачастую приходилось по нескольку раз переделывать одни и те же элементы, чтобы получить хоть какую-то универсальность и управляемость в коде.
Конечно, не всегда это получалось. Одних шрифтов пришлось прикручивать аж 10 (десять!) видов. А значит, выкачивать, прикладывать, причём только те стили, которые применялись в коде, следить за их подгрузкой в рантайме. Для картинок пришлось изучить целый приём по их предварительному кэшированию, иначе во время перехода с экрана на экран были заметны моргания (а на телефоне так и вообще позорные пустоты на несколько секунд). К слову, на iPad проблема всё ещё сохраняется, нужно копать дальше.
Дальше в планах:
- Вывод на маленьких экранах. Как уже упоминал, эта достаточно сложная задача, скорее всего, приведёт к изменению того, как выводятся элементы страниц;
- Перевод на английский. Задача, связанная с предыдущей, потому как я не планирую переводить, собственно, сам «графический» текст (текст на аннотациях, записках, обложке и т.п.), а хочу сделать просто блок описания, вызываемый и скрываемый по клику/тапу — как это сделано для описания фотографий, но уже для целой страницы;
- Хочу переделать фотографии. Не то, чтобы нынешние версии плохи — просто появился доступ к более качественной нейросейти: StableDiffusion в Blender:
- Была идея сделать некое подобие везде доступного оглавления, чтобы быстро переходить по страницам — сейчас неудобно добираться, например, от страницы с фото 8B на страницу с картой, приходится очень много свайпать;
- Нужно подумать, как сообщить пользователю о доступных жестах: клик/тап для вызова описания у картинок, перетаскивание/свайп влево-вправо для перехода на следующую страницу. Просто инструкция перед началом? Мигающие картинки с демонстрациями жестов?
Ну и напоследок, демонстрация работы текущей веб-версии:
Всегда актуальная версия кода находится в репозитории GitHub.
Всегда актуальная веб-версия доступна по ссылке.
#interactivefiction #interactive_fiction #интерактивнаялитература #интерактивная_литература #текстовыеигры #текстовые_игры #текстовыеквесты #adventure #приложениеФ