先日のDigitalFragmentsで展示した「Customize Journey」の紹介をします！

Customize Journeyとは、iPad上でカスタマイズしたオリジナルロケットを、スクリーン上の宇宙に旅立たせて楽しむ作品となっています。
「イベントの参加者に何らかの足跡を残してもらい、会場の盛り上がり具合を把握したい」という私的な要望から作るに至っています。

飛ばしたロケットは大体20~30分滞在するので、滞在しているロケットの数から、盛り上がり具合を把握する事が出来ます。
滞在しているロケットを参考に、自分のロケットを他のロケットより格好良くカスタマイズしましょう。

上記iPadの画面から、Head、Body、Wing、Jetの4か所のパーツをカスタマイズする事が出来ます。
選んだパーツによってスペックが変わり、飛び方や速度も変わるので、個性を存分に発揮できるようになっています。
ちなみにこのパーツ群、どんな組み合わせでも不自然なくハマるよう、デザイナー加藤 咲の匠の技術が使われています。

カスタマイズが完了したら、右のバーを上までグッと上げてもらう事で、オリジナルロケットをスクリーン上の宇宙に旅立たせてあげる事が出来ます。

他のロケットと共に、旅に出るオリジナルロケットの勇姿を、手を振って見てあげてください。
ちなみに飛び立つ仕組みはNode.jsです。

以下、操作の流れをまとめた動画になります。

今後の展開としては、自分で作ったロケットをスマートフォンで持ち帰ってもらえるよう改良中です。
スマートフォン上でのロケットは、数日後着陸し、ロケットのパーツに応じたアイテムを持ち帰っている、というストーリーになっています。
そちらを含めて近日中に、URLを公開させて頂きます！

それではまた、宇宙で！

―――――――――――――――――
スタッフクレジット：
サウンド:小野 翔太郎
デザイナー:加藤 咲
プログラマー:宮林 竜平

みなさん、こんにちは。HACKstの一階です。

このたび、以前公開した「ご長寿祈願 白蛇様」をベースに、02/17にテレビ朝日系列で放送された神芸2013の観客審査員用投票システムを構築しました！

実にめでたいことですので、記念にこのシステムの技術面の話を軽くしようと思います。（システムの内容はこちらのプレスリリースを参照してください）

開発のきっかけはAndroidタブレットを利用して、100人以上で同時投票を行いたい（しかも1ヶ月以内！）という相談が来たことでした。

期間が非常にタイトなため、普通なら受けようか受けまいか迷うところですが、こんなこともあろうかと（本当ですよ）実験として「白蛇様」を開発していたので、これはいいチャンスだと思い、すぐに「任せて！」と回答しました。

「白蛇様」の経験を生かし、仕様は以下としました。

・100人以上の同時接続＝Node.js（実際はiisnode）

・Andorid上でアニメーションが必要だが、期間が短い＝HTML+jsで画面を作成

・サーバとのソケット接続＝jsでソケット接続

・Androidアプリ＝単なるWebView

・Node.jsをサポートしていて、運用／スケールアウトが容易そう＝WindowsAzure

～サーバにAzureを利用している以外は普通の構成ですね。

基本順調にシステムを開発していたのですが、途中１つ問題が。できあがったHTML+jsのロジックをAndroidのWebViewに入れてもNode.jsがピクリとも動かないのです。

Google先生にお伺いを立てたところ、iPhoneの標準ブラウザもUIWebViewもNode.js（というかSocket）に対応しているけれど、Androidは標準ブラウザもWebViewもNode.jsをサポートしていないことが判明。

・・・技術的に進んでて自由がきくのがAndroidの大事な取り柄では・・・(T.T)

まあ、駄目なものは駄目なのでAndroidアプリでSocket接続を行うよう変更しました。

ただ、Android×node.jsはまだしも、Android×iisnodeの組み合わせ事例がなく、
githubで公開されているSocketクラスなどを参考にいろいろ苦労したのが、技術的な山場でした。

さほど広くない空間で100台以上のタブレットをどうやってWifiに同時接続するかや、手動でタブレットに作成したアプリをインストールするなど技術以外の所も大変でしたが、非常に楽しい経験ができました！

[アプリインストール中]

[タブレット充電中]

[投票画面]

HACKistは今後も様々な技術で楽しいものを作っていきますので、ご期待ください！