За год чувак навайбкодил десятки лендингов: под программы МФТИ, для себя, на заказ. В новом разборе разбирает четыре самых жирных примера — Школа Техпреда, конфереция «Точка сборки», курс «ИИ Продакт-менеджмент» и личный проект, где графика разрывает экран особенно зрелищно.

Общая тема у всех — слой дорогой графики: интерактивная вода на WebGL-шейдере, 3D-логотип из тысяч спрайтов, живая башня из кубов и облако частиц, которое морфится вслед за скроллом. Добрались до этой красоты двумя дорогами.

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

Читать разбор со всеми граблями и цепочкой инструментов от дизайн-системы до прода

👉 JS