30件
image

ぐーぽんっ!

旅行者と地元民のマッチングと、話すきっかけや話題を提供するアプリ。 二人でグータッチ写真を撮影…

開発中 visibility 251 thumb_up_alt 5 comment 0
image

EyeGuardAlert

VDT症候群予防webアプリケーション

完成 visibility 245 thumb_up_alt 0 comment 0
image

シンクロ・ヴォックス シミュレータ

唯一無二のアニメーション技法、シンクロ・ヴォックス(Syncro-Vox, Synchro-Vox)方式のアニメーシ…

完成 visibility 128 thumb_up_alt 1 comment 0
image

#p5play の物理演算や #p5js の描画 #MediaPipe を組み合わせた試作

#p5play の物理演算エンジンを #p5js の描画に適用しつつ、さらに #MediaPipe で認識した手でインタ…

開発中 visibility 190 thumb_up_alt 0 comment 0
image

万華鏡写輪眼が開眼できる Webアプリ(p5.js + MediaPipe)

MediaPipe の JavaScript版を使って、カメラ映像から虹彩を検出し、そこに p5.js のベジエ曲線などを…

開発中 visibility 293 thumb_up_alt 1 comment 0
image

AIで手話を認識するアプリ~JSL~

JSLは聴覚障がい者、難聴者におけるコミュニケーションを支援するアプリです。手話をリアルタイムで…

完成 visibility 9789 thumb_up_alt 437 comment 30
image

MediaPipe「手のジェスチャー認識」と p5.js での引力が働くオブジェクトの描画の組合せ

MediaPipe「手のジェスチャー認識」と p5.js での描画を組み合わせました。描画の内容は、相互に引力…

開発中 visibility 254 thumb_up_alt 0 comment 0
image

人の動き(画像認識)に合わせてDMX照明機器を操作してみた

現実空間の人の動き(画像認識)に合わせてムービングライトを動かすことを目標に、Art-Net経由でDMX照…

開発中 visibility 369 thumb_up_alt 3 comment 1
image

Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の組み合わせ v2

Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。ジェ…

開発中 visibility 244 thumb_up_alt 0 comment 0
image

Googleさんの MediaPipe の「手のジェスチャー認識」と p5.js の描画と組み合わせ

Googleさんの MediaPipe の新機能「手のジェスチャー認識」を p5.js の描画と組み合わせました。p5.j…

開発中 visibility 677 thumb_up_alt 0 comment 0
image

エンジニアのための掛け声

