TOUCHDESIGNER / REAL-TIME AUDIO VISUALISATION

蜕变

2025–26 / 创意编程/实时视听交互

蜕变

Metamorphosis

TouchDesigner 实时声音可视化交互

以蝴蝶形骨骸模型为视觉核心,将三维几何重构为不断生成、扰动与回流的粒子。声音经分析、放大和平滑后,驱动粒子湍动与模型缩放;液态背景、反馈与辉光共同建立有机的视听关系,让形态随声音强弱不断蜕变。

我的职责
模型处理、节点编程、声音映射与视觉合成
完成阶段
几何建模、粒子生成、声音响应与实时输出

01

声音与形态的蜕变

让声音成为形态生长、扰动与回流的力量。

项目以蝴蝶形骨骸模型为起点,通过 SOP-to-POP 工作流将实体几何转为粒子场。粒子不只沿着模型表面存在,还会受到噪声、反馈与声音强度的共同影响,在辨识度清晰的形态与扩散的碎片之间变化。

  • SOP → POP

    几何转为粒子

    导入蝴蝶模型,采样、发射并建立粒子反馈循环。

  • CHOP

    声音成为控制信号

    实时输入经 RMS 分析、增益与滤波后驱动形态。

  • TOP / COMP

    建立视听层次

    位移、反馈、辉光与合成叠加模型和液态背景。

原始 TouchDesigner 输出视觉

02

TouchDesigner 节点网络

节点网络分为模型导入、粒子生成、声音控制、基础模型渲染、粒子叠加、背景几何和图像扰动七个部分。声音分支与视觉分支共享控制信号,让扰动、缩放与辉光在同一节奏下变化。

完整保留原排版中的网络分析图;点击可放大查看节点关系。
Audio Device In→Analyze / RMS→Math→Filter→Noise / Scale

源工程通过 Audio Device In 读取实时声音,Analyze 提取 RMS 能量,Math 设置 5 倍增益,Filter 以 0.22 的宽度平滑信号。处理后的音量控制 Noise POP 的振幅,并通过 1 + abs(audio) 改变模型尺度。背景的 Noise CHOP 则单独驱动 Displace TOP,形成持续的液态波动。

03

体验声音交互

选择一种声音输入,观察蝴蝶模型的缩放、粒子扰动和背景波动如何共同响应。可直接体验节奏,也可启用麦克风或上传本地音频;声音越强,形态的扩散与辉光越明显。

METAMORPHOSISLIVE AUDIO / PARTICLES
声音强度0.00

拖动改变视角 · 麦克风与音频仅在本机处理

进入画面后载入
Analyze

提取音量能量

RMS
Math

放大控制范围

gain = 5
Filter

让变化连续平滑

width = 0.22
Noise POP

扰动粒子位置

amp = audio
Transform

让模型随声音呼吸

scale = 1 + abs(audio)

网页体验使用原始蝴蝶模型和液态背景,重建工程中的声音映射、粒子扰动与辉光关系。下方影像展示 TouchDesigner 原工程的实际输出。

04

从模型到视听系统

从基础模型导入开始,先建立粒子生成与反馈,再合成基础模型和粒子层,加入液态背景,最后完成整体视听合成。模型轮廓保持稳定,粒子层提供声音驱动的变化,背景则扩展空间深度。

五阶段:模型导入 → 粒子效果 → 模型合成 → 液态背景 → 整体合成

05

实时效果与动态演示

实时画面在稳定、轻微扰动与大范围扩散之间变化。反馈累积运动痕迹,Bloom 强化局部辉光,Composite 将粒子层、模型层和背景连接成整体。

保留原作中八幅动态状态的完整组合。

将声音、几何与影像连接成实时系统

通过 SOP、POP、CHOP、TOP 与 COMP 的协同,把声音信号转为连续的视觉行为。这个项目呈现三维模型处理、节点式创意编程、实时声音分析和视听合成的能力。

TouchDesigner / SOP / POP / CHOP / TOP / COMP