Touching Typography - Case 2: Cache Grid

In this tutorial series we are exploring certain ways of animating text using Touchdesigner. Where our multiple tutorial series 'Kinetic Typography' focuses on building an actual text tool for iterating typographic animations quickly, this series is more focused on examples from the field. Unfortunately, a lot of these typographic animations are pre baked. We're rebuilding the animation in Touchdesigner and will add a real-time element to it.
This second case is looking at what we would like to call 'cashing grid'. It uses the cacheTOP to give the subanimations a slight delay, which gives the overall animation a nice 'swing'.
We're going to use the cache technique a lot with the cacheTOP and cacheSelectTOP and will be sculpting a custom animation with the animationCOMP.
table of contents:
intro 00:00
boxSOP 00:18
render/cam 01:05
adding text 03:40
layoutTOP 06:00
animationCOMP 12:36
cacheTOP 19:35
adjustment sliders 23:44
tweaking delay 30:39
finetuning 33:30
invert color 35:49
outro 36:38
Please like and subscribe to stay up to date!
Instagram: / daily.typo
Facebook: / factory-settings-20434...
Have a look at our Patreon website for more tutorials, the workfiles and several other gadgets and tools! / factorysettings

[@generativen]

awesome tutorial thank you!

[@gnomalab]

great!

[@allanbeckerdesigner]

Good work man! If I wanted to add few seconds between the box flip,
so enitre panel shows one Word for 3 seconds.
I just do that under the animation? Increase the 120 frames to 360, drag the crosshairs in the timeline sertain lenght?

[@FactorySettings]

Thanks! Yes your right, just crank up the range, if you've followed the tutorial, the end of the animation is connected to the range of the sliders. Not sure if I've set the cache size by hand or with an expression connected to the length of the animation, make sure to check that. Good luck!