文章開始前建議先觀賞

丹麥舞者 Mr Steen 的精彩演出，影片中有大量 Tutting 舞蹈 × Easing 緩動效果 的示範應用：

• Tut
• Tut Combination
• Turning Tuts
• Mechanical Wave Tut Separation

這些影片能幫助你更直觀地理解後續文章中 Tutting 舞蹈與 Easing 緩動效果的結合方法。

Tutting 舞蹈與 Easing 的結合

Easing 在 Tutting 中不只是速度變化，而是讓 幾何 與 音樂節奏 同步。結合方式可分為三個層面：

• 幾何造型運動質感

  • 利用 Easing 調整關節、手臂、手指的加速與減速，根據節拍和音樂力度調整。。
  • 範例：手掌在節拍強點慢慢展開（Ease Out），弱拍收回（Ease In），線條像被音樂「拉伸」般活起來。

• 動作連貫與過渡

  • Tutting 中常有幾何圖形轉換，如方形 → 三角形 →線條延伸。
  • 使用 Ease In-Out 或 Elastic 讓關節過渡自然。

• 音樂性強化

  • 針對旋律或音效節點加上 Bounce 或 Overshoot，讓動作像「呼應音符」般生動。
  • 這種方式讓觀眾不只是看角度，而能「看見音樂」。

Tutting 模擬器中的數位化實作構想

在 Tutting 模擬器中，Easing 可以用程式化方式映射到骨架動畫與音樂事件：

• 動作曲線映射

  • 每個關節都有對應的動畫曲線（Linear、Ease In、Ease Out、Elastic…）。
  • 動作播放時，根據曲線計算關節旋轉角度，生成平滑動作。

• 音樂節奏觸發

  • 音樂事件（如強拍、旋律高點、音效）觸發關節動作。
  • 可設定不同 Easing 對應不同音樂元素：強拍 → Ease Out、弱拍 → Ease In、特效音 → Bounce/Elastic。

• 進階動作模式

  • 連續手部路徑動畫：手臂與手指線條可套用混合 Easing，形成「流暢描繪旋律」。
  • 動作堆疊與疊加效果：不同關節可以使用不同 Easing，同時作用，增加層次感。

• GUI 與互動控制

  • 使用滑桿或選單調整每個關節的 Easing 類型與強度。
  • 可即時播放，直觀調整動作節奏與表現力。

//範例：

// Easing function (Ease In-Out Quad)
function easeInOutQuad(t) {
  return t < 0.5 ? 2*t*t : -1 + (4 - 2*t)*t;
}

angle = startAngle + (targetAngle - startAngle) * easeInOutQuad(t);

結論

Easing 不只是「程式裡的動畫函數」，在 Tutting 裡它是把「數學公式」變成「舞蹈語言」的橋樑。

舞者用肌肉控制做到的「緩急感」，模擬器則用數學函數重現。這讓 Tutting 不只是角度的排列，而是「有生命的幾何」。