カメラから取得した映像を元に、デスクワーク中の姿勢を判定していい感じに声を掛けてくれる(通知し…

開発中 visibility 467 thumb_up_alt 6 comment 0
image

ブラウザ上での機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」

「両手の親指と人差し指で囲まれた領域は、人の後ろの背景が見える」という光学迷彩・透明マント的な…

完成 visibility 1910 thumb_up_alt 15 comment 0
image

背景ぼかしと自動フレーミング

Mediapipeが提供するFaceTrackingとSelfie Segmentationを利用して背景ぼかし、さらに顔を画面の中心…

完成 visibility 396 thumb_up_alt 1 comment 0
image

【指先付近のみに焦点があうカメラ映像】p5.js と MediaPipe Hands で実装

人差し指の先を起点に、その周りだけ焦点が合う(その点から遠いとブラーフィルタのぼかしが強くなる…

開発中 visibility 294 thumb_up_alt 0 comment 0
image

ミャクミャク様AR

Webブラウザとカメラがあれば誰でもミャクミャク様に!GoogleのmediapipeによるSelfieSegmentationと…

完成 visibility 575 thumb_up_alt 2 comment 2
image

イラスト風ARフィルタ

Googleのmediapipe.jsによるSelfie SegmentationとOpenCV.jsによるエッジ検出を使った簡易フィルタ

完成 visibility 241 thumb_up_alt 0 comment 0
image

ARライトセイバー

googleのmediapipe.jsによるハンドトラッキングとOpenCV.jsを活用し、親指を立てた時にライトセイバ…

完成 visibility 638 thumb_up_alt 7 comment 0
image

【2本の指で作る小さな透明マント的エフェクト】p5.js と MediaPipe Hands で実装

親指と人差し指で囲まれた領域は、人の後ろの背景が見えるという、透明マント的なエフェクトをカメラ…

開発中 visibility 1764 thumb_up_alt 1 comment 0
image

某アニメの悪役が使う「とっておきの手品」っぽい禁呪が使える(かもしれない)Webアプリ V3

10本の指全てに強力な火炎系呪文を宿す!?某アニメの悪役が使うあの危険な禁呪よりも、さらに強力な…

完成 visibility 850 thumb_up_alt 7 comment 0
image

パワーポイントのウィンドウをブラウザで取り込んで手の動きなどで操る

mediaDevices.getDisplayMedia、MediaPipe Hands、p5.js を組み合わせて、ブラウザでのパワポウィン…

開発中 visibility 246 thumb_up_alt 0 comment 0
image

上半身で演奏

体の座標に合わせて音が鳴るやつです。p5.jsでMediaPipe Pose使ってます。

完成 visibility 1169 thumb_up_alt 9 comment 0
image

MediaPipe Hands で認識した指の位置・本数で LEDテープの点灯位置・色を変化させる

カメラにうつした特定の指を伸ばして左右に動かすと、それに連動してフルカラーLED上で特定の色で LE…

開発中 visibility 567 thumb_up_alt 1 comment 0
image

両手の動きで音を奏でる(p5.js + MediaPipe Hands + Sonic Pi 等)

乱数を使って生成している音源と、カメラ映像中の両手の動きを検出して作った情報とを組み合わせて、…

開発中 visibility 671 thumb_up_alt 0 comment 0
image

某アニメの悪役が使う「とっておきの手品」っぽい禁呪が使える(気がするかもしれない)Webアプリ V2

5本の指全てに強力な火炎系呪文を宿す、某アニメの悪役が使うあの危険な禁呪があなたの手に!?このW…

完成 visibility 1878 thumb_up_alt 10 comment 0
image

ARグラスにおける指文字を用いた新たな文字入力手法

ARグラスで文字入力をする際、物理キーボードを使うのはスマートではありません。 そこで今回は手話…

開発中 visibility 2134 thumb_up_alt 8 comment 0
image

虹彩や目・口の位置検出を使ったバーチャルキャラクター的なものをブラウザ上で動かしてみる

以前からある顔のキーポイント検出ができる画像認識の仕組みに、新しく虹彩の位置検出が加わったとい…

開発中 visibility 448 thumb_up_alt 1 comment 0
image

MediaPipe Selfie Segmentation でバーチャル背景的なことなど!

人物と背景の分離が行える MediaPipe Selfie Segmentation の JavaScript版に手を加え(p5.js を併用…

開発中 visibility 845 thumb_up_alt 0 comment 0
image

AIr遠隔お酌ブラウザ版

いままでは、SkypeやZoomを利用して、遠隔お酌をしましたが、 ビデオ通話を実装しました。 ビデオ…

完成 visibility 299 thumb_up_alt 0 comment 0
image

某アニメの悪役が使う「とっておきの手品」っぽい呪文が使えた気になる(かもしれない)Webアプリ

5本の指全てに強力な火炎系呪文を宿す、某アニメの悪役が使うあの呪文を、使える気になるかもしれな…

開発中 visibility 2325 thumb_up_alt 1 comment 7
image

Googleさんの MediaPipe Hands を使った仕組みのテスト(開発中)

Googleさんの MediaPipe Hands でブラウザ上で動く両手を認識する公式デモに手を加えて、両手の動き…

開発中 visibility 1666 thumb_up_alt 2 comment 0