Tag Archives: beat

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
Nov 12 2014

Constant TOP tutorial.

The Constant TOP. TouchDesigner 088. 2014.
The Constant TOP is a fundamental Texture Operator.

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

2
00:00:02,533 –> 00:00:06,933
The constant top creates a solid
color texture.

3
00:00:06,933 –> 00:00:09,767
I’ll add a new constant TOP.

4
00:00:09,767 –> 00:00:16,667
I press the “C” key to show only
the texture operators that begin
with the letter “C”.

5
00:00:16,667 –> 00:00:21,133
We can click the color parameter
to launch the color swatch
pop-up.

6
00:00:21,133 –> 00:00:22,233

7
00:00:22,233 –> 00:00:27,100
I can move the alpha slider to
adjust the density of the alpha
channel.

8
00:00:27,100 –> 00:00:27,933

9
00:00:27,933 –> 00:00:36,167
Under the Common tab, we can
choose from some standard
rendering resolutions.

10
00:00:36,167 –> 00:00:38,700

11
00:00:38,700 –> 00:00:48,700
In this example, I use a beat
CHOP to adjust the alpha channel
parameter of the constant TOP.

12
00:00:48,700 –> 00:00:50,667

13
00:00:50,667 –> 00:00:55,767
I’ll click the “viewer active”
button on the bottom right of
the operator.

14
00:00:55,767 –> 00:00:59,267
We’ll take a look at the beat
CHOP parameters.

15
00:00:59,267 –> 00:01:00,867

16
00:01:00,867 –> 00:01:08,833
We can adjust the period
parameter to increase or
decrease the beat timing.

17
00:01:08,833 –> 00:01:10,133

18
00:01:10,133 –> 00:01:17,000
Here we have a Python expression
written in the alpha parameter
of the constant TOP.

19
00:01:17,000 –> 00:01:18,267

20
00:01:18,267 –> 00:01:29,900
This expression references the 0
to 1 value created by the beat
CHOP, and applies it to the
alpha channel of the constant
TOP.

21
00:01:29,900 –> 00:01:35,400
Here is a simple technique we
can use in Touch Designer to
create expressions.

22
00:01:35,400 –> 00:01:36,500

23
00:01:36,500 –> 00:01:45,900
We click the “viewer active” tab
of the operator, and drag the
channel name to the parameter
field.

24
00:01:45,900 –> 00:01:46,367

25
00:01:46,367 –> 00:01:53,300
We can quickly create a
reference to that channel with
an editable Python expression.

26
00:01:53,300 –> 00:01:55,433

27
00:01:55,433 –> 00:02:05,600
In this example we use the noise
CHOP to create a random RGB
color value for the constant
TOP.

28
00:02:05,600 –> 00:02:08,100
We have 3 noise CHOPs.

29
00:02:08,100 –> 00:02:19,233
The first is set to generate
animating noise of a value range
of -1 to 1 in a channel named
“r”.

30
00:02:19,233 –> 00:02:28,867
The “me.time.frame” Python
expression references the number
of the current cooking frame for
that operator.

31
00:02:28,867 –> 00:02:36,033
Since that value is always
updating, we can use it to
create a simple animation
engine.

32
00:02:36,033 –> 00:02:40,700
We name channel created by this
noise CHOP “r”.

33
00:02:40,700 –> 00:02:45,067
The second noise CHOP differs in
only two settings.

34
00:02:45,067 –> 00:02:56,167
First, the seed parameter, which
is the basis for the noise
generation, and second, the
channel name, which is “g”.

35
00:02:56,167 –> 00:03:08,800
We can change the channel name
to anything we want, but since
we are referencing this channel
by name in the constant TOP,
we’ll leave the channel named
“g”.

36
00:03:08,800 –> 00:03:09,933

37
00:03:09,933 –> 00:03:19,267
The third noise CHOP, with a
channel name “b” for blue, also
has a discrete noise parameter
setting.

38
00:03:19,267 –> 00:03:21,467

39
00:03:21,467 –> 00:03:33,967
We wire all 3 noise CHOPs to a
math CHOP, and re-range our
incoming values to a range of 0
to 1.

40
00:03:33,967 –> 00:03:43,633
Now, using Python expressions,
we reference the 3 different
values created by the noise
CHOPs by channel name.

