顔で操作するブロック崩し

https://github.com/tsmiyamoto/face_breakout

JavaScript

HTML

非接触時代のブロック崩しです

tsmiyamoto

推しアイデア

ブロック崩しという誰もがこれまで当たり前のように手で操作していたゲームを顔で動かす新しさ。 眠気覚ましにもなります。

作った背景

画像認識×ゲームで何か面白いものを作れないかと模索していたところ、いいネタが見つかったので。

推し技術

TensorFlow.jsを使っており、エッジ推論を行っている点が推しです。

プロジェクト詳細

ベースのプログラム

https://github.com/tensorflow/tfjs-models/tree/master/blazeface

https://developer.mozilla.org/ja/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript

鼻部分の座標とブロック崩しの板(?)の移動を連動させました。

注意

他のアプリでWebカメラを占有していると顔認識プログラムが立ち上がりません。

tsmiyamoto

@e83ee3916c35af41