実際の画面
ブラウザ版テトリス メインスクリーンショット

ブラウザ版テトリス

サービス分類
開発ツール・研究開発
公開状態
公開済み

どんなものか

SEGAのアーケード版を意識した操作感と、壁キック、キー設定、ハイスコア保存を備えた、Canvasで動くブラウザ版テトリスです。

なぜ作ったか

子どもの頃に夢中になったSEGAのアーケード版テトリスを、自分の手で作り直すことが制作の発端です。以前にも何度か挑戦して満足できなかったため、そのリベンジとして、特に床へ接地してから弾むように回転する感触を追いました。

見どころ

  • 見た目だけでなく、接地後の回転と固定までのわずかな猶予を調整し、記憶にある操作感へ近づけています。
  • ブラウザだけですぐ遊べ、キー設定とハイスコアも端末内に保存できます。

できること

  • キーボードですぐに遊べます
  • 操作するキーを自分好みに変えられます
  • 名前付きのハイスコアを保存できます
  • 開始レベルや画面サイズも変えられます

特に工夫したところ

  • 回転時に衝突した場合は上下左右と斜めの8方向を順に試し、床や壁に触れた状態でも弾むように回せる壁キックを実装しました。
  • 着地後500msの操作時間、操作時の200ms延長、最後の300msの操作不可時間という3段階の設置猶予で、固定直前の感触を調整しています。
  • 同じ操作へ最大3キーを割り当てられる設定と上位10件のハイスコアを、サーバーを使わずlocalStorageへ保存します。

実際に触ってみる