Промпт-пак: сайт со скролл-анимацией — Blender + Seedance 2.5 + Claude Code

Смотреть урок

Собираем сайт, где скролл не листает обычные блоки, а управляет одним непрерывным видео: камера проходит через 4 сцены, а каждая из них становится отдельной секцией.

Что внутри:
🔹 промпт для greybox и вертикальной орбиты камеры в Blender
🔹 4 готовых промпта для референсных сцен
🔹 полный video-to-video промпт для Seedance 2.5
🔹 основной промпт для Claude Code со scroll-логикой, анимациями и дизайном сайта

💡 Ключевая идея: Blender задаёт камеру и тайминг, Seedance меняет только визуальный мир, а Claude Code превращает готовое видео в интерактивный сайт.

Промпт-пак: сайт со скролл-анимацией — Blender + Seedance 2.5 + Claude Code

СКАЧАТЬ РЕФЕРЕНС

Это полный набор промптов и пошаговый разбор создания сайта на примере POLLEN — сайта модельного агентства, где одно непрерывное видео управляет всей страницей.

Камера движется по плоской вертикальной орбите: поднимается вверх и проходит над каждым героем, затем ныряет под землю и появляется уже в совершенно новой локации.

Всего — 4 сцены и 3 перехода. Каждая сцена становится отдельной hero-секцией, которая появляется по мере прокрутки страницы.

Инструменты

  • Blender через Higgsfield Bridge — greybox-блокинг, который задаёт все движения камеры.
  • Higgsfield / Seedance 2.5 — video-to-video этап, который превращает greybox в финальное видео.
  • Higgsfield Image Generation — создание референсных изображений для локаций и стилистики.
  • Claude Code — сборка всего сайта и scroll-анимации.

Шрифты

Бесплатные Google Fonts:

  • Cormorant — wordmark, eyebrow-заголовки и основной текст;
  • Montserrat — навигация и кнопки.

Главное правило

Самое важное: greybox-блокинг — единственный источник истины для камеры и тайминга.
Seedance не придумывает движение камеры, а только меняет визуальный мир, через который она уже движется.
Если правильно настроить орбиту в Blender, всё остальное складывается дальше. Если ошибиться здесь, никакие последующие промпты это не исправят.


Часть 1. Движение камеры

Вся сцена строится вокруг одного движения — плоской вертикальной орбиты.
Камера вращается вокруг героя не по горизонтали, а в одной вертикальной плоскости: поднимается вверх, проходит прямо над ним, продолжает движение по дальней стороне и затем ныряет под землю.

В нижней точке дуги камера полностью оказывается под поверхностью. Именно этот короткий тёмный проход используется для перехода из одной локации в другую.

Важно правильно называть это движение, потому что большинство инструментов по слову orbit по умолчанию понимают горизонтальное вращение.
Поэтому используем формулировку:
planar vertical orbit
или описываем её полностью:
360-градусная орбита в одной вертикальной плоскости,…

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