![image](/pic/ccabeebd-7c64-4402-a5b1-a2ff3163f5bc.jpg)
#p5play の物理演算や #p5js の描画 #MediaPipe を組み合わせた試作
#p5play の物理演算エンジンを #p5js の描画に適用しつつ、さらに #MediaPipe で認識した手でインタ…
![image](/pic/c6dc42ac-d870-4d96-ab74-85590208ff64.png)
Webカメラで手書き文字認識
カメラで人差し指の位置をトラッキングし、空中で書いた文字を認識させるテスト。 (動画では顔がイ…
![image](/pic/028843b8-2331-4ecd-aab3-46f96f9e20c5.jpg)
MediaPipe「手のジェスチャー認識」と p5.js での引力が働くオブジェクトの描画の組合せ
MediaPipe「手のジェスチャー認識」と p5.js での描画を組み合わせました。描画の内容は、相互に引力…
![image](/pic/53746657-1eef-44b3-80b8-7e68854ec161.jpg)
人の動き(画像認識)に合わせてDMX照明機器を操作してみた
現実空間の人の動き(画像認識)に合わせてムービングライトを動かすことを目標に、Art-Net経由でDMX照…
![image](/pic/bb86f134-d496-4a52-be5c-89ede4106474.jpg)
Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の組み合わせ v2
Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。ジェ…
![image](/pic/19cad48d-46b2-45cf-baa3-a8ae41e0e4f5.jpg)
Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の描画と組み合わせ
Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。p5.j…
![image](/pic/d42b741d-99fb-44ad-affe-1f4ea9477616.png)
teARai
体調管理の基本として、大人はもちろんのことですが、子供達にもきちんと手洗いをしてもらいたいもの…
![image](/pic/7db3cfdf-c40e-473c-924c-aa999963c451.png)
Twilioで遠隔お酌
リアル飲み会が減って、社内コミュニケーション取りずらいですね、遠隔お酌を使ってコミュニケーショ…
![image](/pic/0198b9e1-79f4-4c15-9abe-8bbadc38f130.jpg)
ブラウザ上での機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」
「両手の親指と人差し指で囲まれた領域は、人の後ろの背景が見える」という光学迷彩・透明マント的な…
![image](/pic/e6e9602c-dc21-448f-911c-ea3c97ae1858.jpg)
【指先付近のみに焦点があうカメラ映像】p5.js と MediaPipe Hands で実装
人差し指の先を起点に、その周りだけ焦点が合う(その点から遠いとブラーフィルタのぼかしが強くなる…
![image](/pic/bbf1baf9-45b8-4de1-bef7-dff21e9f506a.png)
ARライトセイバー
googleのmediapipe.jsによるハンドトラッキングとOpenCV.jsを活用し、親指を立てた時にライトセイバ…
![image](/pic/a6626423-6b76-41fb-a097-dde30de0b4b4.jpg)
【2本の指で作る小さな透明マント的エフェクト】p5.js と MediaPipe Hands で実装
親指と人差し指で囲まれた領域は、人の後ろの背景が見えるという、透明マント的なエフェクトをカメラ…
![image](/pic/e183f67a-6425-4372-863d-43f62ecc0101.jpg)
某アニメの悪役が使う「とっておきの手品」っぽい禁呪が使える(かもしれない)Webアプリ V3
10本の指全てに強力な火炎系呪文を宿す!?某アニメの悪役が使うあの危険な禁呪よりも、さらに強力な…
![image](/pic/ce47de7c-a864-4d3f-b8a3-a5bb57c60765.jpg)
パワーポイントのウィンドウをブラウザで取り込んで手の動きなどで操る
mediaDevices.getDisplayMedia、MediaPipe Hands、p5.js を組み合わせて、ブラウザでのパワポウィン…
![image](/pic/c9c0d407-d7e2-4917-8357-546f612d9f43.jpg)
MediaPipe Hands で認識した指の位置・本数で LEDテープの点灯位置・色を変化させる
カメラにうつした特定の指を伸ばして左右に動かすと、それに連動してフルカラーLED上で特定の色で LE…
![image](/pic/b6f0567b-44c5-4b97-a31a-3a4e6d6fc1e2.jpg)
両手の動きで音を奏でる(p5.js + MediaPipe Hands + Sonic Pi 等)
乱数を使って生成している音源と、カメラ映像中の両手の動きを検出して作った情報とを組み合わせて、…
![image](/pic/0562885e-2568-4210-bed9-e8e2126ac924.jpg)
某アニメの悪役が使う「とっておきの手品」っぽい禁呪が使える(気がするかもしれない)Webアプリ V2
5本の指全てに強力な火炎系呪文を宿す、某アニメの悪役が使うあの危険な禁呪があなたの手に!?このW…
![image](/pic/b739a5b1-ec39-4573-8aff-a19b831e305d.png)
codamaで木霊
上司の忙しさを無視してすぐにLINE通知します 卓上にパリティミラーを置いて気軽に通知することが…
![image](/pic/8ef99fa3-aeec-41db-b796-e50d250914e3.jpg)
カメラで認識した手の動きをトリガーに 6台の #toio を一斉に動かす
カメラで認識した指の動き(2本の指の指先の距離)の情報を使って、toio 6台の回転動作の ON/OFF を…
![image](/pic/68599bea-7165-4925-8d3c-65188e4f93b8.png)
某アニメの悪役が使う「とっておきの手品」っぽい呪文が使えた気になる(かもしれない)Webアプリ
5本の指全てに強力な火炎系呪文を宿す、某アニメの悪役が使うあの呪文を、使える気になるかもしれな…
![image](/pic/a7af26cc-44ab-4506-a896-9277d8c87750.jpg)
Googleさんの MediaPipe Hands を使った仕組みのテスト(開発中)
Googleさんの MediaPipe Hands でブラウザ上で動く両手を認識する公式デモに手を加えて、両手の動き…