Step 04 of 12

左右キー操作

矢印キーでブロックを左右に動かせるようにします。 onKey(Key key) はキーが押されるたびに呼ばれるメソッド。「時間で起こること」と「キーで起こること」を分けて書くのがポイント。

MyTetris.java Read-only · editor is coming

import dev.yasuda.tetris.*;

/**
 * Step 4 — Left/right (and down) key input.
 *
 * Goal: arrow keys move the block. Down nudges it one cell faster.
 * You'll learn: onKey(Key), enum == comparison.
 *
 * The block can still run off the sides — Step 5 adds wall collision.
 */
public class MyTetris extends Game {

    static final int COLS = 10;
    static final int ROWS = 20;
    static final int CELL = 24;

    static final double DROP_SECONDS = 1.0;

    int blockCol = 4;
    int blockRow = 0;
    double accumulator = 0.0;

    public static void main(String[] args) {
        new MyTetris().run();
    }

    @Override
    public void update(double dt) {
        accumulator += dt;
        while (accumulator >= DROP_SECONDS) {
            accumulator -= DROP_SECONDS;
            blockRow++;
            if (blockRow >= ROWS) blockRow = 0;
        }
    }

    @Override
    public void onKey(Key key) {
        if (key == Key.LEFT)  blockCol--;
        if (key == Key.RIGHT) blockCol++;
        if (key == Key.DOWN)  blockRow++;
    }

    @Override
    public void render(Screen screen) {
        screen.clear(Color.BLACK);

        for (int row = 0; row < ROWS; row++) {
            for (int col = 0; col < COLS; col++) {
                int x = col * CELL;
                int y = row * CELL;
                screen.fillRect(x + 1, y + 1, CELL - 2, CELL - 2, Color.DARK_GRAY);
            }
        }

        int bx = blockCol * CELL;
        int by = blockRow * CELL;
        screen.fillRect(bx + 1, by + 1, CELL - 2, CELL - 2, Color.RED);
    }
}

Java runtime を初回読み込み中…

CheerpJ の JRE (数十 MB) をダウンロードしています。2回目以降はキャッシュから瞬時に立ち上がります。

preparing

About this step

何が新しくなった？

onKey(Key key) が登場。キーが押された瞬間に 1回だけ呼ばれます。 update(dt) が「毎フレーム呼ばれる」のに対して、 onKey は「イベント駆動」— 押された時だけ動くのが違い。

Key は enum（列挙型）。Key.LEFT、Key.RIGHT のように、取りうる値がはっきり決まっている型です。if (key == Key.LEFT) の == 比較が enum では普通（String と違って .equals は要らない）。

操作方法

← — 1マス左に移動
→ — 1マス右に移動
↓ — 1マス下に移動（自動落下とは別）

Canvas にフォーカスが当たっていないとキーが拾われません。 Run Java を押せば自動で Canvas にフォーカスします。効かない時はもう一度 Canvas をクリック。

バグ：画面外に出ていく

左右に動かし続けると、ブロックが盤面の外へ出ていって消えます。これは故意の仕様で、「境界のチェックを入れないとこうなる」を体感するため。 Step 5 で壁判定を入れて、この挙動を直します。