Гармония освещения
Единый 2K-атлас
Одна сбалансированная генерация с сеткой 2×2: небо и горизонт, средний план, ближние объекты и центральный персонаж создаются с одинаковым светотеневым балансом.
Параллакс эффект на сайте hero из одного 2K-атласа Субагент Paralaximus для Cursor: генерация единого квадро-атласа, автоматическая нарезка слоев, вырезка фона и сборка живой 3D-сцены, реагирующей на скролл и курсор мыши.
Параллакс эффект на сайте без тяжелого видео и костылей
Пользователи часто ищут «параллакс эффект на css и js», но сталкиваются с тем, что рисовать несколько слоев в единой стилистике невероятно сложно и дорого. Paralaximus автоматизирует этот процесс: единый графический квадро-атлас, автоматическая резка и готовый интерактивный скрипт.
Чистая сегментация
Умная нарезка слоев
Скрипт prepare_layers.py автоматически режет атлас на тайлы, вызывает алгоритм удаления фона для накладываемых объектов и готовит оптимизированные прозрачные PNG.
Интерактивный отклик
Глубина и реакция
Легковесный JavaScript плавно смещает слои в зависимости от положения мыши и глубины скролла, создавая эффект объема и погружения с 60 FPS.
Как устроен конвейер Paralaximus
Вызовите команду /paralaximus в Cursor с описанием желаемой атмосферы. Субагент самостоятельно выполнит весь пайплайн генерации и вёрстки.
Шаг 1
Генерация атласа
Агент формулирует точный промпт для MCP-инструмента генерации изображений, создавая единую матрицу из четырех зон с единой цветовой гаммой.
Шаг 2
Подготовка слоев
Скрипт prepare_layers.py нарезает полотно на background, far, near и mug (герой), после чего вырезает фон у передних элементов без артефактов.
Шаг 3
Сборка сцены
Генерируется чистый boilerplate (HTML, CSS, JS), готовый к внедрению в любой лендинг или WordPress-тему. Никаких внешних тяжелых библиотек.
Быстрый старт
Подключение агента в Cursor
git clone https://github.com/Horosheff/paralaximus-agent.git # Разместите файл paralaximus.md в папке .cursor/agents/ # Вызовите в чате: /paralaximus Собери параллакс-сцену для киберпанк-лендинга
Кому необходим Paralaximus
- Веб-разработчикам и дизайнерам, желающим оживить первый экран лендинга кинематографичной глубиной без падения скорости загрузки.
- Инженерам в Cursor, автоматизирующим создание промо-страниц с помощью графических MCP-серверов.
- Авторам проектов, которым требуется WOW-эффект для презентации продуктов, игр или сервисов.
Узнать больше и научиться работать с такими продуктами
Агент собирает параллакс. В клубе собирают завод: семантика, Дзен, Shorts, сайт. Автор — Артур Хорошев.
Перейти на курс1700+ прошли курс. 195 занятий: берёте урок под свою задачу, начать можно с нуля. Клуб — 6 800 ₽ в месяц.
Вопросы по Paralaximus
Как устроен Paralaximus и в чем его уникальность?
Paralaximus — это специализированный субагент для редактора Cursor. Он решает главную проблему веб-параллакса: несогласованность слоев. Вместо четырех разрозненных генераций агент создает единый 2K-атлас (сетка 2×2), где дальний фон, окружение, передний план и персонаж нарисованы с единым источником света и физикой теней, после чего нарезает слои и собирает готовую веб-сцену.
Это видеомонтаж в After Effects или код для браузера?
Это на 100% браузерный интерактивный код (HTML, CSS и оптимизированный JS). Сцена не требует тяжелых видеофайлов, плавно реагирует на движение курсора мыши и вертикальный скролл страницы, сохраняя высокую скорость загрузки сайта.
Почему один атлас работает лучше, чем генерация отдельных PNG?
Если генерировать фон и персонажа отдельными промптами, нейросеть каждый раз меняет угол падения света, цветовую температуру и масштабы деталей. В едином атласе 16:9 все 4 слоя идеально сочетаются по палитре, контрасту и атмосфере.
Что необходимо для локального запуска агента?
Редактор Cursor, файл агента paralaximus.md в папке .cursor/agents, Python-окружение для скрипта нарезки prepare_layers.py и доступ к MCP-серверу для генерации изображений (например, gpt-image-2) и вырезки фона.
Где освоить создание таких сложных интерактивных сцен?
В сообществе «Контент-завод» Артура Хорошева: передовые техники вайбкодинга, нестандартная вёрстка, 3D-сцены и создание собственных агентов под ключ. Сайт программы — mayai.ru, материалы — в Telegram Ковчег.