Java AWT 绘制瓷砖 laves gap

Question

我正在尝试用 Java 制作基于图块的游戏，但我注意到绘图存在问题。一些图块之间大约有一个像素的间隙，我不确定是什么原因造成的。

这是它的截图：

到目前为止，这是我的代码：

主类：

package Game.main;

import javax.swing.JFrame;

public class Main {
    public static JFrame window;
    public static void main(String[] args) {
        window = new JFrame();
        window.setVisible(true);
        window.setSize(1280, 720);
        window.setTitle("Game");
        window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        Game game = new Game();
        window.add(game);
    }
}

游戏类：

package Game.main;

import javax.swing.JPanel;

import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Color;

import java.util.ArrayList;

import Game.tile.Tile;

public class Game extends JPanel implements Runnable {

    public Game() {
        start();
    }

    boolean running = false;

    int width,height;

    ArrayList<Tile> tiles = new ArrayList<>();

    public void paint(Graphics g1) {
        //cast to graphics2d
        Graphics2D g = (Graphics2D)g1;
        //fill background
        g.setColor(Color.CYAN);
        g.fillRect(0, 0, width, height);
        //draw tiles
        for(int i = 0; i < tiles.size(); i++) {
            tiles.get(i).render(g, width, height);
        }
    }

    private void start() {
        Thread gameThread = new Thread(this);
        gameThread.start();
        //create start tiles
        for(int x = 0; x < 1000; x+=10) {
            for(int y = 700; y < 1000; y+=20) {
                Tile tile = new Tile(x, y);
                tiles.add(tile);
            }
        }
    }

    @Override
    public void run() {
        running = true;
        while(running) {
            //get window width and height
            requestFocus();
            width = Main.window.getWidth();
            height = Main.window.getHeight();
            //redraw current frame
            repaint();
        }
    }
}

瓷砖类：

package Game.tile;

import java.awt.Graphics2D;
import java.awt.Color;

public class Tile {
    public int x,y;
    public int w,h;
    public Tile(int x, int y) {
        this.x = x;
        this.y = y;
        this.w = 10;
        this.h = this.w*2;
    }
    public void render(Graphics2D g, int width, int height) {
        g.setColor(Color.GRAY);
        g.fillRect(this.x*width/1000, this.y*height/1000, this.w*width/1000, this.h*height/1000);
    }
}

Answer 1

你的“游戏”类中有神奇的数字：

    for(int x = 0; x < 1000; x+=10) {
        for(int y = 700; y < 1000; y+=20) {
            Tile tile = new Tile(x, y);
            tiles.add(tile);
        }

而且你的 Tile 类中有更多的幻数：

    this.w = 10;
    this.h = this.w*2;
}
public void render(Graphics2D g, int width, int height) {
    g.setColor(Color.GRAY);
    g.fillRect(this.x*width/1000, this.y*height/1000, this.w*width/1000, this.h*height/1000);
}

当你使用时你也会得到四舍五入：

  x * width / 1000

因此，您在绘画时获得的“x”值并不总是像您期望的那样是 10 的倍数。这可能就是为什么你会得到瓷砖之间的间隙。

您需要从多个类中删除幻数。例如Tile 类应该是自包含的。它应该能够在没有任何幻数的情况下绘制自己。所有信息都应该传递给构造函数中的类。

例如：

//public Tile(int x, int y) {
public Tile(int x, int y, int width, int height) {

那么在绘画逻辑中可以使用：

//public void render(Graphics2D g, int width, int height) {
public void render(Graphics2D g) {
    g.setColor(Color.GRAY);
    //g.fillRect(this.x*width/1000, this.y*height/1000, this.w*width/1000, this.h*height/1000);
    g.drawRect(x, y, width, height);
}

当你创建你将使用的 Tile 时，在你的 Game 类中：

//Tile tile = new Tile(x, y);
Tile tile = new Tile(x, y, 10, 20);

现在Game 类可以完全控制图块的大小和数量。 Tile 类只是自己绘制，并不担心游戏面板的大小。

当然，您必须确保在创建图块时使用合理的值：

    for(int x = 0; x < 1000; x+=10) {
        for(int y = 700; y < 1000; y+=20) {

当框架的高度只有720时，为什么“y”变量会从700开始？