iT邦幫忙

2026 iThome 鐵人賽

DAY 23
0
Vibe Coding

使用 Vibe Coding 開發一套 Tutting 模擬器吧!系列 第 23

📐DAY 23 | 掌指間的微米幾何:使用 Finger Tutting 模式實戰編舞

  • 分享至 

  • xImage
  •  

DAY 22 完成了 30 個掌指關節與 CCD 迭代鏈的建構後,今天 DAY 23 我們要完全放下程式碼,直接進入「實戰編舞」環節!看看如何利用我們剛開發好的 Finger Tutting 模式,編排出一套極致精密、帶有幾何錯覺的手指舞招式。

實戰編舞:4 大步驟打造極致 Finger Tutting Combo

Finger Tutting 的核心在於「極小空間內的高密度幾何變化」。在模擬器中,我們可以利用現有的 UI 與操控工具,依照以下流程進行編舞:

1. 構想初始形狀

  • 設計思路:先以最基本的幾何圖形作為起手式。
  • 操作流程:進入「手指」分頁,點擊雙手食指與大拇指的「根 / 中 / 末」按鈕,將兩手食指與大拇指均折成直角,讓雙手指尖對接,在掌心前扣出一個正方形小框(Finger Box)。
  • 紀錄拍點:按下時間軸「+ 新增拍點」,鎖定第 1 拍起始畫面。
    https://ithelp.ithome.com.tw/upload/images/20260905/201442887ZM88QMjcO.png

2. 使用 FK/IK 編輯手指

  • FK 操控(精準姿勢形變):調用 3D 旋轉環微調指關節角度,創造出多樣的幾何圖案。例如將左手中指與無名指向上打直,讓下方原本的正方形框延伸出齒狀結構。

https://ithelp.ithome.com.tw/upload/images/20260905/20144288eVuLjP70yg.png

  • IK 操控(空間穿透錯覺):開啟手指的青色 Target 目標球拖曳,透過 CCD 迭代鏈讓整根手指依解剖結構自動彎曲,快速直截改變姿勢,省去逐一調整三個關節的繁瑣步驟。
    https://ithelp.ithome.com.tw/upload/images/20260905/20144288vpia1Lh6UM.png

3. 時間軸安排

  • 快照複製與時間軸對齊:在時間軸按下「+ 新增拍點」建立動態序列。將第 1 拍的 Finger Box 快照複製到第 2 拍,接著利用微調完成第二個幾何型態,確保動態轉換準確切在拍點上並選用合適的Easing 提升運動質感。

結語

實際拿 Finger Tutting 模式來編舞後,最大的感受就是「按鈕化面板」與「手指 IK」帶來的效率爆發!過去在 3D 軟體裡逐一調校 30 個指節可能要耗費半小時,現在透過卡片按鈕與 Target 球拖曳,幾分鐘內就能順暢完成一套 8 拍的手指舞動畫。
完成了微觀層面的 Finger Tutting 操作後,模擬器不僅能處理大肢體的關節流動,連極致精密的指尖幾何都能精準掌控!


上一篇
📐DAY 22 | 掌指間的微米幾何:Finger Tutting 模式開發實踐
下一篇
📐DAY 24 | 幾何視覺的模組化!建立手臂姿勢庫與掌指手勢庫
系列文
使用 Vibe Coding 開發一套 Tutting 模擬器吧!25
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言