Hi,

How do I use translate with this. In the code below I want to translate the entire group of ellipses, but I also want to translate each one of the ellipses when I mouse over it:

import processing.opengl.*;

MyEllipse [] myEllipse = new MyEllipse[9];

class MyEllipse{
 float x, y, wide, high, translateX, translateY;
 MyEllipse(float x, float y, float wide, float high, float translateX, float translateY){
   this.x = x;
   this.y = y;
   this.wide = wide;
   this.high = high;
   this.translateX = translateX;
 }
 void ellipsChange(){
   if(over()){
     fill(255);
     high = 10; wide = 10; //translateX=20;
   }
   else{
     fill(255, 255, 0);
     high = 20; wide = 20; //translateX=-20;
   }
   pushMatrix();
   translate(translateX, translateY);
   ellipse(x, y, wide, high);
   popMatrix();
 }
 boolean over(){
   if(dist(mouseX, mouseY, x, y) < wide / 2){
   return true;
   }
   return false;
 }
}  

void setup(){
 size(300, 300);
 for(int i = 0; i < myEllipse.length; i++){
   myEllipse[i] = new MyEllipse((i % 3) * 30, (i / 3) * 30, 20, 20, 0, 0);
 }
}
void draw(){
 background(0);
 smooth();
 // here i want to translate the entire group of ellipses, but if I put translate
 //around this, the interaction doesn't follow ...
 for(int i = 0; i < myEllipse.length; i++){
   myEllipse[i].ellipsChange();
 }
}