ゲーム開発室

インベーダーの残りのミサイル編『弾幕インベーダー』のリファクタリング解説シリーズの第四段です。前回はインベーダーの3Wayミサイルについてリファクタリングしました。インベーダーの攻撃は3Wayミサイル以外にも誘導弾ミサイル、ビーム、弾幕ミサ...

インベーダーの3wayミサイル編『弾幕インベーダー』のリファクタリング解説シリーズの第三段です。今回から数回に渡ってインベーダーの各ミサイル制御についてリファクタリングしていきたいと思います。今回の方針も今まで同様にプログラムの中に散らばっ...

ドロップアイテム編『弾幕インベーダー』のリファクタリング解説シリーズの第二段です。今回はドロップアイテム周りの制御についてリファクタリングしていきたいと思います。今回も前回同様、ドロップアイテムはクラスがすでに用意されていますので、プログラ...

自機ミサイル編『弾幕インベーダー』の解説シリーズですが、これまではソースコードを中心に見ていきましたが、9回目となる今回から何回かに渡ってコードをリファクタリングしていきたいと思います。今回は自機ミサイルについてリファクタリングしていきます...

ドロップアイテム編var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var x = 0; //自機のx座標var stage...

インベーダーの弾幕攻撃編var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");//初期設定var tama = , , ];cl...

インベーダーのビーム攻撃編var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var clear = true; //クリア状...

インベーダーの誘導弾攻撃編var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var x = 0; //自機のx座標var s...

インベーダーの3Way弾攻撃編var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var x = 0; //自機のx座標var...

インベーダーの移動編 var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var x = 0; //自機のx座標var sta...