iT邦幫忙

2025 iThome 鐵人賽

DAY 25
0

今天分享一位美國舞者FlasHDrive,看看專業舞者如何將Tutting舞蹈使用於Battle場合吧!

連結!


延續Day 24,今天我們將更具體規劃「Tutting模擬器的實際介面結構」,並拆解各區塊的功能吧!

整體介面布局

Tutting模擬器的介面大致分為五大區塊:

  • 虛擬舞者視覺區
    • 主要畫面,顯示虛擬舞者模型與動作。
    • 即時呈現操作效果。
  • 骨架操作區
    • 可點選並拖曳關節。
    • 使用輸入框、拉桿調整關節。
    • 提供 FK/IK 切換,方便不同操作習慣。
  • 時間軸與舞步編輯區
    • 可以新增、刪除或拖曳動作片段。
    • 顯示拍點與小節線,讓舞步與音樂對齊。
    • 可設定過渡(Easing:線性、彈跳、延展)。
  • 音樂與情緒控制區
    • 音樂播放、拍點標記、速度調整。
    • 情緒參數調整:
      • 張力 ↔ 放鬆
      • 銳利 ↔ 流動
      • 冷靜 ↔ 激情
    • 調整後立即影響舞蹈表現。
  • 輸出、輸入區
    • 匯出、匯入 JSON(舞蹈資料)。
    • 匯出影片。

https://ithelp.ithome.com.tw/upload/images/20250825/20144288rQhvIGb5XN.png
使用chatgpt生成規劃的介面構想

結論

Tutting 模擬器的介面規劃,不只是方便操作,更是一個「舞者與數位角色的交流管道」。
只要介面設計合理,就能讓使用者感受到舞蹈的流動,而不是在操作一個冷冰冰的軟體。


上一篇
Day 24 | Tutting 模擬器實際互動探討
下一篇
Day 26 | MediaPipe x Tutting 模擬器探索
系列文
用 GenAI 創造虛擬 Tutting 舞者的 30 天冒險29
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言