Projection Mapping Node

iason's picture

A simple keystone / projection mapping node. Options:

  • change between perspective and orthographic projection
  • soften / smooth / blur edges

In quartz composer I use a GLSL shader from Thomas Pachoud which works quite good.

Proposed node

(Mockup by Team Vuo.)

The Make Quad Layer node takes an image as input, and maps the image to fill the specified quadrilateral. It can optionally fade the edges to alpha-transparent (the edgeFade port specifies the fade distance). By default it applies perspective-correct mapping, which can be toggled to affine mapping (e.g., basic 4-point quad warping).

Screenshots, Mockups, and Videos: 

Make Quad Layer node


Notes from Team Vuo

Vuo Pro: 

No — available with both Vuo and Vuo Pro licenses


●○○○ — Up to a few days of work


●●○ — Could expand community

Implemented in Vuo version: 

Using Gradient Noise

Vuo Tutorial — Gradient Noise

An introduction to gradient noise, and how to create a simple Vuo composition to simulate natural-looking 2-dimensional motion


Hi, I'm Alane, and I'm one of Vuo's programmers. I want to explain how to use Vuo's gradient noise nodes in a composition and various applications of gradient noise.

Gradient noise is a type of noise that looks smooth and natural, like this. In Vuo, you might want to use gradient noise to make a realistic texture or terrain, create a sound, or display an object that moves along a natural-looking path, which is what we will do in this tutorial.


Subscribe to RSS - Layer