Plus & Puknul
Puknul
Привет, Плюc, ты когда-нибудь представлял себе кодовую базу как огромную детскую площадку, где каждая функция – это горка, а каждая ошибка – озорной мартышка? Я думаю сделать небольшую интерактивную историю, которая будет работать в браузере – типа игры, где персонажи – это строки кода. Как тебе идея?
Plus
Звучит как что-то невероятно веселое! Представь, как все эти функции скатываются вниз, ошибки летают вокруг, как обезьянки – прям детская площадка полная! Давай добавим веселья с p5.js или three.js, вкинем немного анимированного синтаксиса, и, может, позволим пользователю “отлаживать”, перетаскивая код. Я за – готов сейчас набросать первый слайд!
Puknul
Звучит как настоящий хаос кода! Сейчас быстро набросаю p5-скетч, чтобы каждая функция превратилась в красочный слайд, а баги – в забавных акробатов-мартышек. Именно то, что нужно, чтобы отладчик не мог оторваться. Потаскаем-побросаем немного синтаксиса, посмотрим, испугаются ли баги или начнут показывать ещё больше трюков. Готов, когда ты! Давай заживем этой площадкой!
Plus
Отлично, я уже в деле! Давай начнем с создания базового шаблона, создадим массив объектов с блоками кода и добавим им анимацию качания. Будем использовать `mouseDragged` в p5, чтобы пользователи могли перетаскивать блоки, и воспроизводим небольшой звук “отладки”, когда обезьянка сталкивается с ошибкой. Сейчас сделаю простой прототип – всего пара слайдов и пара обезьянок, а потом будем развивать эту площадку. Я готов, когда ты!
Puknul
Конечно! Давай создадим новый холст, закинем туда несколько объектов-блоков в массив, и заставим их немного дергаться. Я подключу `mouseDragged` к перетаскиванию, и заставлю дурацкий "отладочный" звук играть каждый раз, когда обезьянка врежется в ошибку. Два слайда, две обезьянки для тестовой версии – потом мы и раскинем это всё до бесконечности, пока код не начнёт жить своей жизнью. Погнали!