鳩でもわかるC#

前回、JavaScriptで『スペースウォー!』（Spacewar!）を完成させたので、次に対戦型の『スペースウォー!』を作ります。 動作確認はこちらから スペースウォー!は1962年、当時マサチューセッツ工科大学（MI・・・

続きを読む

動作確認はこちらから 前回、JavaScriptで『スペースウォー!』（Spacewar!）を完成させたので、次に対戦型の『スペースウォー!』を作ります。ただそのときにちょっとした問題に直面したので、今回はその部分を記事・・・

続きを読む

JavaScriptで『スペースウォー!』（Spacewar!）をつくる（1）の続きです。前回定義したクラスをつかってゲームを完成させます。 動作確認はこちらから ページが読み込まれたときの処理 [crayon-6ab7・・・

続きを読む

以前、C# WindowsFormsで『スペースウォー!』（Spacewar!）をつくりました。今回はJavaScriptでつくります。 スペースウォー!は1962年、当時マサチューセッツ工科大学（MIT）の学生であった・・・

続きを読む

JavaScriptで残像を描画するにはどうすればよいでしょうか？ 動作確認はこちらから 準備 以下のコードでcanvasとボタンを表示させるところまで作ります。 [crayon-6ab794b0db5f54449462・・・

続きを読む

レーザーと爆発のエフェクトをつかってゲームをつくる（2） の続きです。今回は前回定義したクラスを使ってゲームを完成させます。 動作確認はこちらから ページが読み込まれたときの処理 ページが読み込まれたときにおこなわれる処・・・

続きを読む

レーザーと爆発のエフェクトをつかってゲームをつくる（1） の続きです。今回は自機クラスと敵クラスを定義します。 動作確認はこちらから Playerクラスの定義 自機の状態を更新し描画するためにPlayerクラスを定義しま・・・

続きを読む

前回作成したレーザービームのエフェクトと爆発のエフェクトをつかってゲームをつくります。 動作確認はこちらから プレイヤーとしてこの画像を使用します。 このペンライトの部分からレーザービームを発射させます。 これは上記の画・・・

続きを読む

前回は レーザービームのエフェクトをシミュレーション しましたが、今回は爆発のエフェクトをやってみることにします。 やることは単純で円を大きくして消滅させるだけです。ぼかしをつかって縁の色を変えたものを爆発発生地点の周囲・・・

続きを読む

JavaScriptでレーザービームのようなエフェクトを作ります。レーザービームをただの直線ではなく周囲をボンヤリと明るくさせます。 前回、JavaScriptでレーザービームのようなエフェクトを作りましたが、描画の回数・・・

続きを読む