はじめに
休憩中や移動時間に、
「ほんのちょっとだけ、息抜きできればいいのに」
そう思ったことはありませんか？
今回は、HTMLとJavaScriptだけで作った
スマホ・PC両対応のブロック崩しゲームを
実際にページへ埋め込んでみました。
ページを読みつつ、そのまま遊べます。
実際に遊んでみよう
操作方法
- PC：← → キーでパドル操作
- スマホ：画面を左右にスワイプ
- ステージクリア後：クリック／タップで次へ
ゲームの説明
ブロック崩しゲーム
ボールをブロック当てて、ブロックを崩すゲームです。
全てのブロックを消したら、ステージクリアです。
スマホ対応
スマホでは指のスワイプにパドルが追従するので、
ストレスなく遊べます。
ステージ制（Stage1〜3）
- Stage1：基本ステージ
- Stage2：耐久ブロック登場
- Stage3：ブロック増量で難易度アップ
クリア時には
「STAGE X CLEAR」 が表示されます。
スコア＆ライフ表示
- ブロック破壊でスコアが加算されます
- ボールを下に落としたら、ライフが減ります。
- ライフが０になったら、ゲームオーバーです。
まとめ
今回は、
ブログに直接埋め込めるブロック崩しゲームを紹介しました。
ほんの少しでも息抜きして頂けたならよかったです。