開始前先欣賞一段表演吧~~

連結在此! THE FINGER FAMILY | Finger Tutting | FINGER CIRCUS | CTUT , JAYFUNK , PNUT , STROBE , NEMESIS , ERA

打造一個 Tutting 模擬器，光靠舞蹈概念還不夠——還需要一套順手、穩定、能即時測試的開發環境，才能把想法快速轉化為可視化成果。
今天，我就來建立這個基礎，打造一個屬於自己的「虛擬舞者實驗室」。

開發流程規劃：

為了讓整體架構不走歪，我在寫程式前，先梳理模擬器的基礎流程。這份流程是從「骨架建構」到「互動模擬」的完整路徑：

[關節資料建構] → [畫面渲染] → [動畫播放控制]  → [動畫儲存 / 載入] → [互動模擬（對話、選擇）]

資料格式：

舞者關節骨架資料結構：

{
  "joints": {
    "head": { "x": 150, "y": 50 },
    "left_shoulder": { "x": 120, "y": 100 },
    "right_shoulder": { "x": 180, "y": 100 },
    "left_hand": { "x": 100, "y": 150 },
    "right_hand": { "x": 200, "y": 150 }
  }

動作資料結構：

{
  "frame": 0,
  "timestamp": 0,
  "joints": {
    "left_hand": { "x": 100, "y": 150 },
    "right_hand": { "x": 200, "y": 150 }
  },
  "easing": "linear",
  "note": "準備姿勢"
}

使用工具清單：

以下是我針對本次 Tutting 模擬器開發，所選用的核心工具與技術。

結論

開發環境就緒，模擬器建設準備開工。

我將透過 ChatGPT 協助，進行「vibe coding」一邊構思、一邊寫碼、一邊測試，把第一個會動的虛擬舞者拼起來！

先來去練一下舞!