プログラミング

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

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

こまごまとした処理の解説編var canvas = document.getElementById("myCanvas"); //キャンバスの取得var ctx = canvas.getContext("2d"); //コンテキストの取得/...