java - 我将如何在垂直堆栈中来回移动绘制 4 个方 block ？

Question

我将如何在垂直堆栈中绘制 4 个正方形，使用循环来回移动以避免在绘制 4 个正方形时重复相同的代码 4 次。方块应该作为一个移动，当它们中的任何一个碰到窗口的边缘时，它们都会改变方向。

float location;
float sizeWidth;
float sizeHeight;
float direction;
boolean moving;

void setup() {
  size (1280, 720);
  location = 0;
  direction = height/720;
  sizeWidth = 90;
  sizeHeight = 90;
  moving = true;
}

void draw() {

  background(255);

  stroke(0);
  strokeWeight(1);

  for (int i = 0; i < width; i = i + 90) {
    line(0, i, 1280, i);
    line(i, 0, i, 720);
  }

  fill (255, 147, 79);
  int steppedPos = (int)(location/sizeHeight+0.5);
  rect(0, steppedPos*sizeHeight, sizeWidth, sizeHeight);


  if (moving) {
    location = location + direction;
    if (location + sizeHeight > height || location < 0){
      direction = direction * -1;
      location = location + direction;
    }
  }
}



void keyPressed() {
  if (key == ' ') {
    moving = !moving;
  }
}

Answer 1

创建一个 class Square而不是单个变量 location , sizeWidth , sizeHeight和 direction :

class Square {
    float locationX;
    float locationY;
    float sizeWidth;
    float sizeHeight;
    float direction;
    color col;

    Square(float x, float y, float w, float h, float d, color c) {
        locationX = x;
        locationY = y;
        sizeWidth = w;
        sizeHeight = h;
        direction = d;
        col = c;
    }

    // [...]
}

为正方形添加一个数组变量:

Square squares[];

在 for -loop 中创建正方形:

void setup() {
    // [...]

    squares = new Square[4];
    for (int i = 0; i < squares.length; ++i ) {
        squares[i] = new Square(i*90, 0, 90, 90, height/720, color(255, 147, 79));
    }
}

添加一个可以绘制 Square 对象的方法:

class Square {
    // [...]
    void Draw() {
        fill(col);
        int steppedPosX = (int)(locationX/sizeWidth+0.5);
        int steppedPosY = (int)(locationY/sizeHeight+0.5);
        rect(steppedPosX*sizeWidth, steppedPosY*sizeHeight, sizeWidth, sizeHeight);
    }
}

在循环中绘制正方形:

void draw() {
    // [...]

    for (int i = 0; i < squares.length; ++i ) {
        squares[i].Draw();
    }

    // [...]
}

添加一个移动 Square 对象的方法:

class Square {
    // [...]
    void Move() {
        locationY = locationY + direction;
        if (locationY + sizeHeight > height || locationY < 0){
            direction = direction * -1;
            locationY = locationY + direction;
        }
    }
}

循环移动方块:

void draw() {
    // [...]

    if (moving) {
        for (int i = 0; i < squares.length; ++i ) {
            squares[i].Move();
        }
    }
}

看例子:

class Square {
    float locationX;
    float locationY;
    float sizeWidth;
    float sizeHeight;
    float direction;
    color col;

    Square(float x, float y, float w, float h, float d, color c) {
        locationX = x;
        locationY = y;
        sizeWidth = w;
        sizeHeight = h;
        direction = d;
        col = c;
    }

    void Draw() {
        fill(col);
        int steppedPosX = (int)(locationX/sizeWidth+0.5);
        int steppedPosY = (int)(locationY/sizeHeight+0.5);
        rect(steppedPosX*sizeWidth, steppedPosY*sizeHeight, sizeWidth, sizeHeight);
    }

    void Move() {
        locationY = locationY + direction;
        if (locationY + sizeHeight > height || locationY < 0){
            direction = direction * -1;
            locationY = locationY + direction;
        }
    }
}

boolean moving;
Square squares[];

void setup() {
    size (1280, 720);

    squares = new Square[4];
    for (int i = 0; i < squares.length; ++i ) {
        squares[i] = new Square(i*90, 0, 90, 90, height/720, color(255, 147, 79));
    }
    moving = true;
}

void draw() {

    background(255);

    stroke(0);
    strokeWeight(1);

    for (int i = 0; i < width; i = i + 90) {
        line(0, i, 1280, i);
        line(i, 0, i, 720);
    }

    for (int i = 0; i < squares.length; ++i ) {
        squares[i].Draw();
    }

    if (moving) {
        for (int i = 0; i < squares.length; ++i ) {
            squares[i].Move();
        }
    }
}

void keyPressed() {
    if (key == ' ') {
        moving = !moving;
    }
}