41
00:03:43,633 –> 00:03:52,167
We then assign them to the
“colorr”, “colorg”, and “colorb”
parameters of the constant TOP.

42
00:03:52,167 –> 00:03:54,167

Nov 12 2014

Circle TOP tutorial.

The Circle TOP. TouchDesigner 088. 2014.
The Circle TOP generates 2D circles and ellipses. It’s a very flexible Texture Operator.

1
00:00:02,500 –> 00:00:07,700
Here is an example of the circle
TOP.

2
00:00:07,700 –> 00:00:12,767
The circle TOP parameters.

3
00:00:12,767 –> 00:00:19,867
We can adjust by typing in
values.

4
00:00:19,867 –> 00:00:25,267
Here we are adjusting the x
radius value.

5
00:00:25,267 –> 00:00:30,967

6
00:00:30,967 –> 00:00:40,267
We are dynamically changing the
X and Y arc angle parameters.

7
00:00:40,267 –> 00:00:46,633

8
00:00:46,633 –> 00:00:54,467
Using a beat CHOP as the
animation engine,

9
00:00:54,467 –> 00:00:58,533
we create a sine wave.

10
00:00:58,533 –> 00:01:03,967
The range of the sine wave is -1
to 1

11
00:01:03,967 –> 00:01:08,600
and the period, as you can see,
is adjustable.

12
00:01:08,600 –> 00:01:10,967

13
00:01:10,967 –> 00:01:21,333
The output of the beat CHOP is
wired into a math CHOP.

14
00:01:21,333 –> 00:01:33,467
Re-ranging the -1 to 1 input
range to a 0 to 30 output range.

15
00:01:33,467 –> 00:01:46,133
In a second math CHOP we
re-range the output from 0 to
-30.

16
00:01:46,133 –> 00:01:50,533
Now using a python expression,

17
00:01:50,533 –> 00:02:04,100
we pull the value of the math
CHOP and apply it to the arc
angle parameter for the circle.

18
00:02:04,100 –> 00:02:09,600
Here we use a simple Python
expression

19
00:02:09,600 –> 00:02:17,067
to grab the values from the math
CHOP channels.

20
00:02:17,067 –> 00:02:22,300

21
00:02:22,300 –> 00:02:31,800
In this example we can explore
more of the circle TOP
parameters.

22
00:02:31,800 –> 00:02:42,367
By clicking any color parameter
we’ll pull up a pop-up color
swatch selection menu.

23
00:02:42,367 –> 00:02:49,067
We’ve activated the polygonal
drawing mode for this circle
TOP.

24
00:02:49,067 –> 00:02:57,733
As you can see we are
dynamically changing the number
of sides

25
00:02:57,733 –> 00:03:03,900
and dynamically updating the
circles’ rotation.

26
00:03:03,900 –> 00:03:09,500
We start with a wave CHOP and
animate the phase

27
00:03:09,500 –> 00:03:18,167
using a python expression that
references the operators’ time
in seconds.

28
00:03:18,167 –> 00:03:27,767
This creates an animated wave
which we then wire to a limit
CHOP.

29
00:03:27,767 –> 00:03:33,667
We use the limit CHOP to
quantize the incoming values,

30
00:03:33,667 –> 00:03:42,967
effectively notching the smooth
incoming sine wave into a series
of discrete values.

31
00:03:42,967 –> 00:03:44,933

32
00:03:44,933 –> 00:03:54,100
Again we use a python expression
to reference the quantized
values

33
00:03:54,100 –> 00:03:59,767
and apply them to the circle
SOPs number of polygonal sides.

34
00:03:59,767 –> 00:04:02,567

35
00:04:02,567 –> 00:04:11,733
We use a noise CHOP, shown here
with some very basic parameters.

36
00:04:11,733 –> 00:04:20,733
We use a simple Python
expression to create animation
by referencing this operators’
frame count.

37
00:04:20,733 –> 00:04:26,900
We’ve created a simple dynamic
random number generator.

38
00:04:26,900 –> 00:04:29,500

39
00:04:29,500 –> 00:04:40,633
Now we will take the output
generated by the noise CHOP and
apply it to the circle SOPs’
rotation parameter,

40
00:04:40,633 –> 00:04:45,633
again by using a simple Python
expression.

41
00:04:45,633 –> 00:04:47,633