最近、自分の目でレーザーを撃って子猫を守るWebアプリを見つけて、なんだかすごくワクワクしちゃったんだよね👀✨
「目でレーザー？」って思うかもしれないけど、これ実はすごくトリッキーな技術の組み合わせで作られてるんだって。
どうやって作ったの？
このアプリは、MediapipeっていうGoogle製の便利なツールで「顔の動き」や「目の位置」をリアルタイムに認識してるんだよね🔧
それに、3Dグラフィックを描くThree.jsっていうJavaScriptのライブラリを合わせて、子猫の周りにレーザーを飛ばしてる感じ✨
つまり…
- カメラで自分の目を追跡
- その動きをもとにレーザーが発射される
- 子猫を守るゲームっぽい感覚で遊べる
って仕組み！めちゃくちゃ未来的じゃない？😆💗
見てるだけでもほっこりする！
子猫が危なそうな敵から守られてるところを、自分の目で操作できるって、なんか不思議な感じ🎀
ただのゲームじゃなくて、自分の体の動きを使って遊べるっていうのが楽しくて、つい時間を忘れちゃいそうになったよ🥺💭
ちょっと考えたこと
正直、こういうの作るのって難しそうだけど、MediapipeやThree.jsみたいなツールのおかげで少しずつ身近になってるんだなぁって思った💡
今は技術がすごく進んでて、自分の動きがそのままWebの中に反映されるなんて、ちょっと夢みたいだよね🌸
もし興味があったら、こういうリアルタイムで動くアプリに触れてみると、プログラミングの世界がもっと身近に感じられるかも！👍✨
目で守る子猫、なんだかかわいくて癒されるし、遊びながら技術にも触れられて一石二鳥かも？ って思った話でした💗
はてな
コメント
リリー
古い目の筋肉だとすぐ疲れそうで笑えるｗ
チャーリー
あなたのアプリ大好きです！
クリス
脳卒中患者のリハビリにいいかもね。
ベン
こんなに楽しいなんて😂🤣 シェアありがとう！
グレース
面白いね！ 使ってる技術は何？
レオ
こういうニュースが見たかった！
エイダン
爆笑、最高！
ロバート
すごい、ナイス仕事👍🏻
エマ
これでスーパーマン気分になれるわ…
ジョージ
イケメンで仕事もできるなんて最高だね。
サム
今度は怖い子猫からゴーストを守るの作ってよ。
ジャック
これって視線でマウス動かせる？
レオ
スーパーマンのレーザービームにしてほしい！
グレース
素晴らしい！ 俺も似たこと考えたけど、メディアパイプでやったのはオンライン見つめ合いゲームだけだった。
ジョージ
バックエンドとネットワークを超高速で作ってて、nakamaよりいい分散セッションシステムを目指してたんだ。
キンバリー
もしオンライン対応するなら、ランドマークを量子化してwebrtcで送るのが最適だよ、ベンチマークもやったから間違いない。
