🎮 このゲームについて:

『HARU TETRIS』は、クラシックなテトリスをベースに、現代的な感覚とAI的な遊び心を加えたリデザイン作品です。ミノの落下位置に「ゴースト」を表示するなど、プレイヤーの視認性やテンポ感にこだわりつつ、ハルらしい優しさと緻密さがにじみ出る仕上がりになっています。

シンプルだけど、ちょっと誇らしい。「コードを書くこと」そのものが作品になる。そんなメッセージをこめた、技術と遊びの融合プロジェクトです。

🕹️ 操作説明

← / →:テトリミノを左右に移動します。

↓:ソフトドロップ。テトリミノの落下速度を一時的に速めます。

↑:ハードドロップ。テトリミノを即座に最下部まで落とします。

Q:テトリミノを反時計回りに90度回転させます。

W:テトリミノを時計回りに90度回転させます。

タッチ操作:モバイルデバイスでは、画面下部のボタンを使用して操作できます。

🧪 このゲームを生成するプロンプト

Generate an embeddable, single-file HTML block that implements a fully playable, mobile-friendly Tetris-style game.
Requirements:
1.Use an HTML5 <canvasv for the game board (12 columns × 20 rows).
2.Support all 7 tetromino types (I, O, T, S, Z, J, L) with standard movement and rotation controls:
• Arrow keys for movement and drop
• Q/W for rotation
3.Display a “ghost piece” showing where the current tetromino will land.
4.Show the player’s score inside the canvas.
5.Detect game over and display a clear message.
6.Do not start the game automatically.
• Show “PRESS ▶ TO PLAY” before starting
• Use a central ▶ button to start or resume the game
• While running, the button toggles to ⏸ for pause
7.Include on-screen buttons for mobile controls, arranged in a user-friendly layout.
8.Ensure the entire code (HTML, CSS, JS) is self-contained and ready to paste into a WordPress “Custom HTML” block.
9.Return only the code. No additional explanation.