Tag Archives: tile

Nov 12 2014

Tile TOP tutorial.

The Tile TOP. TouchDesigner 088. 2014.
The Tile TOP is useful for texture mapping, image transformation, and creating kaleidoscopic effects.

1
00:00:00,267 –> 00:00:02,533
Let’s look at the tile TOP.

2
00:00:02,533 –> 00:00:05,833
I’ve set up two example networks
here.

3
00:00:05,833 –> 00:00:11,633
In the first, we’ll examine the
basic tile TOP parameters.

4
00:00:11,633 –> 00:00:14,967
I started this network with a
ramp TOP.

5
00:00:14,967 –> 00:00:23,867
The “Interpolate Notches”
parameter is set to “Step”, so
we can better visualize the
effect of the tile TOP.

6
00:00:23,867 –> 00:00:31,000
We use an add TOP to combine a
horizontal ramp and vertical
ramp.

7
00:00:31,000 –> 00:00:35,933
I’ll reset the tile TOP to its
default parameters settings.

8
00:00:35,933 –> 00:00:44,600
We can middle mouse click on the
operator, then choose “Reset All
Parameters” from the popup menu.

9
00:00:44,600 –> 00:00:53,100
Under the “Tile” tab, I’ll
change some default values to
see the effect of different
tiling settings.

10
00:00:53,100 –> 00:00:54,967

11
00:00:54,967 –> 00:01:02,767
Transpose will “flop” the image,
the bottom right corner will
become the top left.

12
00:01:02,767 –> 00:01:11,433
We can set the tile TOP to
repeat its input either once or
twice in both the X and Y.

13
00:01:11,433 –> 00:01:12,633

14
00:01:12,633 –> 00:01:21,000
The overlap adjustments will
blend the edges back on to it
tile, creating a smooth
interpolation.

15
00:01:21,000 –> 00:01:22,067

16
00:01:22,067 –> 00:01:29,033
In this example we combine two
tiled images to create a
kaleidoscopic effect.

17
00:01:29,033 –> 00:01:34,367
We use a beat CHOP to create a
series of sine waves.

18
00:01:34,367 –> 00:01:40,267
We then apply those animating
values to TOP parameters.

19
00:01:40,267 –> 00:01:46,333
We set the beat CHOP parameter
named “Multiples” to 4.

20
00:01:46,333 –> 00:01:49,933
This generates 4 channels.

21
00:01:49,933 –> 00:01:57,800
Changing the “Period” parameter
will increase or decrease the
animation speed.

22
00:01:57,800 –> 00:02:12,433
We wire the moviein TOP to a
transform TOP, and apply the
value generated by the beat CHOP
channel named “sine1” to the Z
rotation parameter.

23
00:02:12,433 –> 00:02:26,833
The beat CHOP generates of value
range of -1 to 1, so I multiply
that by 180 to create a 360
degree range of rotation.

24
00:02:26,833 –> 00:02:39,233
Using the same method, I apply
the value of the channel named
“sine3” to the “Crop Left”
parameter of the tile TOP named
“tile2”.

25
00:02:39,233 –> 00:02:52,433
You can easily adjust the Python
expressions to create different
animation effects by increasing
or decreasing the value ranges
created by the beat CHOP.

26
00:02:52,433 –> 00:03:00,367
At the end of the network we
combine the two tile TOPs by
using an add TOP.

27
00:03:00,367 –> 00:03:02,367

Posted In
Tagged