JavaScript版「爆裂ブロック崩し」ゲーム完成
→ ゲームスタート
カテゴリーアーカイブ: JavaScript
JavaScript版「爆裂ブロック崩し」開発しました。
1999年に Java Applet で作った「爆裂ブロック崩し」の JavaScript版（enchant.js）を作成しました！
「爆裂BOMBゲーム」に続く、JavaScript (enchant.js) ゲーム第2弾です。スマホのブラウザでも動きます。
パネルの中央に弾を当てた時の「爆裂貫通弾」も実装しました。
まさか、15年くらい前に作った自分のプログラムを、自分で JavaScript に移植するとは思いませんでした。
爆裂ブロック崩しは、当時いろいろな雑誌で取り上げられたりして、作っていて楽しかったし、思い入れのあるプログラムです。
爆裂ブロック JS版 サンプルゲーム
http://bakuretuken.com/block_demo/demo02/
スマホでも PC でも動作します。今のところ、Windows Chrome、iPhone Safari のみ動作確認しています。
近日中に、ゲーム画像があれば簡単にゲームが作れるようにプログラムを公開します。
ドキュメントページも作る予定です。
■JavaApplet版との違い
- 反射パネルを少し大きくしました
- ボール数を１つにしました。残弾はなくなりました
- ゲームサイズを (480 x 560) から (480 x 640) に変更
- ブロックサイズが (16 x 16) から (16 x 16)と(32 x 32)を選べるようになりました
■公開までの残作業
- ドキュメントページの作成
- 効果音の追加
- Android で全画面表示で出来てないので調査&修正
- 各種ブラウザでの動作テスト
ブロック（服部分）の画像フォーマットが GIF から PNG に変わっただけなので、当時のゲーム画像も使えると思います。
まぁ、もはや当時ゲーム使って頂いた人が、このサイトにお越しになってないとは思いますがｗ
しかし、たまたま JavaApplet 版の問い合わせメールが来て当時を思い出したり、
週末予定が狂って時間ができたりでなにか作りたくなったりで作ってしまいました。
「15年ぶりだね｡」
「ああ間違いない。【爆裂ブロック崩し】だ。」
という ネタ を当時の友人とやりたいくらいですねｗｗｗ
ちなみに1999年当時の Applet 版の「爆裂ブロック崩し」のページは、【ここ】 です。
懐かしいです。最終更新日が 2003年 ですがｗ
■ 2014.08.24 追記
ブラウザ爆弾ゲーム バージョンアップしました
久しぶりの更新になります。爆裂健です。
最近暑くて、夏バテ気味です。。。
（今は当時の日記は消してしまいましたが）2000年の頃に「爆裂健ホームページ２」で日記を書いてた時は、どうでもいい話題をほぼ毎日書いていたんですが、さすがに当時のようには行かないですねｗ
なんか最新版のChromneで「ブラウザ爆弾ゲーム」の効果音が出なくなってしまったので、バージョンアップしました。
サウンド再生周りの処理が今までのやり方で動かなくなったようです。やはり JavaScript と HTML5 で本格的なゲームを作れる時代になりましたが、まだサウンド周りは弱いですね。
さしあたり enchant.js のgame.assets でのサウンドデータの読み込みは行わず、HTML5 Audio でサウンド再生するようにしました。ブラウザによってサポートがまちまちなので、対応していないブラウザの場合は効果音の再生が ON であってもサウンドの再生をあきらめました。
バグや問題等があれば、是非ご連絡くださいませ。。。m(__)m
ブラウザ爆弾ゲーム Bakuretu Bomb 公開
ブラウザで動作する萌え（？）爆弾ゲーム Bakuretu Bomb が完成したので、公開しました！
先日知人にネタフリされたやつですｗ
enchant.js が面白かったので、勉強を兼ねて作成しました。
詳細は 爆弾ゲーム Bakuretu Bomb を見てください。
私はイラストが描けない人なので、もしこれを使ってゲームを公開してくれる絵師の方がいらっしゃると、嬉しい限りです (・∀・)
enchant.js 簡単すぎてワロタ
最近 JavaScript が面白いので、JavaScript で簡単にブラウザで動くゲームが作れると巷で噂の enchant.js に挑戦。
あっという間にホモォが動いたｗ
ホモォ – enchant.js
http://bakuretuken.com/enchant/homo.html
これは面白い。enchant.js をつかってゲーム作りたいなぁー
また「やるやる詐欺」になりそうですけど。。。
書いたプログラムは、この程度です。
[javascript]enchant();
var game = new Game(640, 320); // game stage
game.preload(‘img/homo02.png’); // preload image
game.fps = 20;
game.addBear = function(){
var bear = new Sprite(140, 32);
bear.image = game.assets[‘img/homo02.png’];
bear.x = rand(300);
bear.y = rand(300);
bear.frame = [0, 0, 1, 1]; // select sprite frame
bear.tl.moveBy(288, 0, 90) // move right
.scaleTo(-1, 1, 10) // turn left
.moveBy(-288, 0, 90) // move left
.scaleTo(1, 1, 10) // turn right
.loop(); // loop it
game.rootScene.addChild(bear);
};
game.start();
game.tick = 0;
game.rootScene.addEventListener(Event.ENTER_FRAME, function() {
if (game.tick < 1100 && game.tick%80 == 0) game.addBear();
game.tick++;
});
function rand(num)
{
return Math.floor(Math.random()*num);
}[/javascript]