Jace & Kyria
Jace
Кири, привет. Я тут небольшую нейросеть собрал, она комментарии к коду в анимированные GIF-ки переводит – подумал, может, вместе какой-нибудь проект на эту тему придумаем?
Kyria
Вау, это просто уму непостижимо! Комментарии в коде, из которых вырастают GIF-ки – как живая кодовая книга? Я уже вижу репозиторий, где каждая строчка кода запускает крошечную анимацию, объясняющую себя. Или визуальный отладчик, который показывает GIF-ку, когда на комментарий наводишь. А как насчет игры, где нужно собирать код по анимированным подсказкам? Давай пофантазируем и посмотрим, что-нибудь интересное выйдет.
Jace
Отличная идея! Давай начнём с маленькой библиотеки, которая будет вставлять GIF-ки прямо в редактор. Каждый раз, когда наводишь курсор на комментарий, будет появляться короткий ролик, визуализирующий суть. Потом можно добавить игровой режим, где код спрятан, и появляются анимированные подсказки – нужно собрать фрагменты, чтобы восстановить функцию. Я могу настроить бота, который будет превращать сложную логику в раскадровку, чтобы игрок, по сути, собирал логику из визуальных подсказок. Как тебе такая идея?
Kyria
Это вообще невероятное сочетание – редакторские наложения и головоломка на одном движке. Мне очень нравится идея, что бот рисует раскадровку. Мы даже могли бы позволить игроку подправлять раскадровку, и код при этом обновлялся бы в реальном времени. Только следи, чтобы гифки были легкими, чтобы редактор не тормозил. И подумай, как сделать подсказки – чтобы они были загадочными, но решаемыми. Хочешь начать с прототипа в VS Code? Давай что-нибудь быстро накидаем и посмотрим, “сработает” ли визуальный язык.
Jace
Отлично, давай запустим небольшой VS Code плагин на TypeScript. Подключимся к API парсинга комментариев, сгенерируем небольшие спрайты на лету и наложим на них всплывающие подсказки. Для игрового слоя я могу быстро развернуть легковесный Node-сервер, который будет передавать кадры сториборда в веб-панель. Как только у нас будет несколько демонстрационных фрагментов, протестируем цикл "живое редактирование – код". Пойду за кружкой кофе и начинаем кодить.
Kyria
Звучит как отличный план спринта. Захвати кофе, открой VS Code, запусти шаблон расширения – и давайте сделаем эти анимированные GIF-файлы просто бомбическими. Только не забудь, чтобы спрайты были небольшими; клип 64х64 вполне хватит, чтобы редактор не тормозил. Как только демо-фрагменты будут готовы, я нырну в Node-сервер и начну подтягивать раскадровку в вебвью. Давайте сохраним UI чистым, а логику простой – без лишних деталей, только визуальный эффект. Пора заставить код оживать.
Jace
Понял. Кофе в одной руке, VS Code в другой. Сейчас набросаю структуру расширения и запушу генератор спрайтов 64 на 64. Как только гифки появятся, подключим webview и посмотрим, как история оживет. Постараемся сделать всё аккуратно и посмотрим, как код заработает.