AI x WebXR: フェイストラッキングを用いた擬似3D表現を解説!

1/27に開催した勉強会の様子 https://xr-fukuoka.connpass.com/event/201933/
7
TakashiYoshinaga Ph.D. @Taka_Yoshinaga

本日開催!目標コンテンツを作るまでの手順を解説します!視聴のみでも、コピペしながら一緒に手順をなぞってもOKです。 事前準備の案内はconnpassから送りましたのでご確認ください。 【オンライン】AI x WebXR: フェイストラッキングを用いた擬似3D表現を解説! xr-fukuoka.connpass.com/event/201933/ #AR_Fukuoka

2021-01-27 09:19:16
ずきゅ~んたん @ZuQ9Nn

勉強会はじまった。MediaPipeは、まったく初めてなので楽しみだ。 #AR_Fukuoka

2021-01-27 19:01:16
村岡雄史@グッドエレファント @HIMAwariMURA

本日のAR勉強会は「AI x WebXR: フェイストラッキングを用いた擬似3D表現」ということでフェイスあい~ん #AR_Fukuoka pic.twitter.com/Eat0nd5Cia

2021-01-27 19:07:29
とり子(しろいとり子) @siroitori0413

今日は「【オンライン】AI x WebXR: フェイストラッキングを用いた擬似3D表現を解説!」っていうのに参加してます。わくわく。 #AR_Fukuoka

2021-01-27 19:24:51

勉強会スタート

ずきゅ~んたん @ZuQ9Nn

JavaScriptにもasyncってあるんだ、普段使わないから知らんかった。色々勉強になるわ #AR_Fukuoka

2021-01-27 19:25:35
ずきゅ~んたん @ZuQ9Nn

めちゃくちゃシンプルなのに、ワイヤーフレームの表現が、妙に、未来を感じさせるなこの3D表現。 #AR_Fukuoka

2021-01-27 19:28:09
ずきゅ~んたん @ZuQ9Nn

a-box、a-sphere、a-cylinder、a-planeで3Dのオブジェクトを表示、そのあと positionとscaleを設定。こんなにも手軽なんだ。。 A-Frameも今回、初めてなんだよな。。 #AR_Fukuoka

2021-01-27 19:30:05

参考①:A-Frameチュートリアル

参考②:mediapipeチュートリアル

ずきゅ~んたん @ZuQ9Nn

事前の準備が万全すぎるよ。このハンズオン。。 #AR_Fukuoka

2021-01-27 19:37:20

ビデオの表示〜学習モデル読み込み