爆弾ゲーム Bakuretu Bomb

ブラウザ爆弾ゲーム Bakuretu Bomb

ブラウザで動作する萌え(?)爆弾ゲーム Bakuretu Bomb です。

爆弾ゲーム Bakuretu Bomb ゲームスタート

(ゲームでは効果音が出ます)

ブラウザ(PC、iPhgone、Android、iPad)で動作するゲームです。JavaScript ゲームエンジン enchant.js で作成しました。

ゲームスタート後、上から降ってくる 爆弾をタップ (PCの場合はマウスでクリック)で爆発します。

ゲームを開始すると上から爆弾が降ってきます。

Bakuretu Bomb ゲーム画面

降ってくる爆弾をタップ(クリック)すると

服 を巻き込んで爆発します。赤い爆弾は「爆裂ボム」で爆発範囲が広いです。

爆弾ゲーム Bakuretu Bomb ゲームスタート

(ゲームでは効果音が出ます)


■ ゲームの作り方

ゲームを作成作成したい人は下記リンクよりプログラムをダウンロードして下さい。

Bakuretu Bomb v1.0.4 プログラム ダウンロード - 2013.08.10

ダウンロードファイルの内容は以下です

  • bakuretubomb104.min.js - ゲームプログラム本体
  • bomb_game_01.jpg - 初期画像

  • bomb_game_02.jpg - 爆発後画像

  • bomb_game_03.jpg - 爆発「縁」画像

  • bomb_icon_bomb.png - 爆弾 素材画像

  • bomb_icon_menu.png - メニュー 素材画像

  • bomb_sound.wav - 爆発効果音
  • bomb_sound.mp3 - 爆発効果音(IE用)
  • demo.html - ゲームサンプルHTML
  • readme.txt - 本URLが記載されている
  • enchant.min.js - HTML5+JavaScriptフレームワーク(*1)

(*1) Copyright (c) Ubiquitous Entertainment Inc. - enchant.js License

ゲーム画像、素材画像を描きかえてゲームを制作してください。そのままの画像で公開しても問題ありません。
上記ダウンロードファイルの全てはMITライセンスです。

自作ゲーム作成方法

(1) 初期画像を用意します

ファイル名は bomb_game_01.jpg 固定です。htmlと同じ場所に置く必要があります。
画像サイズは自由ですがスマートフォンで動作させる場合は 480x640 がおすすめです

(2) 爆発後画像を用意します

ファイル名は bomb_game_02.jpg 固定です。htmlと同じ場所に置く必要があります

(3) 爆発「縁」画像を用意します

ファイル名は bomb_game_03.jpg 固定です。htmlと同じ場所に置く必要があります
爆発した円の「縁」部分の画像です。特に縁の演出が必要ない場合は、爆発後画像(bomb_game_02.jpg)と同じ画像を置いてください。

(4) htmlを用意します

index.html を編集してください。下記部分が編集対象部分になります


var BOMB_GAME_WIDTH  = 480;
var BOMB_GAME_HEIGHT = 640;
var BOMB_GAME_FPS = 12;
var BOMB_GAME_LIMIT_TIME = 30;
var BOMB_GAME_TIMER_LABEL_COLOR = "black";
var BOMB_GAME_BAKURETU_BOMB_RATE = 25;
var BOMB_GAME_BAKURETU_BOMB_SOUND = "on";

  • BOMB_GAME_WIDTH : ゲーム画像の幅(px)
  • BOMB_GAME_HEIGHT : ゲーム画像の高さ(px)
  • BOMB_GAME_FPS : 爆弾落下速度(数字が大きいほど速い)
  • BOMB_GAME_LIMIT_TIME : ゲーム時間(秒)
  • BOMB_GAME_TIMER_LABEL_COLOR : 残りタイマー文字色(CSS指定)
  • BOMB_GAME_BAKURETU_BOMB_RATE : 爆裂ボムの出現頻度(25で1/25)
  • BOMB_GAME_BAKURETU_BOMB_SOUND : サウンドの on off

(5) 画像ファイル、JSファイル、素材ファイル、htmlをWEBサーバにアップロードして、公開します


Q&A - よくある質問

作る予定です。もし問い合わせがあれば。。。(´・ω・`)


更新履歴

[2014.08.10] Internet Explorer でサウンド再生ができなかったので修正(Ver1.04)
[2014.08.10] Chromeの最新バージョンでサウンド再生ができなくなっていたので HTML5 Audio にサウンド再生を変更(Ver1.03)
[2013.09.03] Firefoxでサウンド再生等がおかしかったので修正(Ver1.02)
[2013.08.05] サウンドの on off 設定を追加(Ver1.01)
[2013.06.30] まずは最初の公開(Ver1.00)


その他雑記

最近 enchant.js が面白いので勉強を兼ねて本ゲームを作りました。色々拡張予定なので、要望等があれば爆裂健までご意見ください

「enchant.js のバージョンが上がったら動かなくなった」というのが嫌なので、確実に動作する enchant.js をダウンロードファイルに付属させて頂きました

サンプルゲーム用にキャラ画像を用意するつもりだったけど、間に合わなかったです。大昔に知人に描いてもらった Bakuretu BLOCK の画像を流用してます (´・ω・`)

このゲームの開発理由は 「ここ」 に記載していますw

謝辞 enchant.js 素晴らしいです。おかげで久しぶりに個人開発ゲームを公開しました~