TouchDesigner Studies | POPs Tutorial: Staggered Loop Animation
Darien Brito
0:00 / 0:00
TouchDesigner Studies | POPs Tutorial: Staggered Loop Animation
670 просмотров · 11 дн. назад
Darien Brito
738 подписчиков
670 просмотров · 11 дн. назад
In this TouchDesigner POPs tutorial I build a seamless loop animation of instanced boxes, each with its own start time.
Support me on Patreon: https://www.patreon.com/darienbrito
Follow me on Instagram: https://www.instagram.com/darien.brito/
Extended component (variations, presets, fully documented network): https://www.patreon.com/darienbrito/posts/...
En español: audio con mi voz (Configuración, Pista de audio) y subtítulos completos (botón CC).
David Braun's TouchDesigner Summit talk "Quantitative Easing" (Montreal 2019), where the Phaser comes from: • Quantitative Easing - David Braun
One clock and three Phaser POPs make the boxes grow, rise and spin in staggered waves, then land exactly where they started, so the loop never jumps. I explain staggered animation and the Phaser POP first, then build the network from scratch:
• Instancing a grid of boxes with POPs
• One clock that drives the whole loop
• Staggered animation with the Phaser POP
• Time windows: grow, rise and spin, one after another
• Closing the loop so it has no seam
• Cubemap textures and an orthographic render
At the end I show the original 2023 network, built with CHOPs before POPs existed, to compare.
TouchDesigner Studies is a series where I go back to some of my sketches and show you the techniques behind them. This one is my sketch for Genuary 2023, Day 1, where the challenge was: Perfect loop / Infinite loop / endless GIFs.
The extended component is in the Networks tier on Patreon, which also includes live study group sessions on Discord, where we go through the networks together.
Built in TouchDesigner 2025.33230 (POPs need a 2025 build).
Chapters:
0:00 Intro
1:47 Staggered animation explained
2:32 Grid POP and polar variables in Math Mix
3:54 Random POPs for jitter, height and texture
5:13 How the Phaser POP works
6:04 One clock with a Speed CHOP
6:36 Three Phaser POPs: grow, lift and fall
7:51 Time windows: why the loop never jumps
9:13 Fraction expressions for each phaser
9:56 Math Mix: scale, lift and rotation
11:23 Instancing the boxes
12:42 Two cubemap textures per box
14:13 Material, orthographic camera and render
15:50 The original 2023 network with CHOPs
16:25 Outro
If you find this useful, you can follow me on Instagram, or support my work on Patreon.
Website: https://darienbrito.com
Patreon: https://www.patreon.com/darienbrito
Instagram: https://www.instagram.com/darien.brito/
GitHub: https://github.com/DarienBrito
#TouchDesigner #POPs #GenerativeArt