選擇矩形/使其移動

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/

我想用這個某種動畫（我的「矩形「應該從一側滑動到另一側Ani似乎提供了一個簡單的解決方案，但是我需要指定」rect「，因此它不會選擇圖像或文本，這可以通過使用Ani完成。到（this，......），還是我必須以另一種方式指定它？

我hav e也可以用幾個矩形來做到這一點。

預先感謝您。

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); 
} 

第三步：修改這些變量來移動你的矩形。您可以使用阿尼庫來做到這一點：

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

注意，還有很多其他的方式來製作動畫的東西，你應該得到的基本知識更好地把握您嘗試使用像阿尼庫前。 Here是我在Processing中編寫的基本動畫教程。

第四步：對任何其他想要製作動畫的對象重複這些步驟。圖像將類似於矩形。