Demo 07 · 3D Scroll
Скролль вниз. 3D-форма будет менять материал, поворот, цвет и масштаб в такт прогрессу. Без drag, без UI — только скролл.
01 · geometry
Икосаэдр — простейший многогранник, в котором уже читается объём. Его достаточно, чтобы за минуту собрать сцену, которая выглядит дорого.
02 · material
Меняем шероховатость и металличность по скроллу. Объект из матового камня превращается в полированный металл и обратно.
03 · rotation
Каждый этап разворачивает объект под новым углом. Мозг читает это как «нам показывают разные стороны одной идеи».
04 · scale
На финале объект приближается, заполняет кадр и уезжает за рамку. Сайт остаётся пустым — и пользователь готов читать дальше.
spacer
Spacer paragraph that gives the absolute slides a height to size against on the screen for proper centering.
end of demo
Three.js + ScrollTrigger дают то же ощущение, что и Awwwards-сайты, без отдельной команды моушн-дизайнеров.