Learning how to write a class in Processing while having fun with time-based and mouse-based movements.
Basic movements determined by time.
Tracking the movements, still based on time.
Tracking the movement, based on time and mouse position.
These examples don’t really do much, except create interesting forms. And it’s different every time since they’re based on the current time and mouse position. At least I learned about classes in Processing.
1 July 2009
//mousePos
Dot[] dots=new Dot[0];
void setup(){
size(345,345);
for(int i=0;i<dots.length;i++){
dots[i]=new Dot(i);
}
frameRate(30);
}
void draw(){
//background(200);
for(int i=0;i<dots.length;i++){
dots[i].move();
dots[i].display();
}
}
class Dot{
float radius;
float x;
float y;
float speed;
color c;
Dot(float dotNumber_){
radius=(dotNumber_);
while(radius%11==0 || radius%13==0){
radius=radius+radius;
}
x=mouseX;
y=mouseY;
c=color(millis()%255,second()*4,minute()*4);
}
void move(){
x=x+((mouseX*radius)%11)-5; // using the mouse position makes the dots move straight when you stop the mouse, but random when you move the mouse
y=y+((mouseY*radius)%13)-6;
// x=x+((millis()*radius)%11)-5; // try dividing the milliseconds and changing the frameRate to multiply to 1000
// y=y+((millis()*radius)%13)-6;
if(x>width-radius){
x=width-radius;
} else if(x<radius){
x=radius;
}
if(y>height-radius){
y=height-radius;
} else if (y<radius){
y=radius;
}
}
void display(){
c=color(((millis()+(1000*second()))/200)%255);
fill(c);
ellipse(x,y,radius,radius);
}
}
void mouseClicked(){
dots=(Dot[]) expand(dots, dots.length+1);
dots[dots.length-1]=new Dot(dots.length);
}
//moveDraw
Dot[] dots=new Dot[0];
void setup(){
size(345,345);
for(int i=0;i<dots.length;i++){
dots[i]=new Dot(i);
}
frameRate(30);
}
void draw(){
//background(200);
for(int i=0;i<dots.length;i++){
dots[i].move();
dots[i].display();
}
}
class Dot{
float radius;
float x;
float y;
float speed;
color c;
Dot(float dotNumber_){
radius=(dotNumber_);
while(radius%11==0 || radius%13==0){
radius=radius+radius;
}
x=mouseX;
y=mouseY;
c=color(millis()%255,second()*4,minute()*4);
}
void move(){
// x=x+((mouseX*radius)%11)-5; // using the mouse position makes the dots move straight when you stop the mouse, but random when you move the mouse
// y=y+((mouseY*radius)%13)-6;
x=x+((millis()*radius)%11)-5; // try dividing the milliseconds and changing the frameRate to multiply to 1000
y=y+((millis()*radius)%13)-6;
if(x>width-radius){
x=width-radius;
} else if(x<radius){
x=radius;
}
if(y>height-radius){
y=height-radius;
} else if (y<radius){
y=radius;
}
}
void display(){
c=color(((millis()+(1000*second()))/200)%255);
fill(c);
ellipse(x,y,radius,radius);
}
}
void mouseClicked(){
dots=(Dot[]) expand(dots, dots.length+1);
dots[dots.length-1]=new Dot(dots.length);
}
//moveOnly
Dot[] dots=new Dot[0];
void setup(){
size(345,345);
for(int i=0;i<dots.length;i++){
dots[i]=new Dot(i);
}
frameRate(30);
}
void draw(){
background(200);
for(int i=0;i<dots.length;i++){
dots[i].move();
dots[i].display();
}
}
class Dot{
float radius;
float x;
float y;
float speed;
color c;
Dot(float dotNumber_){
radius=(dotNumber_+20);
while(radius%11==0 || radius%13==0){
radius=radius+radius;
}
x=mouseX;
y=mouseY;
c=color(millis()%255,second()*4,minute()*4);
}
void move(){
// x=x+((mouseX*radius)%11)-5; // using the mouse position makes the dots move straight when you stop the mouse, but random when you move the mouse
// y=y+((mouseY*radius)%13)-6;
x=x+((millis()/500*radius)%11)-5; // try dividing the milliseconds and changing the frameRate to multiply to 1000
y=y+((millis()/500*radius)%13)-6;
if(x>width-radius){
x=width-radius;
} else if(x<radius){
x=radius;
}
if(y>height-radius){
y=height-radius;
} else if (y<radius){
y=radius;
}
}
void display(){
c=color(((millis()+(1000*second()))/200)%255);
fill(c);
ellipse(x,y,radius,radius);
}
}
void mouseClicked(){
dots=(Dot[]) expand(dots, dots.length+1);
dots[dots.length-1]=new Dot(dots.length);
}