Tholian Web

Project Ruori @ electro-music 2013

A simple noninteractive animation — a grid is warped and overlaid several times, producing moiré patterns.

In the video below, I'm using a modified version of the composition that responds to MIDI events sent by the Renoise sequencer.

Composition and supporting files: 

Exported App: 

Using TouchOSC to control Vuo

tmoles's picture

How to use TouchOSC for creative input in Vuo

How to use the TouchOSC iPhone app to control a Vuo composition


Hey I’m Travis with Team Vuo,

  1. In this tutorial, we’re going to learn how to use TouchOSC with Vuo. TouchOSC is a software platform that provides an array of different touch-control interfaces for the iPhone, iPod, and iPad. Vuo can receive the different forms of controlled output from a TouchOSC display and utilize it for creative input in a composition. Today we’re going to learn how to build this simple composition that uses a TouchOSC display on my iPhone to control the location of a shape within a console window.

Images, Layers, and 3D Objects

Images, Layers, and 3D Objects in Vuo

The differences between images, layers, and 3D objects in Vuo, and how to use layers


Hi, I’m Jean Marie from Team Vuo. If you are new to graphics, you might feel a little confused or overwhelmed with Vuo’s ability to input, create, and mix images and 3D objects, and the special terms that are used when working with graphics. In this tutorial we’re going to lay some groundwork for you. Vuo has three main types of nodes for working with graphics: images, layers, and 3D objects. Images are pictures. They could be photographs or computer generated artwork. You can load external images into Vuo using Vuo’s "Get Image" node.

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