These nodes are for working with 2D images.
Many of the nodes in this node set are image filters — they take an input image and apply an effect to it to produce an output image. To see a list of the image filter nodes, search the Node Library for “image filter”.
To use an image file within a composition, you can import it with the
Fetch Image node. The node supports files with extension .png, .jpeg, .jpg, .gif, .bmp, .exr, .hdr, .psd, .raw, .cr2, .dng, .dcr, .nef, .raf, .mos, .kdc, .tif, .tiff, and .tga.
In Vuo coordinates, (0,0) is the center of an image. An image has a width of 2, with X-coordinate -1 on the left edge and 1 on the right edge. An image’s height is determined by its aspect ratio, with the Y-coordinate increasing from bottom to top.
To use a 2D image in 3D space, you can use the
Make 3D Object from Image in the
vuo.scene node set.
- Animate Concentric Circles: This composition uses a shadertoy shader to render an effect of moving concentric colored circles on an image.
- Blend Images: Blends two images into a single image. You can experiment with the
Blend Image node's input ports to change how the images are blended.
- Blur Movie: Displays blurred frames in a movie.
- Bulge Checkerboard: Warps a checkerboard image with a bulge distortion that follows the mouse pointer.
- Compare Kaleidoscopes: Shows four different variations of kaleidoscopes.
- Compare Stereo Types: Shows the different ways a pair of images (left and right eyes) can be combined into a single image. Click to change the type.
- Display Image: Displays an image loaded from a file on your computer.
- Enhance Blue: Increases and decreases the brightness of the image's blue tones as the mouse moves up and down.
- Enlarge Movie: Crops and enlarges an area of a movie.
- Find Barcode In Syphon Image: Receives video via Syphon, detects a barcode in it, and displays the result on the screen. Try running this composition while streaming live video from an iPhone camera.
- Flip Movie: Displays flipped frames in a movie.
- Generate Checkerboard Image: Displays a sliding checkerboard.
- Mask Movie By Brightness: Applies a brightness mask to a movie.
- Mask Movie With Star: Applies an image mask to a movie.
- Mirror Movie: Displays mirrored frames in a movie.
- Move Checkerboard Center: Displays a checkerboard image, with the checkerboard's center controlled by mouse movements.
- Move Linear Gradient: Displays a linear gradient image, with the gradient's start point controlled by mouse movements.
- Move Radial Gradient: Displays a radial gradient image, with the gradient's center controlled by mouse movements.
- Offset Colors: Offsets the red, green, and blue channels in an image with simple colors.
- Recolor Movie: Applies new colors to a movie.
- Render Text Image: This composition creates a text image and renders it.
- Ripple Image Gradients: A simple ethereal animation.
- Rotate Movie: Displays rotated frames in a movie.
- Scan Barcodes: Detects barcodes within image files, and displays the information encoded by each one.
- Separate Red Green Blue: Displays an original image and its red, green, and blue channels as separate images.
- Show Color From Image: Samples a color from an image, and shows that color in an enlarged square.
- Simulate Film Projector: Plays a movie, and applies filters to make it look like an old-fashioned film projection.
- Tile Movie: Displays tiled frames in a movie.
- Vignette Movie: Applies a vignette to a movie.
- Warp Image For Fisheye Projection: Warps an spherical image for use in a dome projector.
- Apply Mask (vuo.image.apply.mask): Uses the brightness and opacity of colors in a mask image to control the opacity in another image.
- Blend Images (vuo.image.blend): Blends two images into a single image.
- Blur Image (vuo.image.blur): Distorts the image with a blur effect.
- Bulge Image (vuo.image.bulge): Distorts the image by making part of it appear to move outward or inward.
- Adjust Image Colors (vuo.image.color.adjust): Alters an image’s color characteristics.
- Combine Image RGB Channels (vuo.image.color.combine.rgb): Combines red, green, and blue channels into a single image.
- Invert Image Colors (vuo.image.color.invert): Alters an image’s colors by replacing each color with its opposite.
- Map Image Colors (vuo.image.color.map): Alters an image’s colors by mapping the image’s brightness to a color gradient.
- Mask Image by Brightness (vuo.image.color.mask.brightness): Changes the darker colors in the image to transparent.
- Offset Image RGB Channels (vuo.image.color.offset.rgb): Distorts the image with a color-shifting effect.
- Split Image RGB Channels (vuo.image.color.split.rgb): Splits the image into its red, green, and blue channels.
- Combine 3D Stereo Images (vuo.image.combine.stereo) [Pro node]: Merges two images — the left and right eyes — into a single image.
- Crop Image (vuo.image.crop): Outputs only a rectangular part of an image.
- Crop Image Pixels (vuo.image.crop.pixels): Outputs only a rectangular part of an image.
- Fetch Image (vuo.image.fetch): Loads or downloads an image from a URL.
- Fetch List of Images (vuo.image.fetch.list): Loads or downloads images from a set of URLs.
- Find Barcode in Image (vuo.image.findBarcode): Tries to find and decode a barcode in an image.
- Flip Image Horizontally (vuo.image.flip.horizontal): Horizontally mirrors an image.
- Flip Image Vertically (vuo.image.flip.vertical): Vertically mirrors an image.
- Get Image Size (vuo.image.get.size): Gives the image’s dimensions in pixels.
- Make Kaleidoscope Image (vuo.image.kaleidoscope): Applies a radial reflection effect to an image.
- Make Checkerboard Image (vuo.image.make.checkerboard): Creates a checkerboard image.
- Make Color Image (vuo.image.make.color): Creates a solid-color image.
- Make Linear Gradient Image (vuo.image.make.gradient.linear): Creates a gradient that transitions smoothly between the given colors along a straight line.
- Make Radial Gradient Image (vuo.image.make.gradient.radial): Creates a circular gradient that transitions smoothly between the given colors.
- Make Image with Shadertoy (vuo.image.make.shadertoy): Creates an image from GLSL source code.
- Make Text Image (vuo.image.make.text): Renders an image containing the specified text.
- Mirror Image (vuo.image.mirror): Reflects one half or one quarter of an image.
- Pixellate Image (vuo.image.pixellate): Distorts the image by displaying it at lower resolution, so that it has fewer and larger pixels.
- Warp Image with Projection Mesh (vuo.image.project.dome) [Pro node]: Stretches an image across a mesh imported from a mesh data file.
- Render Image to Window (vuo.image.render.window): Displays a window containing an image.
- Resize Image (vuo.image.resize): Changes the dimensions of an image.
- Resize Image if Larger (vuo.image.resize.larger): Changes the dimensions of an image if this would make the image smaller.
- Ripple Image (vuo.image.ripple): Distorts the image with a wave or ripple effect.
- Rotate Image (vuo.image.rotate): Rotates an image about its center point.
- Sample Color from Image (vuo.image.sample.color): Retrieves the color of part of an image.
- Save Image (vuo.image.save): Save an image to a file.
- Tile Image (vuo.image.tile): Repeats an image by tiling it in a grid.
- Twirl Image (vuo.image.twirl): Distorts the image by twirling it around a point.
- Vignette Image (vuo.image.vignette): Tints the image around the edges.
- Change Wrap Mode (vuo.image.wrapMode): Changes the way that areas outside the image are rendered by other nodes.