プログラミング

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

自機ミサイル編『弾幕インベーダー』の解説シリーズですが、これまではソースコードを中心に見ていきましたが、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...

自機の移動、ミサイル発射、ボムの制御編 var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); //初期設定 let x = ...

ゲームプログラミング解説の第二段スタート！！ゲームプログラミングのコードを細かく解説するシリーズの第二段です。今回もヒューマンネット上本町センターの利用者さんが作った『弾幕インベーダーゲーム』を取り上げます。『弾幕インベーダーゲーム』は当事...