01 / 03
Фонтейн, ночью
Три остановки одним планом: терминал, аркада, крыша оперы.
Конструктор 3D-сайта со скроллом
Конструктор 3D-сайта со скроллом — без Three.js
Опишите место одной фразой — и скролл ведёт настоящую камеру внутрь: сцены генерируются, в каждую есть влёт, стыки не видно. Без Three.js и без GSAP.
Работает на скилле Scroll World Video.
Одна фраза — и страница движется как камера.
Neta Studio генерирует каждую сцену, держит одну цветовую схему на всех и ведёт камеру между ними. Опубликованная страница только скрабит этот материал, поэтому позиция скролла и есть время камеры — а тексты остаются редактируемыми там, где живёт страница.
- Настоящая глубина, не поддельный параллакс — сцена генерируется как кадр, а затем модель вводит в неё камеру. Ничто не имитируется слоями PNG или CSS-трансформацией.
- Стыки, которые не найти — каждый переход выровнен по последнему кадру предыдущего клипа, поэтому полёт читается как один дубль.
- Правки после публикации — заголовок, текст, теги и порядок сцен — обычные поля. Меняйте, публикуйте снова, работа камеры остаётся.
Частые вопросы
Это правда 3D или видео на странице?
Это пререндер. Каждая сцена — сгенерированный кадр, движение камеры — сгенерированный клип, а позиция скролла скрабит этот клип. Глубина и движение настоящие за несколько мегабайт на сцену — но облететь модель или сойти с маршрута нельзя.
Нужны Three.js, GSAP или дизайнер?
Нет. Вы пишете одну фразу. Ни библиотеки, ни таймлайна, ни графа сцены, ни бюджета на съёмку.
Сколько весит первая загрузка?
Три сцены, примерно 23–25 МБ, за полосой прогресса до открытия. Каждая следующая сцена добавляет около 9 МБ к этому ожиданию.
Можно использовать свои фото или бренд?
Да. Передайте их как референсы, и каждая сцена будет произведена от них — реальное место сохранит вид и свет. Для мира, которого ещё нет, хватит фразы.
Что можно изменить потом?
Заголовок, одну строку текста и до трёх тегов на сцену, плюс порядок сцен. Работа камеры остаётся отрендеренной.
Будет работать на телефоне?
Страница открывается и скроллится, с более лёгкими кодировками и центральным кропом. Скрабинг — жест для десктопа; на медленной сети сильнее всего чувствуется первая загрузка.
Чем это отличается от шаблона с анимациями при скролле?
Шаблон анимирует элементы, которые у вас уже есть. Здесь сцена, глубина и путь камеры генерируются, поэтому страница может пролететь через место, которого никогда не было.
Где живёт готовый сайт?
Он публикуется как работа со своей публичной ссылкой. Отправляйте, встраивайте или форкайте и меняйте сцены.
Одна фраза, один полёт.
Три сцены, камера, которая проходит сквозь них, и ссылка, которую можно отправить.
×