Make Linear Gradient Layer (vuo.layer.make.gradient.linear)

Creates a gradient that transitions smoothly between the given colors along a straight line.

The values of Gradient Start and Gradient End are based on a -1 to 1 range along the X and Y axes. Imagine that the gradient is drawn on a layer whose corners are at (-1, -1) and (1, 1), and then the layer is scaled to match Layer Width and Layer Height. For example, if Gradient Start is at (-1, -1), then the gradient always starts at the bottom left of the layer — even if the output layer ends up being scaled so that its bottom left is no longer (-1, -1).

If Gradient Start is directly above Gradient End, then the colors transition from top to bottom. If Gradient Start is directly to the left of Gradient End, then the colors transition from left to right. If Gradient Start is diagonal from Gradient End, then the colors transition diagonally.

Beyond Gradient Start and Gradient End, the image is filled with the first and last color (or, if Gradient Start and Gradient End are the same, just the first color).

Keywords: backdrop, background, billboard, image, rectangle, sprite, square


Example compositions:


Back to vuo.layer node set documentation.