Oddgrid — генератор Pixel Compositions и пиксельных сеток онлайн

Oddgrid: Pixel Compositions из цветовых блоков и графических меток

Исходное английское обозначение Oddgrid — Pixel compositions. Генератор создаёт pixelated grid artwork: холст разбивается на дискретную сетку, а внутри неё формируются цветовые области, блоки и дополнительные Cell marks. В отличие от обычной случайной мозаики, композиция управляется набором параметров и seed. Это позволяет не просто получить одну картинку, а собирать серии связанных вариантов — например, несколько обложек, фоновых изображений или паттернов с одинаковой логикой, но разными цветами и variation. Look задаёт общий характер распределения элементов. Доступные варианты Patchwork, Bloom, Quilt, Scatter и Drift по-разному организуют цветовые блоки и направление структуры. Grid detail влияет на разрешение внутренней сетки, Zoom меняет масштаб рисунка, Fill — долю активных ячеек. Patchiness и Blockiness позволяют сделать структуру более пятнистой или, наоборот, более собранной в крупные участки. Отдельный слой Cell marks добавляет знаки поверх цветового поля: Dot, Ring, Square, Wedge или пользовательскую SVG-метку. Поэтому Oddgrid можно использовать и как генератор абстрактного фона, и как инструмент для более системной модульной графики. При одинаковом seed и тех же настройках результат воспроизводится, что особенно полезно, если нужно вернуться к конкретной композиции после изменения цвета, фактуры или параметров движения.

Как настроить Oddgrid: Look, Fill, Cell marks и фактуру

Удобнее всего настраивать Oddgrid по слоям. Сначала выберите Look и добейтесь нужной крупности через Grid detail и Zoom. Для плотной композиции увеличивайте Fill, для более свободной оставляйте больше незаполненных ячеек. Затем работайте с Patchiness и Blockiness: первый параметр усиливает ощущение отдельных цветовых островков, второй помогает собирать их в более цельные блоки. После этого подключайте Cell marks. Dot даёт простой точечный ритм, Ring — кольца, Square — геометрические квадраты, Wedge — клиновидные элементы; при необходимости можно использовать собственный SVG. Палитру лучше подбирать уже после того, как структура стала читаемой: так проще оценить, где нужен контраст, а где спокойный фон. Grain и Speckle добавляйте в конце — они отвечают за поверхность и печатную фактуру, но не должны маскировать сам рисунок. Если нужен анимированный вариант, включите движение вручную и протестируйте Flow, Scan, Pulse или Shimmer. Небольшая интенсивность подойдёт для фоновой анимации сайта, более заметное движение — для заставки или digital-постера. Captures удобно использовать для сравнения нескольких удачных кадров, а сохранённый seed позволяет вернуться к выбранной структуре и подготовить альтернативную цветовую версию без повторного поиска варианта. Если Oddgrid используется как фон под текст, проверяйте композицию не только в полном размере, но и в уменьшенном превью: плотные Cell marks и мелкий Speckle могут создавать лишний визуальный шум. Для фирменной серии удобно сохранить один seed, подготовить несколько палитр и менять только Look или Fill в небольших пределах — так изображения остаются родственными, но не выглядят копиями. Для SVG-экспорта особенно полезны простые marks и ограниченная палитра, потому что такой результат легче редактировать после генерации.

Где использовать результат

• пиксельный фон для сайта, лендинга, презентации или приложения
• модульный паттерн для брендинга, упаковки и социальных сетей
• обложка, постер или digital-композиция из цветовых блоков
• векторная заготовка с Dot, Ring, Square, Wedge или своей SVG-меткой
• зацикленная анимация для экранов, видео и фоновых сцен
• серия Pixel compositions с общей структурой и разными seed или палитрами

Экспорт Oddgrid в PNG, SVG, Animated SVG и видео

Статичный результат Oddgrid можно сохранить как PNG или как векторный SVG. PNG удобен для публикации на сайте, в социальных сетях и презентациях, а SVG сохраняет геометрическую структуру и подходит для масштабирования или дальнейшей доработки в редакторе. При включённом движении доступен Animated SVG, а также запись видео при поддержке MediaRecorder и подходящего кодека браузером. Размер экспорта задаётся отдельно от размера предпросмотра, поэтому генератор можно держать компактным на странице, а финальный файл сохранить крупнее. Пользовательская SVG-метка используется локально в браузере. Seed и параметры можно сохранить отдельно от изображения, чтобы позже открыть тот же вариант и изменить только палитру, Cell marks или движение. В галерею PlayLab отправляется только готовый статичный кадр после явного подтверждения пользователя.