Три шага, три промпта. Никакого трёхмерного движка — только кадры видео, привязанные к позиции прокрутки.
Открыть готовый сайт и покрутитьГенерим стартовый кадр. Дальше он же станет первым кадром пролёта.
Wide establishing shot at golden hour: an open ornate wrought-iron garden gate in the foreground, a straight stone path through a lush flower garden leading away from camera, and at the end of the path a two-storey modern villa with a flat roof, white plaster walls and one large dark-framed panoramic window on the upper floor. Mountains on the horizon, warm low sun behind the house. Architectural photography, ultra realistic.
Отдаём кадр в Seedance 2.0 как стартовый. 🚨 Вторую точку не задаём: если сгенерить её отдельно, дом получится другим — и в клипе будут два разных дома, склеенных встык. Это проверено на своей шкуре.
Drone flies slowly and continuously forward through the open iron gate and along the stone path toward the villa, staying at constant low altitude. Real parallax: the gate posts and the nearest flower beds pass the camera and exit the left and right edges of frame. The camera only moves forward, never backward, never cuts to another location. Single continuous take, same house and same garden from first to last frame, golden hour light constant, no zoom, no scene change.
Раскладываем пролёт на кадры и просим Claude Code собрать страницу.
Собери страницу: блок высотой 300vh, внутри липкий контейнер на весь экран с картинкой. Пролёт разложен на N кадров в папке seq. Номер кадра = доля прокрутки блока. Все кадры предзагрузить и показать заставку до готовности; первый успешный кадр рисовать сразу. Перерисовывать только при смене номера кадра, циклом requestAnimationFrame, а не по событию прокрутки. Поверх — надписи, всплывающие в заданные доли прокрутки.
Адрес без слеша на конце. Открываете /demo/prolet — страница
загрузится, а кадры нет: браузер ищет их на уровень выше. Ставьте абсолютные пути
или редирект на адрес со слешем.
Видео вместо кадров. Первым делом я привязал к прокрутке тег video и перематывал его по времени. При быстрой прокрутке браузер не успевает перерисовывать — картинка стоит на месте. Кадры надёжнее.
Вес. 24 кадра в секунду в JPEG дают больше сотни мегабайт. Берите 12 кадров в секунду, формат WebP и два набора: покрупнее для компьютера, полегче для телефона.
Этого приёма в курсе нет — он из моей рабочей кухни. А в курсе то, без чего такую страницу не собрать: за первый вечер поднимаешь рабочее место и собираешь словами первый сайт.