← Энциклопедия Fusion
ShapeСредний

sGrid

sGrid / Shape-сетка

sGrid создаёт процедурную Shape-сетку из повторяющихся ячеек по X и Y, которую можно использовать как графический элемент, маску, основу для паттерна или вход для дальнейших Shape-операций.

sGrid1GeneratorShape OutputMaskForegroundBackgroundOutput

sGrid

Обзор

Что делает sGrid

sGrid используется там, где нужна не просто нарисованная растровая сетка, а именно процедурная Shape-структура. Нода создаёт набор повторяющихся ячеек, которые затем можно стилизовать через sChangeStyle, комбинировать через sBoolean, размножать через sDuplicate, деформировать Shape-инструментами или рендерить в изображение через sRender.

Главная идея sGrid — быстро получить регулярный каркас без ручного построения множества линий или прямоугольников. Grid Cells X задаёт количество делений по горизонтали, Grid Cells Y — количество делений по вертикали. X Offset и Y Offset сдвигают структуру сетки внутри области координат, позволяя выровнять паттерн относительно другой графики или анимировать движение сетки.

В отличие от обычной растровой ноды Grid, sGrid лучше подходит для motion graphics, интерфейсной графики, технических overlay, генерации shape-паттернов и процедурных масок. Пока сетка остаётся в Shape-потоке, её можно масштабировать и комбинировать без потери чёткости, а цвет, альфа и прозрачность задаются отдельными стилевыми нодами.

sGrid удобно использовать вместе с sRender. Типовая цепочка выглядит так: sGrid → sChangeStyle → sRender → Merge. В такой схеме sGrid отвечает только за геометрию, sChangeStyle — за внешний вид, а sRender переводит Shape в обычное изображение, которое можно накладывать на видеоряд.

Параметры Offset особенно полезны для анимации. Если медленно менять X Offset или Y Offset, сетка начинает скользить, создавая ощущение технического интерфейса, координатной плоскости, HUD-слоя или движущегося паттерна. При этом количество ячеек можно оставить постоянным, а движение делать только сдвигом.

Для сложных графических схем sGrid можно использовать как основу: затем через sBoolean вырезать области, через sDuplicate добавлять повторяющиеся элементы, через sExpand утолщать форму, а через sChangeStyle управлять цветом и прозрачностью. Такой подход даёт намного больше контроля, чем один статичный растровый слой.

Как это понимать

Представляй sGrid как генератор векторной координатной сетки: он строит регулярные Shape-ячейки по X/Y, а ты дальше отдельно решаешь, как их стилизовать, комбинировать и рендерить.

Где используется

Создать техническую сетку для HUD, инфографики или motion design.
Сделать процедурный shape-паттерн без ручного рисования линий.
Использовать сетку как маску или основу для boolean-комбинаций.
Анимировать движение сетки через X Offset и Y Offset.
Собрать чистый векторный overlay, который потом рендерится через sRender.
Получить основу для модульной графики, тайлов, интерфейсных панелей и координатных разметок.