recursionのチーム開発で、三名で作成したタイムアタックテトリスです。
最初の画面で難易度が設定できます。難易度によって残り時間と目標ライン数が変わります。
ゲーム画面の左上にはネクストテトロを表示しています。テトロのホールド機能も実装し、右上に現在ホールドしているテトロを表示しています。テトロのハードドロップや着地点にテトロの薄い影を表示することで快適にプレイして頂けるようにしました。レスポンシブ対応で効果音、BGMもついています。スマホのサイズでは下にボタンをつけることで操作できるようにしました。
難易度を設定し、スタートを押して頂くとゲームがスタートします。制限時間内に目標ラインの数だけ消すことができればゲームクリアです。左右の矢印キーで移動、上矢印キーで回転、下矢印キーでテトロを下まで落とします(ハードドロップ)。スペースキーでテトロのホールドができます。リスタートボタンを押して頂くか、ゲームクリア、ゲームオーバーになるとポップアップが表示され、もう1度プレイすることができます。
https://recursion-blue-team.github.io/tetris/
・HTML
・CSS
・javascript