谷歌小姐姐開源姿勢動畫師項目，組合現(xiàn)有TF模型，只需一張SVG圖片便可配置
實時動畫，性感在線。
梅寧航 發(fā)自 凹非寺
量子位 報道 | 公眾號 QbitAI
姿勢動畫師，自己做動作就可以生成矢量角色動畫。
打開攝像頭，你的姿態(tài)隨之搖擺，一道道線、一個個點，刻畫你的面部輪廓和完美身材。
△效果圖1
是不是很有趣？！
當然這個有點恐怖，把多余的配置都去掉看看效果。
△效果圖2
姿勢動畫師項目，雖然不是TensorFlow.js官方產(chǎn)品，但效果依舊夠slay。
并且可直接嵌入網(wǎng)頁，一鍵配置開發(fā)，簡潔優(yōu)雅，值得上手。
操作步驟
作者提供了兩種方式去制作姿勢動畫，一種是打開攝像頭實時生成，還有一種是上傳靜態(tài)圖像。
以攝像頭制作為例，步驟如下：
1、打開網(wǎng)址（見文末鏈接），隨后打開攝像頭，動作捕捉，進行參數(shù)配置。
△參數(shù)配置項
2、搖擺起來，男女皆可喲~
△動作捕捉實時生成
3、站起來效果更佳，站起來可以捕捉身體動作。
△身體動作姿態(tài)識別
有沒有很神奇的感覺。
作者在GitHub上發(fā)布短短一個多月，已經(jīng)4.8k星。
并且上手簡易，所以大神是怎么實現(xiàn)的？
技術(shù)原理
姿勢動畫師項目，作者主要使用TensorFlow.js制作。
作者主要使用兩個模型，由PoseNet和FaceMesh組合而來，前者負責姿態(tài)識別，后者負責人臉3D建模。
1、 FaceMesh面部建模
FaceMesh可以識別486個人臉標記點，從而擬合出人臉的幾何形狀，用于識別人臉實時姿態(tài)。
2、PoseNet識別身體姿勢
PoseNet可以用來估計一個身體姿態(tài)，也可以用來估計多個身體姿態(tài)。
這意味著算法可以檢測到一個圖像/視頻中的一個人，另外一個版本可以檢測到多個人的身體姿態(tài)。
在這個項目中，作者使用PoseNet來擬合人的身體姿態(tài)。
動手試試
還是以攝像頭實時生成為例，靜態(tài)圖流程大同小異
- 克隆項目GitHub文件夾至本地，打開項目中的skeleton文件。
并對其進行編輯，控制骨架移動參數(shù)。
你可以自行控制參數(shù)變化，編輯完成后存入工作文件夾中。
但是請注意。不要在這個組中添加、刪除或重命名circle部分，。
△依靠這些此部分來讀取控制身體姿態(tài)的初始位置
但是你可以進行移動操作，并將它們嵌入到你的插圖中，以制作不同的效果。
2、創(chuàng)建一個新文件，并將其命名為 “illustration”，在 “skeleton”文件的旁邊。
拉平所有子文件，使 “illustration”文件只包含路徑元素。
如果完成上述步驟，你的文件結(jié)構(gòu)應該是這樣的。
3、通過控制skeleton文件中的參數(shù)，來移動關節(jié)的具體變化。
4、此時，完成制作自己的矢量姿勢圖，將其上傳到示例網(wǎng)站，借用網(wǎng)站服務器算力制作自定義的姿勢動畫師。
作者簡介
作者Shan Huang，畢業(yè)于CMU，居住于上海，現(xiàn)任職于谷歌。
簡介為程序員和藝術(shù)家，也是很有意思了。
工程師、藝術(shù)家，有創(chuàng)造力的技術(shù)工程師，多重身份當?shù)闷稹?/p>
因為她的代碼，證明了工程師的資格。
下面是她的藝術(shù)作品。
文理交融，游刃有余，獻上膝蓋。
一起來觀摩小姐姐的硬核作品吧
自己動手試試看~
參考鏈接：https://github.com/yemount/pose-animator/https://pose-animator-demo.firebaseapp.com/
- 商湯林達華萬字長文回答AGI：4層破壁，3大挑戰(zhàn)2025-08-12
- 商湯多模態(tài)大模型賦能鐵路勘察設計，讓70年經(jīng)驗“活”起來2025-08-13
- 以“具身智能基座”為核，睿爾曼攜全產(chǎn)品矩陣及新品亮相2025 WRC2025-08-11
- 哇塞，今天北京被機器人人人人人塞滿了！2025-08-08
