MediaPipe結合Grasshopper進行互動設計

更新於 發佈於 閱讀時間約 17 分鐘

互動裝置

為了強化步行感知的創造與圍塑,對於環境本身的危險因素,可以透過街道設施的設計與檢驗,提高安全性。但針對若在環境安全的心理危險感知,該如何解決現存公共空間存在的潛在危險。危險感知通常來自心理層面的情緒知覺或認知,設計上該如何介入已被填滿的都市。根據筆者分析,這種具時間性、特定族群、情緒感知的街道改善建議,並非從實際環境的基礎設施與場景改善就能解決。經筆者調查,儘管街道安全指數很高,但感知的恐懼仍無法被消除。好比在寬敞明亮且安全無人商場,有時仍深感恐懼。

現階段增設都市設施做為安全感提升裝置有多種困難,本篇提出虛擬設施以及結合都市既有設施的想法。利用攝影機是街道的眼睛,攝影機的存在除了讓沿街面店家的安全得到保障,路人也因為受到監視而感到安全。隨著穿戴式裝置近年產品發布,更細緻維護人體感知的設備產生。筆者希望透過街頭攝影機、姿勢追蹤等科技,創造MR互動裝置,形成都市感知輔助的虛擬設施。本篇文章想針對攝影機如何捕捉骨架、將實體環境偵測點加入現階段建築學子使用之參數軟體Grasshopper,做階段性紀錄與分享。

現階段Mediapipe的實務應用

《An Integrated Real-Time Hand Gesture Recognition Framework for Human-Robot Interaction in Agriculture》(整合式農業領域中用於人機互動的即時手勢識別框架)是一篇探討在農業領域中用於人機互動的即時手勢識別框架的論文(Vasileios Moysiadis 2022)。

該論文提出了一個綜合的即時手勢識別框架,旨在促進農業領域中的人機互動。該框架基於深度學習技術,結合了手部姿勢檢測、關鍵點提取和手勢分類等關鍵步驟。研究團隊使用基於深度卷積神經網絡(CNN)的方法訓練模型,使其能夠準確地檢測和識別手部姿勢。改善農業領域中的人機互動體驗,提高農業生產效率具有重要意義。

raw-image
raw-image

Mediapipe Holistic全身辨識體感玩超級瑪莉

此案例為一個上傳至Youtube的實驗性影片,展示使用Mediapipe Holistic(一種全身姿勢識別技術)進行體感控制的超級馬里奧遊戲玩法。 Mediapipe Holistic是一種基於計算機視覺和機器學習的技術,能夠實時捕捉和識別人體的關鍵點和姿勢。通過該技術,玩家可以使用自己的身體動作來控制超級馬里奧遊戲中的角色。

這種體感玩法可以讓玩家更加身臨其境地參與遊戲,通過運動和動作來與遊戲進行互動,增強遊戲的樂趣和體驗。玩家可能需要使用自己的手臂、腿部或全身來模擬角色的跳躍、移動或其他動作,以完成遊戲中的任務和關卡。

這種基於Mediapipe Holistic的全身辨識體感玩法結合了計算機視覺和人機交互的技術,為遊戲提供了一種創新的操控方式。它可以帶來更加沉浸式的遊戲體驗,讓玩家能夠更直接、自然地參與到遊戲中。這種技術的應用展示了計算機視覺和人機交互領域在遊戲娛樂方面的潛力和創新(法蘭斯 2023)。

raw-image


姿勢追蹤與改變感知的關係

為何以姿勢追蹤(或稱捕捉骨架,本文以姿勢追蹤稱呼)作為街道裝置的策略。姿勢的改變是可以影響人的情緒的。在《Standing tall and standing wide: Body positions have effects on how people feel》這篇研究中,主要探討身體姿勢如何影響人們情感狀態。研究者進行了一系列實驗,重點關注了兩種不同的身體姿勢:站得高和站得寬。他們通過觀察參與者在這兩種姿勢下的反應來研究姿勢與情感之間的關聯。

研究結果呈現,站得高的姿勢(例如挺胸、站直)與積極情感有關聯。參與者在站得高的姿勢下,所偵測的情緒報告有更高的自信感和力量感,同時表現出更積極的情緒狀態。這種姿勢可能有助於提升自尊和自信,以及改善情感體驗。

因此,這項研究表明身體姿勢可以對人們的情感狀態產生影響。站得高的姿勢有助於提升積極情感和自信感,而站得寬的姿勢則與風險承受能力和動機相關。這些發現有助於我們更好地理解身體姿勢與情感之間的關係,同時也為身體語言和情感調節領域的研究提供了新的視角(Körner 2022)。

