试图使我的代码看起来像是咖啡馆壁的错觉

时间:2018-10-15 00:22:25

标签: java

这就是我拥有的:
Here's what I have

这是我的代码:

import java.awt.*;

public class CafeWall {

    public static void main(String[] args) {
        DrawingPanel panel = new DrawingPanel(650, 400);
        panel.setBackground(Color.GRAY);
        Graphics g = panel.getGraphics();

        // rows
        row(g, 20, 4, 0, 0);
        row(g, 30, 5, 50, 70);
        // grids
        grid(g, 25, 4, 10, 150, 0);
        grid(g, 25, 3, 250, 200, 10);
        grid(g, 20, 5, 425, 180, 10);
        grid(g, 35, 2, 400, 20, 35);

    }
    // size is the pixel width/height of a square.
    // multiples is the number of black/white pairs to draw.
    // x,y are the screen position of the top left corner.
    public static void row(Graphics g, int size, int multiples, int x, int y) {
        for (int i = 0; i < multiples; i++) {
            g.setColor(Color.BLACK);
            g.fillRect(x + size * 2 * i, y, size, size);
            g.setColor(Color.WHITE);
            g.fillRect(x + size + size * 2 * i, y, size, size);
            g.setColor(Color.BLUE);
            g.drawLine(x + size * 2 * i, y, x + size + size * 2 * i, y + size);
            g.drawLine(x + size + size * 2 * i, y, x + size * 2 * i, y + size);
        }
    }
    // size is the pixel width/height of a square.
    // multiples is the number of black/white pairs to draw.
    // x,y are the screen position of the top left corner.
    // offset is the amount to offset by.
    public static void grid(Graphics g, int size, int multiples, int x, int y, int offset) {
        for (int i = 0; i < multiples * 2; i++) {
            row(g, size, multiples, x + (offset * i), y + (size * i) + (2 * i));
        }
    }
}

这就是我需要的样子。我觉得我已经尝试了一切。

cafe wall illusion

2 个答案:

答案 0 :(得分:1)

您不断在grid方法中添加x参数。

如果只想移动第二行,则可以使用如下模运算:

public static void grid(Graphics g, int size, int multiples, int x, int y, int offset) {
    for (int i = 0; i < multiples * 2; i++) {
        row(g, size, multiples, x + offset * (i % 2), y + (size * i) + (2 * i));
    }
}

答案 1 :(得分:1)

@ drifter265我想回答,但我也想让您学习,因为这似乎是一个为教学而设计的入门级项目。

因此,与其直接提供答案,不如通过解释当前程序当前正在执行的操作来向您显示错误所在。

// size is the pixel width/height of a square.
// multiples is the number of black/white pairs to draw.
// x,y are the screen position of the top left corner.
// offset is the amount to offset by.
public static void grid(Graphics g, int size, int multiples, int x, int y, int offset) {
    for (int i = 0; i < multiples * 2; i++) {
        row(g, size, multiples, x + (offset * i), y + (size * i) + (2 * i));
    }
}

此代码相对简单。

它当前从0递增1,以循环显示您要绘制的黑白方块的总数。 (在从0开始的倍数* 2之前停止)

每次循环,它都会调用行。

大约等于

        row(g, size, 2, x + (offset * 0), y + (size * 0) + (2 * 0));
        row(g, size, 2, x + (offset * 1), y + (size * 1) + (2 * 1));
        row(g, size, 2, x + (offset * 2), y + (size * 2) + (2 * 2));
        row(g, size, 2, x + (offset * 3), y + (size * 3) + (2 * 3));

(它创建的行是黑色列的两倍)

您遇到的问题是,偏移量一直在增长,而不是来回曲折。

where x = 0, and offset = 10
        rowoffset = x + (offset * 0) = 0
        rowoffset = x + (offset * 1) = 10
        rowoffset = x + (offset * 2) = 20
        rowoffset = x + (offset * 3) = 30

但是你想要的是

where x = 0, and offset = 10
        rowoffset = 0; // where i == 0
        rowoffset = 10 // where i == 1
        rowoffset = 0  // where i == 2
        rowoffset = 10 // where i == 3

实现分支行为的一种常见方式取决于使用的决策,该方式取决于要做出的决定。

因此,与其将x+offset*i传递给行,还可以在其中引入一个变量,该变量取决于我是奇数还是偶数。

确定整数是奇数还是偶数的一种常见方法是使用remainder operator (%),并传入数字2。(但是,在两边使用负值时都必须小心)

0%2 == 0
1%2 == 1 
2%2 == 0
3%2 == 1
~~~
8%2 == 0
9%2 == 1

因此,您现在可以使用数学或if语句,以使之字形成为图案。