FourBeat apk, enchant.js memo #FourBeat

1,012 views
911 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,012
On SlideShare
0
From Embeds
0
Number of Embeds
129
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

FourBeat apk, enchant.js memo #FourBeat

  1. 1. 2013.06.17 @youten_redo
  2. 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• 見学&体験会、つまり冷やかしおkの模様• この資料はenchant.jsにハマらないためのメモ
  3. 3. enhancement for FourBeatapk(ホームアプリ)AndroidFourBeat External Storageenchant.jsここでJSと戯れて楽しいアプリかけよ
  4. 4. enhancement for FourBeatapk(ホームアプリ)AndroidFourBeat External Storageenchant.jsここでJSと戯れて楽しいアプリかけよダウンロードしてadb installgithubからcloneしてeditしてadb push
  5. 5. • github• https://github.com/itog/fourbeat.js• (ExternalStorage)/com.pigmal.android.fourbeat/games/(project_name)/みたいなディレクトリを配置するとapkから読まれるそうだ。• examples/sprint/ は com.pigmal.android.fourbeat/games/sprint/ にコピー• 相対パス配置しているので、js/は com.pigmal.android.fourbeat/js/にコピー(見落しやすい)• adb pushでしこしこ送り込む必要がある。• examples/template/index.htmlをChromeで開く。
  6. 6. • main.jsを開くと、FourBeat.FB_EVENT_PRESSしか拾ってないけどFourBeat.FB_EVENT_RELEASEも拾える。• FourBeat.enableFourBeatOnSceneの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;breakcase FourBeat.FB_COLOR_YELLOW:label.text = yellow released;breakcase FourBeat.FB_COLOR_GREEN:label.text = green released;break;default:break;}}
  7. 7. • 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() {• // フレーム毎の処理をここに書く• }• }
  8. 8. • https://github.com/youten/fourbeat.js/• https://github.com/youten/fourbeat.js/blob/master/examples/droid/main.js だけ見ればわかるはず• commitコメントとかKYな感じなのでpull-reqはしないよ• っていうか終わった後に書いたからFourBeatで動くか確認してないし

×