由此研究可以理解,透過擴大姿勢,可以影響人的情緒。因此在情緒緊張的情況下,改變姿勢也是改善情緒的方式。故希望以姿勢追蹤的方式呈現互動裝置,透過裝置擾動人對於行走路徑的常態,改變姿態而轉換情緒。


實作與測試

筆者預期利用街道攝影機與互動模型連接,先依照文獻回顧的建議,整理成四個預期框架作為銜接方式。

1. 影機連接:將街道攝影機與嵌入式系統連接起來,以便獲取攝影機的影像。

2. 影像處理:使用適當的視訊處理庫或框架(例如OpenCV)讀取和處理攝影機的視訊流,成為MediaPipe提供處理的輸入數據(Fortes 2022)。

3. 整合MediaPipe:使用MediaPipe框架的相關模塊和功能,將錄影的影像傳遞到MediaPipe進行視覺感知處理。可以使用MediaPipe提供的預訓練模型,進行姿勢追蹤(Fortes 2022)。

4. 分析和應用:根據MediaPipe的輸出結果,進行分析進到虛擬模型裡面。

想針對從第四點延伸應用。利用media pipe抓取由點與線所構成的人體骨架,將MediaPipe框架整合到Grasshopper建模軟體中進行模型測試,並回測研究預期目的。進行的步驟如下:

1. 匯入MediaPipe模型:在Grasshopper中,使用Python程式語言,匯入MediaPipe模型。使用MediaPipe的功能和類別來處理及時影像數據。Mediapipe Holistic 集合了人體姿勢、面部標誌和手部追蹤三種模型與相關的演算法,可以偵測身體姿勢、臉部網格、手掌動作,完整偵測則會產生543 個偵測節點 (33 個姿勢節點、468、個臉部節點和每隻手、21 個手部節點 )。(教育學習網)

raw-image

2. 設定資料輸入和輸出:在Grasshopper中,利用plug-in: Ghowl作為資料輸入和輸出的介面,以便將MediaPipe框架的數據與grasshopper的互動模型進行交互。本研究是以攝影鏡頭捕獲即時視頻、載入預訓練模型、將資料傳遞給MediaPipe進行處理,並將結果的點位顯示在Grasshopper中,座位模型的控制點。

raw-image

3. 設定資料輸入和輸出:在Grasshopper中,利用plug-in: Ghowl作為資料輸入和輸出的介面,以便將MediaPipe框架的數據與grasshopper的互動模型進行交互。本研究是以攝影鏡頭捕獲即時視頻、載入預訓練模型、將資料傳遞給MediaPipe進行處理,並將結果的點位顯示在Grasshopper中,座位模型的控制點。

raw-image


4. 測試和除錯:確認確保資料能夠正確地從Grasshopper傳遞給MediaPipe,並正確地處理和顯示互動模型結果。

raw-image
# source: https://steam.oxxostudio.tw/category/python/ai/ai-mediapipe-pose.html
# source: https://github.com/yucheno/opencv2gh/blob/master/opencv2GH.py
# 按 q 跳出

import mediapipe as mp
import cv2

# 設定 UDPsocket 與 pickle(專門用於python的json)
import socket
import json
def UDP_client(IP, port, message):
sock = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
sock.sendto(bytes(message, 'utf-8'), (IP, port))

設定銜接端口,銜接ghowl,請調整成自己的IP
IP = "127.0.0.1"
port = 5003
# 輸出資料


# 偵測骨架 並輸出 socket 等待接收
mp_drawing = mp.solutions.drawing_utils # mediapipe 繪圖方法
mp_drawing_styles = mp.solutions.drawing_styles # mediapipe 繪圖樣式
mp_pose = mp.solutions.pose # mediapipe 姿勢偵測

cap = cv2.VideoCapture(0)
#以上cap = cv2.VideoCapture(0)需視鏡頭位置調整(0)(1)(2)
# 啟用姿勢偵測
with mp_pose.Pose(
min_detection_confidence=0.5,
min_tracking_confidence=0.5) as pose:

if not cap.isOpened():
print("Cannot open camera")
exit()
while True:
ret, img = cap.read()
if not ret:
print("Cannot receive frame")
break
# webcam 為 4:3 縮小尺寸,加快演算速度
img = cv2.resize(img, (640, 480))
img2 = cv2.cvtColor(img, cv2.COLOR_BGR2RGB) # 將 BGR 轉換成 RGB
results = pose.process(img2) # 取得姿勢偵測結果
# 根據姿勢偵測結果,標記身體節點和骨架
mp_drawing.draw_landmarks(
img,
results.pose_landmarks,
mp_pose.POSE_CONNECTIONS,
landmark_drawing_spec=mp_drawing_styles.get_default_pose_landmarks_style())

