+ RAW SPACE · ДИЗАЙН-ЛАБОРАТОРИЯ

3 истории
× 2 стека

Один контент и одни кадры — две реализации. Ванилла: чистый JS, канвас-скраб, chapter-snap, ноль зависимостей. React: Next.js 16 + Framer Motion + Lenis по скилл-паку — плавный скролл Lenis, появления Framer, тот же снап поверх. Механика едина: опыт начинается с первого скролла, один жест — перелёт к следующей главе.

V1 Бетонная коробка
История · процесс стройки

Из бетона — в жизнь

Голые стены: курсор показывает финал. Скролл ведёт через стройку — черновые, отделка, мебель — до жилого интерьера.

Ванилла React
V2 Кухня утром
История · один день

Один день дома

Свет — рассказчик: утро на кухне, вечер в анфиладе, ночь в спальне. Непрерывная цепочка пролётов, свет гаснет по ходу скролла.

Ванилла React
V3 Двор дома в горах
История · путь домой

Дорога домой

Кинопролёт: сад в горах, порог, прихожая, общий стол — и вечер в гостиной. Скролл — это возвращение домой.

Ванилла React
Почему нет третьего стека «по atom_prompts»: этот пак — пять промпт-скиллетов, с которых сайт и начинался. Всё живое из него уже внутри ванильного движка (reveal-маска через radial-gradient — модуль 01; плавный скраб через targetTime + rAF — модули 03–04, у нас тот же паттерн, но по кадрам). Оставшиеся два приёма отвергнуты осознанно: скраб самим <video>.currentTime — источник фризов из раунда 4, а scroll-video с блокировкой ввода (модуль 02) запрещён правилом «только scrub, без локов». Технически нового для проекта в паке нет.