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

親指と人差し指で囲まれた領域は、人の後ろの背景が見えるという、透明マント的なエフェクトをカメラ画像に対する機械学習処理と描画ライブラリによる描画で実装してみました

動画

開発素材

ツール

p5.js

API

MediaPipe Hands

メンバー

• 

  Yosuke Toyota @youtoy

同じニオイがする作品

• ブラウザ上での機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」
• Circle Clock
• 音を奏でて toio を動かす！（p5.js・ml5.js・p5.toio を用いたバージョン）
• M5Stack Light Sword with Image Effects（光る剣とエフェクト）