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:
- TOPs – Derivative Wiki
- Circle TOP – Derivative Wiki
- Rectangle TOP – Derivative Wiki