# 使用 pickle 匯出為字串
all = {'data': []}
if results.pose_landmarks:
for id, lm in enumerate(results.pose_landmarks.landmark):
all['data'].append({
'x': lm.x,
'y': lm.y,
'z': lm.z,
})

outputjson = json.dumps(all, indent=4)
UDP_client(IP, port, outputjson)

cv2.imshow('oxxostudio', img)
if cv2.waitKey(5) == ord('q'):
break # 按下 q 鍵停止
cap.release()
cv2.destroyAllWindows()

資料來源:

留言
avatar-img
留言分享你的想法!
黃金六一-avatar-img
2023/07/12
哈囉學姊,那個,為了能夠繞開行政與鄉愿的滯縛,系上(我啦,Tank建議的)創了一個社團,專注於Grasshopper應用、3D設計與輸出,還有AI與VR等等的創作實驗與學習。起步階段稍微蹣跚,不知道可否將你的文章貼到社團的Discord學習討論區裡呢?你一定也在忙著研究沒空參與(雖然裡面也沒有任何互動就是了),還是非常歡迎你加入這個Discord。如果想要再告訴我一聲吧,我再給你連結。謝謝,祝順利平安健康
張瑋凌-avatar-img
發文者
2023/07/15
黃金六一 好呀 老師以後可以用我們之前常用的email聯絡社團的事情我知道~目前口試完了 在修正階段 比較有空檔🙏
avatar-img
張瑋凌的沙龍
43會員
16內容數
>_為終端機的圖標,思想的問答平台。跨領域結合/ 程式語言/建築理論/數位應用/環境議題/機器學習/互動裝置/系統科學
張瑋凌的沙龍的其他內容
2023/02/14
關鍵字:危險感知、數據分析、互動介面、機器學習 現今的公共空間時常存在潛在危險,危險感知通常來自心理層面的情緒知覺或認知。若是產生一個顯示認知危險的視覺地圖,並且當遊走在市街的使用者發現新的場域,能立即回報加入地圖資訊,成為一個及時回饋機制。
Thumbnail
2023/02/14
關鍵字:危險感知、數據分析、互動介面、機器學習 現今的公共空間時常存在潛在危險,危險感知通常來自心理層面的情緒知覺或認知。若是產生一個顯示認知危險的視覺地圖,並且當遊走在市街的使用者發現新的場域,能立即回報加入地圖資訊,成為一個及時回饋機制。
Thumbnail
2022/09/03
發展一種,教導機器學習人類辨識,作為設計發展的工作流程=影像大量截圖
2022/09/03
發展一種,教導機器學習人類辨識,作為設計發展的工作流程=影像大量截圖
2021/11/11
都市的成長無可避免是通往廢墟化的過程,如何透過基礎設施了解都市,並透過異質空間產生新的生活想像。
Thumbnail
2021/11/11
都市的成長無可避免是通往廢墟化的過程,如何透過基礎設施了解都市,並透過異質空間產生新的生活想像。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
你知道嗎? 你的肢體會在不自覺中透露你的想法 若你懂得這些肢體語言,無論是生活中的人際交流或是面對客戶的行銷活動 都能為你大大的加分哦 人類肢體動作在傳遞訊息方面具有重要的作用,這些動作不僅可輔助語言表達,還能在無言的情況下傳遞情感和意圖 以下是一些常見的肢體動作及其可能傳遞的訊息: 手勢
Thumbnail
你知道嗎? 你的肢體會在不自覺中透露你的想法 若你懂得這些肢體語言,無論是生活中的人際交流或是面對客戶的行銷活動 都能為你大大的加分哦 人類肢體動作在傳遞訊息方面具有重要的作用,這些動作不僅可輔助語言表達,還能在無言的情況下傳遞情感和意圖 以下是一些常見的肢體動作及其可能傳遞的訊息: 手勢
Thumbnail
觸康健®的調和不僅僅是對身體肌肉系統的結構性評估,而是透過經絡肌能檢測,對身體內部精密的生物電腦進行判讀,以降低結構、情志、生化的各端點帶來的壓力,實現身心的安康。
Thumbnail
觸康健®的調和不僅僅是對身體肌肉系統的結構性評估,而是透過經絡肌能檢測,對身體內部精密的生物電腦進行判讀,以降低結構、情志、生化的各端點帶來的壓力,實現身心的安康。
Thumbnail
如何透過生理測試/情緒測試/生化測試找出準確的指標肌肉,並且在調和前做事前檢查-迴路檢測/任脈檢測/充水度檢測 ,而在肌肉調和的方法則有脊椎反射、神經淋巴按揉點、神經血脈觸點、掃經、肌肉起止點技巧、利用食物強化肌肉。
Thumbnail
如何透過生理測試/情緒測試/生化測試找出準確的指標肌肉,並且在調和前做事前檢查-迴路檢測/任脈檢測/充水度檢測 ,而在肌肉調和的方法則有脊椎反射、神經淋巴按揉點、神經血脈觸點、掃經、肌肉起止點技巧、利用食物強化肌肉。
Thumbnail
本篇提出虛擬設施以及結合都市既有設施的想法。利用攝影機是街道的眼睛,攝影機的存在除了讓沿街面店家的安全得到保障,路人也因為受到監視而感到安全。筆者希望透過街頭攝影機、姿勢追蹤等科技,創造MR互動裝置,形成都市感知輔助的虛擬設施。本篇文章想針對攝影機如何捕捉骨架、將實體環境偵測點加入現階段建築學子使用
Thumbnail
本篇提出虛擬設施以及結合都市既有設施的想法。利用攝影機是街道的眼睛,攝影機的存在除了讓沿街面店家的安全得到保障,路人也因為受到監視而感到安全。筆者希望透過街頭攝影機、姿勢追蹤等科技,創造MR互動裝置,形成都市感知輔助的虛擬設施。本篇文章想針對攝影機如何捕捉骨架、將實體環境偵測點加入現階段建築學子使用
Thumbnail
姿勢是原始Stable Diffusion比較難處理的一部分,在沒有ControlNet的幫助下,要幫角色調整出一個你喜歡的姿勢,必須花許多時間調整。
Thumbnail
姿勢是原始Stable Diffusion比較難處理的一部分,在沒有ControlNet的幫助下,要幫角色調整出一個你喜歡的姿勢,必須花許多時間調整。
Thumbnail
為什麼單腳動作這麼重要,因為在日常動作中,單腳動作模式比雙腳動作模式更常出現,就是走路!你會上下樓梯,走路逛街,騎腳踏車,跑步等等,你會說我平常做這些動作都沒有不平衡的問題呀?
Thumbnail
為什麼單腳動作這麼重要,因為在日常動作中,單腳動作模式比雙腳動作模式更常出現,就是走路!你會上下樓梯,走路逛街,騎腳踏車,跑步等等,你會說我平常做這些動作都沒有不平衡的問題呀?
Thumbnail
醫療科技展前意外地接受到照顧科技展的訊息,觀展後也意外地收穫不少。
Thumbnail
醫療科技展前意外地接受到照顧科技展的訊息,觀展後也意外地收穫不少。
Thumbnail
想知道自己的身體是否有不平衡的現象嗎?是否常聽人家說自己有高低肩、骨盆旋轉、走路姿勢怪怪的問題呢? 我們可以透過一個簡單的動作,就能分析全身的關節哪裡出現不平衡!
Thumbnail
想知道自己的身體是否有不平衡的現象嗎?是否常聽人家說自己有高低肩、骨盆旋轉、走路姿勢怪怪的問題呢? 我們可以透過一個簡單的動作,就能分析全身的關節哪裡出現不平衡!
Thumbnail
穩固的自立於大地是原型製作技術掌握的總考驗、也是模型玩家必須獲得滿足的關鍵─透過對機身重心的估計、當前可動期望範圍的安排,如何規劃適切的腳掌造型、鞋跟高度並營造機身比例的視覺修飾感? 迎向把玩與可動極限的高跪姿製作挑戰,現在,於嶄新的腿部製作篇揭開序幕!
Thumbnail
穩固的自立於大地是原型製作技術掌握的總考驗、也是模型玩家必須獲得滿足的關鍵─透過對機身重心的估計、當前可動期望範圍的安排,如何規劃適切的腳掌造型、鞋跟高度並營造機身比例的視覺修飾感? 迎向把玩與可動極限的高跪姿製作挑戰,現在,於嶄新的腿部製作篇揭開序幕!
Thumbnail
身體的「空間」意識是你學習使用身體的關鍵。即便在治療學裡,我們也不斷地協助患者找到空間,讓器官或組織不再受壓迫,身體的自癒力才得以發揮。
Thumbnail
身體的「空間」意識是你學習使用身體的關鍵。即便在治療學裡,我們也不斷地協助患者找到空間,讓器官或組織不再受壓迫,身體的自癒力才得以發揮。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News