Step 02 of 12

ブロックを1つ置く

Step 1 で描いた盤面の上に、赤いブロックを1つ置きます。ブロックの位置（列・行）をフィールド変数で覚えておくのがポイント。「オブジェクトの状態」を持つという感覚に慣れます。

MyTetris.java Read-only · editor is coming

import dev.yasuda.tetris.*;

/**
 * Step 2 — Place one block.
 *
 * Goal: keep the board AND draw one red cell near the top center.
 * You'll learn: instance fields (blockCol / blockRow) and layering
 * a second fillRect on top of the grid.
 */
public class MyTetris extends Game {

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

    // Where the block sits on the grid.
    int blockCol = 4;
    int blockRow = 0;

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

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

        // --- Empty board (same as Step 1) ---
        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);
            }
        }

        // --- One block on top ---
        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

何が新しくなった？

フィールド変数が登場しました。 int blockCol = 4; と int blockRow = 0; はクラスの「状態」を持つ変数で、render が呼ばれるたびに同じ値が使えます。「このブロックは今どこにある？」という情報を、オブジェクトが覚えておくという感覚です。

render の中では、Step 1 と同じ盤面を描いた後に、赤いブロックを1つ追加で fillRect しています。描画は「重ねる」順番が大切 — 先に描いたものは後に描いたものに隠されます。

今回追加したもの

フィールド変数 blockCol, blockRow — ブロックの位置を覚える
Color.RED — 赤色の定数
2つ目の fillRect 呼び出し — 盤面の上に重ねて描く

動かしてみる

Run Java を押すと、盤面の中央上に赤いブロックが1つ表示されます。 blockCol や blockRow の値を変えれば、他の場所にも置けます（次のステップで実際に動かします）。