色標手勢輸入原型
HSV 色塊追蹤：點選畫面上的色標校準顏色，即以其重心座標作為輸入訊號。純前端即時處理，無外部模型。
14
35
3
閒置中
座標 x, y：—
色塊大小：— px（縮圖）
速度：— px/frame
手勢事件：—
技術說明
演算流程：getUserMedia 取得畫面 → 縮小畫到 160×120 離屏畫布降低運算量 → 逐像素 RGB→HSV 轉換 → 落在校準色相 ± 容差內者標記為前景 → 對前景像素取加權重心作為座標，像素數作為色塊大小（可作深度代理：越靠近鏡頭色塊越大）→ 座標序列做簡單一階微分得到速度，超過閾值判定為「揮動」事件。
已知限制（不是完整清單，僅示範性原型）：
1）色相閾值對光源色溫、自動曝光很敏感，換個房間常需重新校準；
2）背景若有相近色系物件會誤判，需限制場景或加大飽和度/明度門檻；
3）單色標只能給二維座標＋粗略面積，無法穩定給出深度或旋轉，需要第二個色標或已知幾何關係才能估算；
4）自身遮擋（手指互擋、色標轉向背對鏡頭）會造成瞬斷，需要靠速度平滑或短暫遺失時的座標外插處理；
5）離散手勢（點擊、滑動、捏合）需要在座標序列上另外做狀態機與去抖動，色塊追蹤本身只給連續訊號。