Works & Entries Our Events API Dictionary Mashup Awards Login

Work Detail

じゃんけん魔法陣 by Earth, Wind & Fire

手軽にプロジェクションマッピングが出来る。ついでにジャンケンも。

(デモ映像)
http://bit.ly/1jNK5mW

将来家族の不和を解決するのは、こういうアプリケーションなのかもしれない。そう想って作ってみました。プロジェクションマッピングを使ったジャンケンで、かつてないくらいに楽しんでしまおう!

クソ簡単な実装

  • Microsoft Azure 仮想マシン(OpenLogic)
  • Node.js(Webサーバー,Socket.io)
  • HTML5
  • CSS3
  • JavaScript

構成技術はこれだけです。たったこれだけで、出力はほぼCSS+HTMLで出来ています。
アプリの都合上着信を簡易化するためにAzureを使っていますが、実際はローカル環境でnode.jsスクリプトを立ち上げるのみで動作するため、スマートフォン2台とMac1台、プロジェクタ1台というどこの家の台所にでもある物だけで構築できます。

真面目な話

プロジェクションマッピングの本質は、「プロジェクタの照射範囲を何でもディスプレイにできる」事なんじゃないかなと思ってます。しかし現実はキャリブレーションも必要な機器も非常にハードルの高いものと思われています。

あらゆるものをユーザーインターフェースにしうる手法なのに、もったいない。
そんな思いが某メンバーの中にあり、今回は極めてシンプルに実装しています。冷蔵庫だったり、ドアだったり、ゴミ箱だったり、そういったものに情報を表示するのが使い慣れたjQueryやCSSで出来たらステキじゃないですか?今回のジャンケンはまさにそれです。ジャンケンはあくまで1アプリケーション。作品にはこの側面もあるということをどこか片隅に置いて頂いた上で見て頂けるとよいと思います。