Processing 丸をつかむプログラムを作りたい。

Question

初めて質問させていただきます。
100個の丸を作成し、マウスを押すと丸をつかむことのできるプログラムを作りたいと考えています。
100個の丸を表示させるまでは成功したのですが、動かすことができません。
どのように改変すると動かせるようになりますでしょうか？ご回答をよろしくお願いいたします。

該当のソースコード

Maru[] m = new Maru[100];
float xx;
float yy;

void setup() {
size(800,600);
background(255);
yy = 1;
noLoop();
for (int i = 0; i < 100; i++) {
xx = xx + yy;
float x = noise(xx) * width;
float y = noise(xx + 10) * height;
m[i] = new Maru(x,y,10);
}
}

void draw() {
for (int i = 0; i < 100; i++) {
m[i].move();
if (mousePressed) {
float d = dist(m[i].x, m[i].y, mouseX, mouseY);
if (d < 10) {

  m[i].x = mouseX;
 m[i].y = mouseY;
}

}
m[i].move();

}
}

class Maru {
float x;
float y;
float size;

Maru(float a, float b, float s) {
x=a;
a= noise(millis() + 100) * width;
y = b;
b= noise(millis() + 100) * height;
size =s;
}

void move() {
fill(0);
ellipse(x, y, size, size);

}
}

Answer 1

このコードは少しの修正で動きます

まずsetup()内でnoLoop()メソッドを書かれていますが
これがあるとdraw()は1度しか実行されずループしません
なので削除かコメントアウトします

またdraw()内では毎フレームごとに
画面をリフレッシュしないと軌跡が残ります
重ねてグラフィックを描画する場合は
リフレッシュしない方が良いですが
この場合は丸を動かしたいとのことですので
draw()内で毎フレームごと
描画前にbackground(255);等で
背景を塗りつぶすと良いと思われます

Comments

[you_nn]

動かすことができました！ありがとうございます！