TouchDesigner Tutorial: Blob Tracking to Instances & Understanding UV vs Absolute Coordinates
🚀 Learn with Me: Courses, Private Community, Study Groups 👉 https://okamirufu.link/skool
💾 Patreon Project Files, Plugins, Free Stuff 👉 https://okamirufu.link/project_files_...
📌 Summary
Key focus areas include the extraction and application of positional data from the Blob Track operator, along with the conversion of coordinates from normalized UV values to absolute pixel values for proper alignment. The creator demonstrates how to handle various aspect ratios and ensures that the instances remain correctly aligned regardless of the resolution. By applying various operators and settings, viewers learn to create interactive visuals that are responsive to blob movements. Lastly, the tutorial provides insights into managing network parameters and optimizing the overall design process in TouchDesigner.
💎 FREE
Free VJ Pack Collections: https://okamirufu.link/frees_collections
Over 180 FREE Videos: https://okamirufu.link/free_vj_pack_y
🛒 SHOP
Conceptual VJ Packs: https://okamirufu.link/conceptual_vj_...
Project Files : https://okamirufu.link/project_files_...
General: https://okamirufu.link/patreon_shop
🔗 LINKS & TOOLS
AI Voice: https://okamirufu.link/eleven_labs
👋 CONNECT WITH ME
YouTube: https://okamirufu.link/youtube
Patreon: https://okamirufu.link/patreon
Instagram: https://okamirufu.link/instagram
TikTok: https://okamirufu.link/tiktok
Pinterest: https://okamirufu.link/pinterest
👋 OTHER CHANNELS
Okamirufu Spectra: https://okamirufu.link/spectra
Okamirufu Atmos: https://okamirufu.link/atoms
♫ MY MUSIC
Listen here: https://okamirufu.link/my_music
● - - - - - - - - - - - - - - - - - - - - - - - ●
🕒 TIMECODE
00:00 Intro
Introduction to the tutorial: learn how to use the Blob Track TOP in TouchDesigner
to detect movement in any video and convert it into instances or deformations,
using real-time motion data for interactive and visual effects.
01:22 Blob Tracking Basics
Understand how the Blob Track TOP works using a reference frame. We use a
cached static background to isolate moving elements and detect high-contrast
areas. Real-time blob data is extracted for creative use.
02:21 Using Blob Data
Explore the values in the Blob Track DAT: UV coordinates, size, and age.
These are converted to CHOP channels and used to create instances and
labeled text that follow blobs dynamically, forming the basis of visual interaction.
05:53 Aspect Ratio Adjustments
To maintain alignment across resolutions, we apply scaling to account
for aspect ratio. Learn to use Math CHOPs to scale the Y axis and ensure
that instances don't stretch or misalign when switching screen formats.
06:30 UV to Absolute Coordinates
Discover how to convert normalized UV values into absolute pixel coordinates.
This is essential when working with TOPs like Text TOP that require exact
pixel positions to keep visual elements synced with blob motion.
08:30 Visual Effects & Noise
Apply animated noise, feedback loops, and blend modes to stylize the instances.
Techniques include masking blobs with textured noise, using Displace TOP
for distortion, and creating layered dynamic visuals from blob data.
10:30 Network & Main Settings
Wrap up the project with optimized organization. Learn how to finalize the
text instancing, apply materials, and ensure correct alignment. Tips are
provided to save resources and build reusable, clean networks for future use.
● - - - - - - - - - - - - - - - - - - - - - - - ●
I hope you liked this tutorial! If you have any questions, feel free to ask in the comments below.
Subscribe to stay updated on future tutorials
Stay Strong & Make Art 🤍 With Love Okamirufu
#touchdesigner #creativeposter #posterdesign #realtime #generativeart