Interactive Text Displacement | TouchDesigner Tutorial

Just a sketch, that I decided to turn into a tutorial, as it covers some topics like replication, displacement, interactivity, basic scripting. So I hope you’ll find something helpful in it.

The stroke that I use to make replicants connection is c.outputConnectors[0].connect(op(‘layout1’)), which means that for each replicant we call a connect method, that makes an automatic connection between the first output of the replicant (Python counting starts from zero, that’s why we use [0]) and an operator with the name ‘layout1’.

Timestamps:
00:00 Intro
00:30 Creating moving strokes
04:20 Adjusting movement and position
09:23 Adding the displace
11:20 Mouse interaction
14:13 Adding color
15:00 Extra adjustments
17:55 Outro

My insta: https://www.instagram.com/anyamaryina