Re-coding this into an array?
in
Programming Questions
•
1 year ago
Hi guys I'm currently working on mocking up some visuals for a project I'm working on, I'm relatively new to processing, so I'm doing everything in a very round about way. I'm trying to re-code the current piece of code so each motion comes from an array (so I can add additional motions with relative ease), but I'm finding doing so a touch confusing, I've done a few example from learning processing, but they're not really helping!
- int start;// start time
- int time = 0; //time
- int rotation = 10000; //time taken to draw one rotation
- color c1 = color(45,0,100,50); //red
- color c2 = color(90,0,100,50); //orange
- color c3 = color(135,0,100,50); //yellow
- color c4 = color(180,0,100,50); //light green
- color c5 = color(225,0,100,50); //green
- color c6 = color(270,0,100,50); //teal
- color c7 = color(315,0,100,50); //blue
- color c8 = color(360,0,100,50); //purple
- color change = color(2,1,1,0);
- void setup(){
- noStroke();
- colorMode(HSB, 360,100,100);
- for (int i = 0; i < 100; i++) {
- for (int j = 0; j < 100; j++) {
- stroke(i, j, 100);
- point(i, j);
- }
- }
- size(900,650); // canvas size
- smooth();
- background(0,0,100); //background
- start=millis(); //open the Serial myPort
- }
- void draw(){
- //1st motion
- float a = 100;
- int currentTime = millis();
- float m = (currentTime%rotation)* PI*2 / rotation; //creates motion
- //set the x,y coords for the visual
- float ax = (sin(m)*a+width/2);
- float ay = (cos(m)*a+height/2);
- noStroke();
- fill(c1); //red
- ellipse(ax, ay,20,20); // draws an ellipse
- c1 = c1 - change;
- //2nd motion
- float b = 120; //radius
- float bx = (sin(m)*b+width/2);
- float by = (cos(m)*b+height/2);
- noStroke();
- fill(c2); //orange
- ellipse(bx,by,20,20);
- c2 = c2 - change;
- //3rd motion
- float c = 140; //radius
- float cx = (sin(m)*c+width/2);
- float cy = (cos(m)*c+height/2);
- noStroke();
- fill(c3); //yellow
- ellipse(cx,cy,20,20);
- c3 = c3 - change;
- //4th motion
- float d = 160; //radius
- float dx = (sin(m)*d+width/2);
- float dy = (cos(m)*d+height/2);
- noStroke();
- fill(c4); //light green
- ellipse(dx,dy,20,20);
- c4 = c4 - change;
- //5th motion
- float e = 180; //radius
- float ex = (sin(m)*e+width/2);
- float ey = (cos(m)*e+height/2);
- noStroke();
- fill(c5); //green
- ellipse(ex,ey,20,20);
- c5 = c5 - change;
- //6th motion
- float f = 200; //radius
- float fx = (sin(m)*f+width/2);
- float fy = (cos(m)*f+height/2);
- noStroke();
- fill(c6); //teal
- ellipse(fx,fy,20,20);
- c6 = c6 - change;
- //7th motion
- float g = 220; //radius
- float gx = (sin(m)*g+width/2);
- float gy = (cos(m)*g+height/2);
- noStroke();
- fill(c7); //blue
- ellipse(gx,gy,20,20);
- c7 = c7 - change;
- //8th motion
- float h = 240; //radius
- float hx = (sin(m)*h+width/2);
- float hy = (cos(m)*h+height/2);
- noStroke();
- fill(c8); //purple
- ellipse(hx,hy,20,20);
- c8 = c8 - change;
- }
I'm re-coding it as we speak, but I'm not entirely sure what I need to define and where! if anyone could point me in the right direction that'd be great! I've been smashing my head off the table for hours trying to figure it out. :(
Edit: I realize the colors are wrong. >_>;
1
