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でコンテスト開催中!

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