Skip to main content
Back to plugins
Procedural Nodes

Procedural Nodes

Created byJen
Favorites
2

Screenshots

About this plugin

Procedural Nodes is a node editor for procedural motion. Wire a few nodes together — a grid of points, a wave, some noise, a color ramp — and watch a looping animation build in the live preview. When it looks right, add it to your scene as an ordinary layer with real keyframes.

Start from a preset

30 presets cover loaders, level meters, heart-monitor traces, kinetic type, halftones, confetti, orbits and patterns. Every preset is an editable graph, so you can pull it apart to see how it works.

27 nodes in 8 groups

  • Signals: time, sine, looping noise and per-shape random values

  • Points: grids, rose-curve paths, transforms and warps

  • Patterns: masks, repeating patterns, Voronoi cells and text as a shape

  • Color: multi-stop ramps and adjustments

  • Math: math, remap with easing curves, split, merge and steps

  • Timing: echo trails, stagger and fade windows

  • Scene: read a layer from your scene

  • Draw: dots, polygons and stars, or lines with an optional fill

Use your own layers

Bind a layer from your scene and use its motion, its outline or its silhouette. Turn a logo into halftone dots, run particles along a shape's outline, or have a swarm follow a layer's animated position.

Made for real work

  • The preview runs at your scene's size, frame rate and duration.

  • Add to scene bakes every frame and thins the keyframes. Adding the same graph again replaces the layer it made last time.

  • Select a layer Procedural Nodes made and it offers to open that graph again.

  • Save graphs, or export and import them as JSON.

  • Undo and redo, Randomize, Tidy, and Cmd/Ctrl+F to find any node.

  • Counters show the shape and keyframe totals and warn before a bake gets heavy.

New in version 1.1.0

Procedural Nodes 1.1.0

Work faster on the canvas

  • Right-click menus for the canvas, nodes, selections and wires, with their shortcuts.

  • Drop a wire on empty canvas to add a node that is already wired to it. Drag a wire's end to move it.

  • Ports that can take the wire you are dragging wiggle, so you can see where it fits.

  • Copy, cut and paste nodes (Cmd/Ctrl+C, X, V). F frames the selection.

  • Node search lists matches under the field, each with a one-line description.

Nodes

  • Bypass a node to pass its input through, and collapse it (double-click) to its wired ports.

  • Previews on any node: turn on the eye in a node's header to see its output.

  • Ports show their type (num, xy, col), and 2D values such as center and offset are one row.

  • The time node now also outputs the current frame and seconds.

  • Node headers are tinted by category.

Bigger graphs

  • Grids go up to 100 × 100.

Preview

  • Choose the preview background: transparent, white, dark gray, black or a custom color.