Shapes & Colors

Curriculum Navigator:

If you’re viewing this page from the TouchDesigner curriculum explorer, you can use the buttons below to interact with this topic.

Overview:

In addition to working with input images, we can also create some basic shapes in TOPs. Circle TOP and Rectangle TOP have a number of creative and practical uses. In these examples we’ll look at how to create a spinning indicator, polygonal shapes, vignettes, and buttons with drop shadows.

A Circle TOP can be used in several ways – a circle with or without an outline, an animated shape, a loading icon or a vignette. The circle TOP can produce a variety of shapes that are useful for both UI operations as well as masking and compositing when working with images and video. When using a circle as a polygon you can specify the number of sides, the rotation of the polygon and the softness. 

Similar to circles, the Rectangle TOP is a rasterized shape that has a fill, outline, and background color. It also has a parameter for corner radius to create rounded corners and pill shapes.


References:

Scroll to Top