![image](/pic/f403978d-77f9-4e2d-8d80-9b121fd574e7.png)
ぐーぽんっ!
旅行者と地元民のマッチングと、話すきっかけや話題を提供するアプリ。 二人でグータッチ写真を撮影…
![image](/pic/02c4f433-6eae-4fe7-b074-2c4fc70c5f52.png)
EyeGuardAlert
VDT症候群予防webアプリケーション
![image](/pic/49f18e9d-a604-44d0-898f-61b8277d7856.png)
シンクロ・ヴォックス シミュレータ
唯一無二のアニメーション技法、シンクロ・ヴォックス(Syncro-Vox, Synchro-Vox)方式のアニメーシ…
![image](/pic/ccabeebd-7c64-4402-a5b1-a2ff3163f5bc.jpg)
#p5play の物理演算や #p5js の描画 #MediaPipe を組み合わせた試作
#p5play の物理演算エンジンを #p5js の描画に適用しつつ、さらに #MediaPipe で認識した手でインタ…
![image](/pic/98a2817d-5cb0-40b0-a2bd-ac44ad38e534.jpg)
万華鏡写輪眼が開眼できる Webアプリ(p5.js + MediaPipe)
MediaPipe の JavaScript版を使って、カメラ映像から虹彩を検出し、そこに p5.js のベジエ曲線などを…
![image](/pic/4937af86-55e3-4020-b9cf-57caec99a1e9.png)
AIで手話を認識するアプリ~JSL~
JSLは聴覚障がい者、難聴者におけるコミュニケーションを支援するアプリです。手話をリアルタイムで…
![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/1ce41905-9a9a-42f5-a7dd-2f9181564b44.png)
エンジニアのための掛け声
カメラから取得した映像を元に、デスクワーク中の姿勢を判定していい感じに声を掛けてくれる(通知し…
![image](/pic/0198b9e1-79f4-4c15-9abe-8bbadc38f130.jpg)
ブラウザ上での機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」
「両手の親指と人差し指で囲まれた領域は、人の後ろの背景が見える」という光学迷彩・透明マント的な…
![image](/pic/84c31db6-2fce-4c80-b9dd-88e7415103d4.png)
背景ぼかしと自動フレーミング
Mediapipeが提供するFaceTrackingとSelfie Segmentationを利用して背景ぼかし、さらに顔を画面の中心…
![image](/pic/e6e9602c-dc21-448f-911c-ea3c97ae1858.jpg)
【指先付近のみに焦点があうカメラ映像】p5.js と MediaPipe Hands で実装
人差し指の先を起点に、その周りだけ焦点が合う(その点から遠いとブラーフィルタのぼかしが強くなる…
![image](/pic/ebc49ceb-80ed-400a-985b-a17a615a1ec8.png)
ミャクミャク様AR
Webブラウザとカメラがあれば誰でもミャクミャク様に!GoogleのmediapipeによるSelfieSegmentationと…
![image](/pic/e33c96f2-e102-4df0-a466-e47a6e0b90ad.jpg)
イラスト風ARフィルタ
Googleのmediapipe.jsによるSelfie SegmentationとOpenCV.jsによるエッジ検出を使った簡易フィルタ
![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/b2939b3f-b210-420c-b37f-7e0248b8dee2.png)
上半身で演奏
体の座標に合わせて音が鳴るやつです。p5.jsでMediaPipe Pose使ってます。
![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/e7f6fe2f-d3b1-43eb-886c-c69cbf7a9fbd.jpg)
ARグラスにおける指文字を用いた新たな文字入力手法
ARグラスで文字入力をする際、物理キーボードを使うのはスマートではありません。 そこで今回は手話…
![image](/pic/26b91230-0c28-49b2-b062-5eba8f98d78e.jpg)
虹彩や目・口の位置検出を使ったバーチャルキャラクター的なものをブラウザ上で動かしてみる
以前からある顔のキーポイント検出ができる画像認識の仕組みに、新しく虹彩の位置検出が加わったとい…
![image](/pic/da9c2800-f0ea-4d79-b5f6-3604cc5596be.png)
MediaPipe Selfie Segmentation でバーチャル背景的なことなど!
人物と背景の分離が行える MediaPipe Selfie Segmentation の JavaScript版に手を加え(p5.js を併用…
![image](/pic/3cdcbc8c-ad74-46cd-8be2-35f442c2ef81.jpg)
AIr遠隔お酌ブラウザ版
いままでは、SkypeやZoomを利用して、遠隔お酌をしましたが、 ビデオ通話を実装しました。 ビデオ…
![image](/pic/68599bea-7165-4925-8d3c-65188e4f93b8.png)
某アニメの悪役が使う「とっておきの手品」っぽい呪文が使えた気になる(かもしれない)Webアプリ
5本の指全てに強力な火炎系呪文を宿す、某アニメの悪役が使うあの呪文を、使える気になるかもしれな…
![image](/pic/a7af26cc-44ab-4506-a896-9277d8c87750.jpg)
Googleさんの MediaPipe Hands を使った仕組みのテスト(開発中)
Googleさんの MediaPipe Hands でブラウザ上で動く両手を認識する公式デモに手を加えて、両手の動き…