如何通过使用"Processing"绘制实现一些动画的动画矩形

Question

一个处理程序，在window的左上角画一个矩形，然后向右移动，直到它在屏幕的右边缘。然后向下移动它，直到它在底部。然后把它移到左边。最后，把它移回左上角重新开始。

这是我未完成的代码，我不知道如何让它在碰到底线时向左移动：

void setup(){
size(500,500);
}
int x=0;
int y=0;
int dy=2;
int dx=2;
void draw(){


  x+=dx;


  if(x>=(width-50)){
    dx=0;
    y+=dy;
  } 
  if(y>=(height-50)){
    dy=0;
    x+=(-dx);
  }
  rect(x, y, 50,50, 7);
}

Answer 1

这是一个解决方案：

void setup(){
size(500,500);
}

int direction = 0;
int x = 0;
int y = 0;

void draw(){

  switch (direction)
  {
     case 0: //Right
        x += 1;        
        if (x+50 >= width) direction = 1;
     break;

     case 1: //Down
        y += 1;        
        if (y+50 >= height) direction = 2;
     break;

     case 2: //Left
        x -= 1;        
        if (x <= 0) direction = 3;
     break;

     case 3: //Up
        y -= 1;        
        if (y <= 0) direction = 0;
     break;
   }

   rect(x, y, 50,50, 7);
}

我没有测试，但我希望大意是清楚的。

Answer 2

除了@Titulum 的回答之外，我还建议您使用对象，因为它比按您的方式处理点更容易。

Rectangle rect;
int direction;
int speed;

void checkDirections(){
switch (direction)
  {
     case 0: //Right
        rect.x += speed;        
        if (rect.x+rect.x1 >= width) direction = 1;
     break;

     case 1: //Down
        rect.y += speed;        
        if (rect.y+rect.y1 >= height) direction = 2;
     break;

     case 2: //Left
        rect.x -= speed;        
        if (rect.x <= 0) direction = 3;
     break;

     case 3: //Up
        rect.y -= speed;        
        if (rect.y <= 0) direction = 0;
     break;
   }
}


void setup(){
  size(500,500);
  direction = 0;
  speed = 5;
  rect = new Rectangle(0, 0, 50, 50);
}

void draw(){
  background(255);
  checkDirections();
  rect.drawRect();
}

class Rectangle{
  float x,y,x1,y1;
  Rectangle(float x, float y, float x1, float y1){
    this.x = x;
    this.y = y;
    this.x1 = x1;
    this.y1 = y1;
  }
  void drawRect(){
    fill(0);
    rect(x,y,x1,y1);
  }
}

如何通过使用"Processing"绘制实现一些动画的动画矩形

How to draw a animated rectangle that implements some animations by using "Processing"

processing