Сайты на чистом вайбкодинге: четыре лендоса, две дороги к «дорогой» графике и лого из тучи спрайтов

За год я наклепал на вайбкоде пару десятков лендингов — под физтеховские программы, свои хотелки и с гонорарами на руках. Разложу четыре штуки: Школа Техпреда, конфу «Точка сборки», курс «ИИ Продакт-менеджмент» (aimipt.ru) и личный лендос, где графика выкручена до предела. Везде навешан слой пафосных визуальных финтифлюшек: вода на WebGL-шейдере с живым светом, 3D-знак Физтеха, собранный из тысяч спрайтов, трёхмерная башня из кубиков, которая дышит, и облако частиц, меняющее форму под скролл.

До этой картинки я топал двумя тропами. «Точку сборки» пульнули вообще без анимационных костылей — ручная работа на голом WebGL. Для остальных трёх сайтов крутится самописный движок поверх Three.js: живёт в отдельных файлах, таскается между проектами и спокойно откатывается в плоский 2D-canvas, если CDN тупит. Внутри статьи — живой код, вся труба от дизайн-токенов до прода и собранные шишки.

Читать далее

👉 Логово Верстальщика