JavaScriptで作ったブロック崩し。
キーボードで操作します。
ゲーム
操作方法
スタートボタンを押すとゲームスタート
<ノーマルモード>
← → パドルの移動
ボールを下に落とすとゲームオーバー!
<カラーモードのときだけ>
Shiftキー パドルの色チェンジ
パドルの色をボールと合わせないとダメージ!
ライフがなくなってもゲームオーバー!
概要
JavaScriptの文法をいちから学ぶのはしんどかったので、動くものを作りながら調べていこうと、ブロック崩しを作成してみました。
以下のサイトを参考にしています。
純粋な JavaScript を使ったブロック崩しゲーム | MDN
動作は「Chrome」と「Edge」で確認済み。
ただ、古いブラウザだと動かないかもしれません。
いつもはコードを載せつつ自分なりに解説のようなものを行っていますが、基本的なところは上記サイトによるところが大きいですし、JavaScriptはまだそんなに触れてもいないためやめておきます。
コードはGitHubに上げました。
JavaScriptはHTMLとCSSの操作ができ、動くものがすぐ作れて楽しいですが、癖がありますね。
非同期処理に苦戦しました。