日本Androidの会 沖縄支部 workshop@Naha Vol.13 http://atnd.org/events/21777 での発表資料です。

1. 4日間で
Gameを作る
∼9leapに投稿した作品紹介∼
by @hanachin_

2. 自己紹介
@hanachin_
id:h6n

3. 作ったゲームが

4. 週刊アスキーに掲載

8. http://9leap.net/
games/840/

9. Demo

10. 応募する経緯

11. 週末ものづくり講座
by @yasulab

12. 1ヶ月で1 4つのプロトタイプを作成&評価し、
早く失敗し、早く知見を得るプロセスを体験してもらう。
出来上がったモノはOSSとして公開するか、
市場に投稿することを推奨する。

13. いいネタ
ないかなぁ…
Image: t0zz / FreeDigitalPhotos.net

14. 勉強会に参加

15. 勉強会に参加

16. enchant.js
と出会う

17. 9leapと出会う

18. enchant.jsとは?
•HTML5 + JavaScript
Based Game Engine
•Fast, Lightweight, Fun!
•MADE IN JAPAN

19. 9leapとは?
•投稿型ゲームサイト
•enchant.jsを使ったゲーム
が数多くある
•いろんなコンテストを実施中

20. 9leap ピアプロ
初音ミクチャレンジ

21. ピアプロに投稿されている
初音ミクの画像を使った
ゲーム

22. 応募しよう!

23. ゲームには絵と音が
必要

24. 絵は描けないから
友達に任せよう

25. が仲間になった
@s_taruo

26. 開発Start!

27. Day 1
• STGを作ることに
• 画像を表示
• ♪を発射
• ミク回転

28. Day 2
• 熊の数や♪の連射数に
制限をつけた
• 背景がついた
• 玉が熊に当たると玉と
熊が消える
• 当たると音がなる

29. Day 3
• オタク画像作成
• スコアと時間制限
• コンボ数の表示

30. Day 4
• BGM再生
• ミク画像作成
• オタクの種類++
• テトリスを目指す

31. Upload to 9leap
• 1200 play+
• 週刊アスキー掲載
• 勉強会のネタに

32. 工夫したところ
すぐプレビュー
GitHub pagesのリポジトリで開発。
pushするとすぐに友達が確認出来る。

33. 工夫したところ
すぐプレビュー
つい最近気づいたこと:
DropboxのPublicに置けば皆見れる

34. 工夫したところ
パラメータ変更
オタクの出て来る間隔・出て来る数
♪の連射間隔・タイムリミット等を
ソースをいじらず変更出来るようにした。

35. 工夫したところ
パラメータ変更
! var query_s = location.search;
! if (query_s) {
! ! var params = query_s.substr(1).replace(/&/g, ';');
! ! eval(params);
! }

36. 工夫したところ
パラメータ変更
http://example.com/?FOO=10&BAR=20
にアクセスすると
eval(“FOO=10;BAR=20”);
が実行される

37. 発生した問題
音が鳴らない!
GitHub pagesのmp3の
Content-Typeがoctet-streamなのが原因?
audio/mpegを出力するfluxflexにアップ。

38. まとめ
•ゲームを作るのは楽しい
•遊んで貰ったり雑誌に載ると嬉しい
•作ったものを発表出来て幸せ!

39. ご清聴ありがとう
ございました!
の後に告知を2つ…

40. 何か作りたいあなたへ
9leapでコンテスト開催中!

41. ドロイドちゃん素材
http://bit.ly/vBnqeX