Параллакс на сайте герой из одного атласа Субагент Paralaximus режет 2K-атлас на слои и собирает скролл-сцену. Не обои и не After Effects.

Попробовать на GitHub Узнать больше на курсе Клуб · 5 800 ₽/мес
Paralaximus: атлас 2 на 2 режется на слои фон, даль, близко и герой

Параллакс эффект на сайте, не в ролике

По Wordstat ищут «эффект параллакса» и «как сделать параллакс эффект». Большая часть — заставки, iPhone и After Effects. Этот репозиторий закрывает другое: слойный hero в браузере.

Источник

Один атлас

Одна 2K-картинка 16:9. Четыре клетки: фон, даль, ближний план, объект.

Слои

Вырезка

Скрипт режет сетку. Overlay без фона — через MCP, не «домашний» knn.

Движение

Скролл

Мышь и прокрутка. Заголовок может жить за героем, как в журнальной 3D-вёрстке.

Как идёт сборка

Вызываете /paralaximus в Cursor. Агент пишет композицию, генерирует атлас, режет слои и кладёт локальный прототип.

Шаг 1

Атлас

Один промпт gpt-image-2. Не четыре разных генерации — иначе свет разъедется.

Шаг 2

Слои

prepare_layers.py: background, far, near, mug. Передний план обрамляет край, не закрывает лицо.

Шаг 3

Сцена

boilerplate: HTML, CSS, JS. Курс — если нужен весь завод, не один hero.

Старт

Агент

git clone https://github.com/Horosheff/paralaximus-agent.git
# скопировать .cursor/agents/paralaximus.md
# /paralaximus Create a parallax hero…
Скачать с GitHub Вопросы в Telegram

Для кого этот репозиторий

  • Дизайнерам лендинга, кому нужен живой hero, а не урок After Effects.
  • Командам в Cursor с MCP картинок: один атлас, предсказуемые слои.
  • Тем, кто уже собрал Teya или AURA и хочет глубину на первом экране.

Узнать больше и научиться работать с такими продуктами

Агент собирает параллакс. В клубе собирают завод: семантика, Дзен, Shorts, сайт. Автор — Артур Хорошев.

Перейти на курс

1700+ прошли курс. 181 занятие. Клуб — 5 800 ₽ в месяц.

Курс: mayai.ru

Вопросы по Paralaximus

Что делает Paralaximus?

Субагент Cursor собирает hero с параллаксом: одна 2K-картинка-атлас, нарезка на слои, вырезка фона и сцена, которая едет от скролла и мыши. Лицензия MIT.

Это обои, After Effects или фирма «Параллакс»?

Нет. «Эффект параллакса» в поиске часто про заставки, iPhone и ролик в AE. Здесь — блок для сайта в браузере, не видеомонтаж и не юрлицо.

Почему один атлас, а не четыре картинки?

Один промпт держит свет и стиль. Сетка 2×2: фон, даль, ближний план, герой. Слои режутся скриптом, не генерируются по отдельности.

Как попробовать?

Скопируйте агента из github.com/Horosheff/paralaximus-agent в .cursor/agents, поставьте pip-зависимости и вызовите /paralaximus. Нужны MCP gpt-image-2 и вырезка фона.

Где научиться таким сценам и вайбкодингу?

В клубе «Контент-завод»: Cursor, лендинги и публикация. Курс — mayai.ru.

Открыть Paralaximus на GitHub
Научиться на курсе AURA — дизайн по референсу