プログラミング

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

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

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

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

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

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

インベーダーのビーム攻撃編 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座標 v...

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

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