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”，所以它没有选择图像或文本。可以通过使用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中编写基本动画的教程。

第四步：对要制作动画的其他任何对象重复这些步骤。图像类似于矩形。

选择矩形/使其移动

1 个答案: