three.jsで2Dシューティングゲームの続きを作る(2) - gulp + babel + browserifyでビルドするように変更し、コードを修正した。

公開:2016-01-10 08:57
更新:2017-09-18 18:45
カテゴリ:シューティングゲーム,javascript,three.js,html5,ゲーム,web 2d shooting game,ゲーム製作

表題の通り、シューティングゲームのビルドをgulp + babel + browserifyで行うように変更した。 コードはファイルで分割していたものの、モノリシックな構成になっていたので、ファイル単位でモジュール化を行った。 といってもファイル間で疎に保てているかというと微妙であるが。

これが結構大変だった。元のコードがいい加減なためだ。バグも結構あったので修正した。どうも以前のバージョンはかろうじて動いていたようだ。といっても動くようにしたコードもいい加減なのだが。。

https://68.media.tumblr.com/74084258d0cd7fc22dbe6ba6a38e9fea/tumblr_o0pl6yRyjt1s44dwzo1_1280.png

Chrome,Edge,Firefoxで動くことは動いたが、まだBugはあるかもしれない。

次に進む準備ができたので、アイデア出しをしつつ実装しようかと思っている。

ギャラガってゲームとしての完成度はやっぱり高いなぁと思う。固定画面のシューティングでこれを超えるゲームっていまだにないんじゃないかなあと思ったりする。こういうジャンルが廃れているのいうのもあるけどね。

動作サンプル

新しいウィンドウで実際の動作を見る

ソースコード・リソース

/dev/2dshooting/devver/20160110/index.html

/dev/2dshooting/devver/20160110/js/bundle.js

/dev/2dshooting/devver/20160110/js/dsp.js

/dev/2dshooting/devver/20160110/res/author.png

/dev/2dshooting/devver/20160110/res/bomb.png

/dev/2dshooting/devver/20160110/res/enemy.png

/dev/2dshooting/devver/20160110/res/Font.png

/dev/2dshooting/devver/20160110/res/Font2.png

/dev/2dshooting/devver/20160110/res/myship2.png

/dev/2dshooting/devver/20160110/res/TITLE.png