ブロック崩し

Webアプリ

JavaScriptで作ったブロック崩し。

キーボードで操作します。

スポンサーリンク
スポンサーリンク

ゲーム

Game
ゲーム設定
モード
難易度

操作方法
スタートボタンを押すとゲームスタート

<ノーマルモード>
← → パドルの移動
ボールを下に落とすとゲームオーバー!

<カラーモードのときだけ>
Shiftキー パドルの色チェンジ
パドルの色をボールと合わせないとダメージ!
ライフがなくなってもゲームオーバー!

概要

JavaScriptの文法をいちから学ぶのはしんどかったので、動くものを作りながら調べていこうと、ブロック崩しを作成してみました。

以下のサイトを参考にしています。
純粋な JavaScript を使ったブロック崩しゲーム | MDN

動作は「Chrome」と「Edge」で確認済み。
ただ、古いブラウザだと動かないかもしれません。

いつもはコードを載せつつ自分なりに解説のようなものを行っていますが、基本的なところは上記サイトによるところが大きいですし、JavaScriptはまだそんなに触れてもいないためやめておきます。

コードはGitHubに上げました。

JavaScriptはHTMLとCSSの操作ができ、動くものがすぐ作れて楽しいですが、癖がありますね。
非同期処理に苦戦しました。

タイトルとURLをコピーしました