2.2. Create a composition

Let’s make a simple composition. It will just pop up a window with the text Hello World!

  1. By default, the Vuo Editor displays a Welcome to Vuo window when it is first opened. Either click the Create a new composition button in that window or go to File > New Composition.

  2. A composition window will appear. The Node Library will be on the left, and a canvas with a Fire on Start node will be on the right. The Fire on Start node is already on the canvas. Many compositions use a Fire on Start node, and it helps to remind you that Vuo uses events (such as the event that is fired out of the Started port) to make things happen in a Vuo composition.

  3. In the Node Library, find the Make Text Image node. You can do this by typing part of the node title (such as text) into the search bar at the top of the Node Library. Drag the node onto the canvas. You can see that Hello World! is written in next to the Text input port. The font and size are written next to the Font input port.

  4. Double-click on the port (circle) next to the Font input port. This pops up an input editor. Change the font size to 96 by either typing it in, or using the font size slider. Click on OK when you’re done.

  5. In the Node Library, now find the Render Image to Window node. As before, you can do this by typing part of the node title (such as render image) into the search bar at the top of the Node Library. Drag the node onto the canvas.

  6. Draw a cable from the Started port of the Fire on Start node to the Text port of the Make Text Image node. You can do this by pressing the mouse button while over the Started port, dragging the cable that appears, and releasing the mouse button while over the Text port.

  7. Now draw a cable from the output port on the right side of the Make Text Image to the Image port of the Render Image to Window.