table-cells-largeGrid

Creates a grid layout with configurable rows, columns, and spacing. Can be used as a standalone visual grid or as an instancing source to distribute shapes across grid positions. Automatically switches between CPU and GPU rendering for optimal performance.

Property name
Description
Compatible datatype

rows

Number of rows

number

columns

Number of columns

number

spacingX

Horizontal spacing

number

spacingY

Vertical spacing

number

x

Horizontal position

number

y

Vertical position

number

rot

Grid rotation

number

color

Grid line color

color

strokeWidth

Grid line width

number

origin

Center point of the shape. Defaults to (0, 0). Changing it moves the shape’s pivot without affecting its x and y position.

point

zindex

Controls which element appears on top when elements overlap; higher values sit above lower ones.

number

instance

Instancing target

figure

instanceIndex

Displays the instance with the given index number

number

instanceMatrix

Select multiple instances by comma-separated indices, e.g. 5, 10, 3, 16

text

circle-info
  • The strokeWidth property is available when a Color node is connected to the outline

  • The zindex increases automatically, unless there's a connection to it.

  • The instanceIndex and instanceMatrix properties are available when a Source node is connected as an instancing target. Instancing index and matrix values cycles back when the provided value exceeds the available number of instances.

Example Projects

Synthetic Aetherinarrow-up-right In this simple graph, some of the Grid nodes properties are driven by a couple of Wave nodes, creating this hypnotic visual.

Tesser Polyraarrow-up-right Using a Grid node with a single column and a few rows.

Quantum Synthtronarrow-up-right

Instancing Sardinsarrow-up-right The last two examples demonstrates how the Grid node is capable of working in nested instancing scenarios. For example in "Instancing Sardins", an instancing group of 12 circle instances (Circle arrow-right Triangle arrow-right Square), is instantiated for each grid vertex, creating a swarm of digital sardins). Each group carries a set of effects (Chromatic and Trail). This is a 14 by 14 grid, therefore 14 x 14 x 12 = 2352 instances are processed on each frame!

Last updated