vuo.layer

These nodes are for working with layers to create composite images.

Layers are a unique data type that are similar to images, but can be combined together as if they were stacked on top of one another. To create a layer, you can use one of the Make Layer nodes. To combine layers into a composite image, you can use one of the Render Layers nodes.

When creating a layer from an image, you can choose whether the node should be rendered at Real Size — with each pixel in the original image drawn as a single pixel in the composite image. A Real-Size layer can be translated but can’t be rotated or scaled. The Make Layer and Make Layer with Shadow nodes create a Real-Size layer, while the Make Scaled Layer and Make Scaled Layer with Shadow nodes do not.

In Vuo coordinates, (0,0) is the center of the composite image. The composite image has a width of 2, with x-coordinate -1 on the left edge and 1 on the right edge. The composite image’s height is determined by its aspect ratio, with the y-coordinate increasing from bottom to top.

Example compositions:

• Align Layers To Window: Renders two layers and aligns them to the edge of the window.
• Assemble Jigsaw Puzzle: Displays puzzle pieces that you can drag with the mouse.
• Change Grid Spacing: Arranges layers in a grid, with the spacing between layers controlled by mouse movements.
• Change Layer Blend Mode: Cycles through the different available GL Blend modes, and applies them each to the foreground layer.
• Compare Layer Gradients: Displays a linear gradient and a radial gradient. When the mouse moves upward, the start and end point of the linear gradient get farther apart, and the radius of the radial gradient gets larger.
• Display Images On Layers: Displays two images using layers.
• Draw Layers With Trails: Uses image feedback to draw a moving layer that leaves trails.
• Is Mouse Within Layer: Changes a layer's color when you hover the mouse over it.
• Rotate Gears: Displays interactive gears using layers.

Nodes:

• Align Layer to Window (vuo.layer.align.window): Aligns the layer with an edge or corner of a window.
• Arrange Layers in Grid (vuo.layer.arrange.grid): Moves layers so that they are evenly arranged in a grid.
• Change Layer Blending (vuo.layer.blendMode): Applies a different image compositing style to the layer.
• Combine Layers with Transform (vuo.layer.combine): Groups multiple layers together and applies a transformation to the group.
• Combine Layers (vuo.layer.combine.center): Groups multiple layers together and applies a transformation to the group.
• Copy Layer with Transforms (vuo.layer.copy): Creates multiple layers consisting of transformed copies of an original.
• Copy Layer (vuo.layer.copy.trs): Creates multiple layers consisting of transformed copies of an original.
• Receive Mouse Drags on Layer (vuo.layer.drag): Fires events when the mouse tries to drag a layer.
• Make Scaled Layer (vuo.layer.make): Creates a layer that can be combined with other layers to create a composite image.
• Make Color Layer (vuo.layer.make.color): Creates a solid-color layer that can be combined with other layers to create a composite image.
• Make Linear Gradient Layer (vuo.layer.make.gradient.linear): Creates a gradient that transitions smoothly between the given colors along a straight line.
• Make Radial Gradient Layer (vuo.layer.make.gradient.radial): Creates a circular gradient that transitions smoothly between the given colors.
• Make Layer (vuo.layer.make.realSize): Creates a layer that can be combined with other layers to create a composite image.
• Make Layer with Shadow (vuo.layer.make.realSize.shadow): Creates a layer that can be combined with other layers to create a composite image.
• Make Scaled Layer with Shadow (vuo.layer.make.shadow): Creates a layer that can be combined with other layers to create a composite image.
• Render Layers to Image (vuo.layer.render.image): Creates a composite image.
• Render Layers to Window (vuo.layer.render.window): Displays a window containing a composite image.
• Is Point within Layer (vuo.layer.within): Outputs true if the point is within the given layer.