FourBeatハッカソン http://pigmal.com/blog/2013/06/10/fourbeat_hackathon/ の東京開催に行ってきたけどenchant.jsに苦戦したのでメモ。

1. 2013.06.17 @youten_redo

2. • 公式
• http://pigmal.com/blog/2013/06/10/fourbeat_hackathon/
• 6/16の東京開催のやつ参加した
• 虎の門じゃなくて半蔵門だった、間違って虎の門行っちゃったよ
• 感想
• enchant.jsと2時間戦った
• FourBeat自体はよくできてる、Android開発環境がなくとも、
enchant.jsのHTMLセットを外部ストレージ（SDカード）に配置すれ
ばいいというFourBeat アプリによるWrapperコンセプトは素晴ら
しい
• 大阪で6/23にある
• http://atnd.org/events/40666
• 見学＆体験会、つまり冷やかしおｋの模様
• この資料はenchant.jsにハマらないためのメモ

3. enhancement for FourBeat
apk（ホームアプリ）
Android
FourBeat External Storage
enchant.js
ここでJSと戯れて楽しいアプ
リかけよ

4. enhancement for FourBeat
apk（ホームアプリ）
Android
FourBeat External Storage
enchant.js
ここでJSと戯れて楽しいアプ
リかけよ
ダウンロードして
adb install
githubからcloneして
editしてadb push

5. • github
• https://github.com/itog/fourbeat.js
• (ExternalStorage)/com.pigmal.android.fourbeat/games/(projec
t_name)/みたいなディレクトリを配置するとapkから読ま
れるそうだ。
• examples/sprint/ は com.pigmal.android.fourbeat/games/sprint/ にコ
ピー
• 相対パス配置しているので、js/は com.pigmal.android.fourbeat/js/に
コピー（見落しやすい）
• adb pushでしこしこ送り込む必要がある。
• examples/template/index.htmlをChromeで開く。

7. • main.jsを開くと、
FourBeat.FB_EVENT_PRESS
しか拾ってないけど
FourBeat.FB_EVENT_RELEAS
Eも拾える。
• FourBeat.enableFourBeatOn
Sceneのif文に追加。
else if (event == FourBeat.FB_EVENT_RELEASE) {
switch (color) {
case FourBeat.FB_COLOR_RED:
label.text = ‘red released';
break;
case FourBeat.FB_COLOR_BLUE:
label.text = 'blue released';
break
case FourBeat.FB_COLOR_YELLOW:
label.text = 'yellow released';
break
case FourBeat.FB_COLOR_GREEN:
label.text = 'green released';
break;
default:
break;
}
}

9. • Androiderにはおなじみic_launcher.pngなドロイド君画像を
droid.pngとして追加。
• var droid;
• game.preload(‘droid.png’);
• game.onload = function() {
• droid = new Sprite(96, 96); // a.k.a. drawable-xhdpi/ic_launcher.png
• droid.image = game.assets[‘droid.png’];
• ：
• game.addEventListener(Event.ENTER_FRAME, function() {
• // フレーム毎の処理をここに書く
• }
• }

11. • https://github.com/youten/fourbeat.js/
• https://github.com/youten/fourbeat.js/blob/master/examples/droid/mai
n.js だけ見ればわかるはず
• commitコメントとかKYな感じなのでpull-reqはしないよ
• っていうか終わった後に書いたからFourBeatで動くか確認
してないし