Embed Size (px)
Citation preview
4日間でGameを作る
by @hanachin_～9leapに投稿した作品紹介～
自己紹介
@hanachin_
id:h6n
作ったゲームが
週刊アスキーに掲載
http://9leap.net/games/840/
Demo
応募する経緯
週末ものづくり講座by @yasulab
1ヶ月で1~4つのプロトタイプを作成&評価し、早く失敗し、早く知見を得るプロセスを体験してもらう。出来上がったモノはOSSとして公開するか、市場に投稿することを推奨する。
いいネタないかなぁ…
Image: t0zz / FreeDigitalPhotos.net
勉強会に参加
勉強会に参加
enchant.jsと出会う
9leapと出会う
enchant.jsとは?•HTML5 + JavaScript
Based Game Engine
•Fast, Lightweight, Fun!
•MADE IN JAPAN
9leapとは?•投稿型ゲームサイト•enchant.jsを使ったゲームが数多くある
•いろんなコンテストを実施中
9leap×ピアプロ初音ミクチャレンジ
ピアプロに投稿されている初音ミクの画像を使ったゲーム
応募しよう!
ゲームには絵と音が必要
絵は描けないから友達に任せよう
@s_taruo
が仲間になった
Start!開発
•STGを作ることに
•画像を表示
•♪を発射
•ミク回転
Day 1
•熊の数や♪の連射数に制限をつけた
•背景がついた
•玉が熊に当たると玉と熊が消える
•当たると音がなる
Day 2
•オタク画像作成
•スコアと時間制限
•コンボ数の表示
Day 3
•BGM再生
•ミク画像作成
•オタクの種類++
•テトリスを目指す
Day 4
•1200 play+
•週刊アスキー掲載
•勉強会のネタに
Upload to 9leap
工夫したところ
すぐプレビューGitHub pagesのリポジトリで開発。pushするとすぐに友達が確認出来る。
工夫したところ
すぐプレビューつい最近気づいたこと:DropboxのPublicに置けば皆見れる
工夫したところ
パラメータ変更オタクの出て来る間隔・出て来る数♪の連射間隔・タイムリミット等をソースをいじらず変更出来るようにした。
工夫したところ
パラメータ変更! var query_s = location.search;! if (query_s) {! ! var params = query_s.substr(1).replace(/&/g, ';');! ! eval(params);! }
工夫したところ
パラメータ変更http://example.com/?FOO=10&BAR=20
にアクセスするとeval(“FOO=10;BAR=20”);が実行される
発生した問題
音が鳴らない!GitHub pagesのmp3のContent-Typeがoctet-streamなのが原因?audio/mpegを出力するfluxflexにアップ。
まとめ
•ゲームを作るのは楽しい•遊んで貰ったり雑誌に載ると嬉しい•作ったものを発表出来て幸せ!
ご清聴ありがとうございました!
の後に告知を2つ…
何か作りたいあなたへ
9leapでコンテスト開催中!
