Recitation 7: Functions and Arrays

Introduction

In this weeks recitation, we learned how to use functions and arrays.

Part 1

For this part, we had to create our own design and use it as a function in order to reproduce the same design 3 different times with different variables.

Part 2

In this part, we created a for loop in order to recreate different versions of the image 100 times. The loop I created was placed both into void setup() and void draw().

Part 3 and 4

For these part, I created arrays for the x, y, size, color data, as well as speed for each of the individual drawings. I set up and filled all the arrays in the void setup() section, and then used loop in void draw() to display the function I had made 100 times with movement.

[Video cannot be processed at the moment]

part 4

Code

int lemn = 100;
float[] x = new float[lemn];
float[] y = new float[lemn];
color[] c = new color[lemn];
float[] size = new float[lemn];
float[] xD = new float[lemn];
float[] yD = new float[lemn];

void setup() {
size(800, 800);
ellipseMode(CENTER);
for (int i = 0; i<lemn; i++) {
x[i] = random(width);
y[i] = random(height);
size[i] = random(50,200);
c[i] = color(random(255),random(255),random(255));
xD[i] = random(-10,10);
yD[i] = random(-10,10);
}
}

void draw() {
ellipseMode(CENTER);
background(120);
for (int i = 0; i<100; i++) {
lemn(size[i],x[i],y[i],color(c[i]));
x[i]= x[i] + xD[i];
y[i]= y[i] + yD[i];
if (x[i] > width || x[i]< 0) {
xD[i] = -xD[i];}
if (y[i] > height || y[i]< 0) {
yD[i] = -yD[i];
}
}
}


void lemn(float size, float x, float y, color c) {
noStroke();
fill(c);
ellipse(x, y, size, size);
noStroke();
fill(255);
noStroke();
arc(x,y,size*0.9,size*0.9,0.01,QUARTER_PI*0.9);
arc(x,y,size*0.9,size*0.9,QUARTER_PI,HALF_PI*0.92);
arc(x,y,size*0.9,size*0.9,HALF_PI,(HALF_PI+QUARTER_PI)*0.95);
arc(x,y,size*0.9,size*0.9,(HALF_PI+QUARTER_PI),PI*0.96);
arc(x,y,size*0.9,size*0.9,PI,(PI+QUARTER_PI)*0.97);
arc(x,y,size*0.9,size*0.9,(PI+QUARTER_PI),(PI+HALF_PI)*0.98);
arc(x,y,size*0.9,size*0.9,(PI+HALF_PI),(PI+HALF_PI+QUARTER_PI)*0.99);
arc(x,y,size*0.9,size*0.9,(PI+HALF_PI+QUARTER_PI),TWO_PI*0.995);
}

Questions

Setup makes the code run only once, whereas void draw() makes the function loops, similar to how void loop() in arduino loops the code.
Arrays can help when working with a large number of separate elements and entities within an animation. In this case, I had 100 different objects with their own unique properties, and all these properties were controlled with the arrays that were created. In a future project, If I were to need to control many different elements with individual variables, I would now be able to simplify the code using arrays.

Leave a Reply Cancel reply