Автор из X выложил исходники атмосферного сайта: прокрутка ведёт зрителя через ночной храм в Киото, а браузер в реальном времени рисует один непрерывный 3D-мир — вместо тяжёлого фонового видео.
Как это устроено: обычный текст, меню и главы остаются в HTML, за ними закреплён один 3D-холст на Three.js; прокрутка двигает виртуальную камеру между заранее поставленными кадрами; свет, туман, дождь, луна и листья меняются вместе с главами. Весь HTML, CSS и логика занимают около 951 КБ (примерно 301 КБ после gzip), изображения добавляют ещё около 2,7 МБ — никакого фреймворка и сборщика, почти весь проект в одном index.html.
Автор превратил удачные решения в библиотеку skills для ИИ-агентов — сейчас в ней 124 инструкции, но для похожего сайта достаточно трёх: build-threejs-scroll-worlds, falling-leaves и pointer-trail-emitter. Повторить можно без знания фронтенда: npx —yes skills add MengTo/skills, затем промпт «сайт как путешествие из пяти глав через один непрерывный 3D-мир».
Полная версия (видео): https://clck.su/IukEE
ВКонтакте
MAX