Breakout.

学部の講義で作った簡素なブロック崩しを土台に、Web で遊べるよう整えた小品。
ブロックを全て崩してステージをクリアしよう。

読み込み中…
/ or drag Space Start / Pause M Mute

About

学部の講義で作った簡素なブロック崩しを土台に、コードを整理しなおしてポートフォリオに置けるよう整えました。視覚演出・サウンド・スマートフォン対応を新たに足しています。

Controls

  • / A D ラケット移動
  • マウス / タッチドラッグでも操作可
  • Space 開始 / 一時停止
  • R リスタート   M ミュート

Power-Ups

ブロック破壊時、約 22% でカプセルが落ちてきます (Stage 1 から)。パドルで受け取ると効果発動。

  • W
    WIDE — パドル幅 1.6倍 (15秒)
  • P
    PIERCE — ボール貫通 (8秒)。連鎖破壊で一気にクリア
  • M
    MULTI — ボールを最大 5 個に分裂
  • S
    SLOW — ボール減速 (10秒)。立て直しに
  • L
    +1 LIFE — 残機+1 (出現率低め)

Tech

  • p5.js (Canvas)
  • Web Audio API
  • LocalStorage
  • Vanilla CSS