选择矩形/使其移动

Question

相关代码：

if (pic2 == true) {

  image(imgs[1],50,375);

} else {

  image(imgs[1],50,375);
  fill(255);
  rect(tboxPos,375,picWidth,picHeight);
  fill(0);
  textAlign(LEFT);
  text("text box 2...",420,395);

}

我正在使用处理 2.2 并且刚刚添加了以下库：http://benedikt-gross.de/libraries/Ani/

我想将它用于某种动画（我的 "rect" 应该从一侧滑动到另一侧。Ani 似乎为此提供了一个简单的解决方案，但是我需要指定 "rect"，所以它不会 select 图片或文字。这可以通过使用 Ani.to(this, ......) 来完成，还是我必须在另一个中指定它方式？

我也必须对几个矩形执行此操作。

提前致谢。

Answer 1

第一步：将要移动的内容存储在变量中。对于矩形，这可能只是 x 和 y 值，也可能是 width 和 height:

float rectX = 25;
float rectY = 50;
float rectWidth = 10;
float rectHeight = 20;

第二步：使用这些变量绘制矩形：

void draw(){
   background(0);
   rect(rectX, rectY, rectWidth, rectHeight);
}

第三步：修改那些变量来移动你的矩形。你可以使用 Ani 库来做到这一点：

void setup(){
   Ani.init(this);
}
void mouseReleased(){
   Ani.to(this, 1.5, "rectX", mouseX);
   Ani.to(this, 1.5, "rectY", mouseY);
}

请注意，还有许多其他方法可以制作动画，在尝试使用像 Ani 这样的库之前，您可能应该更好地掌握基础知识。 Here是我在Processing里面写的关于基础动画的教程

第四步：对您想要设置动画的任何其他对象重复这些步骤。图像将类似于矩形。

选择矩形/使其移动

Selecting rectangle / making it move

java

processing