For this assignment, I did a lot of exploring. I found the topic of “Generative Art” extremely interesting. A few examples can be found here. My inspiration came from here. I really wanted to make my art sync with music, but it seemed too complex for now. So I just stuck to creating some moving graphics. There are many components to it, as you can see in the code below:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
void setup() { size (800, 800); } int s = 5, a =5; void draw() { background(180, 180, 220); int[] x = new int[8]; int[] y = new int[8]; for ( int i = 0; i<30; i++) { //populate the y array with 8 items for (int q= 0; q<8; q++) { y[q] = (int) random(300, 500); } //make the x-array x[0] = 0; x[1] = (int) random(50, 150); x[2] = (int) random(150, 250); x[3] = 400; x[4] = 400; x[5] = (int) random(550, 650); x[6] = (int) random(650, 750); x[7] = 800; noFill(); strokeWeight(1); stroke(255, 255, 255, 150); bezier(x[0], y[0], x[1], y[1], x[2], y[2], x[3], y[3]); bezier(x[4], y[4], x[5], y[5], x[6], y[6], x[7], y[7]); } //circle-stuff fill(200, 220, 200); int sizer = 200+s; //int sizer = 200; ellipse(400, 400, sizer, sizer); if ((sizer>300)||(sizer<200)) { a = -a; } s+=a; //end of circle stuff stroke(20); strokeWeight(2); point(width/2, height/2); //begin movingpoint stuff float t1 = millis()/1000.0f; float t2 = millis()/500.0f; int radius = sizer/2; int x1 = (int) ((height/2) +radius * cos(t1)); int y1 = (int) ((height/2) +radius * sin(t1)); int x2 = (int) ((height/2) +radius * cos(t2)); int y2 = (int) ((height/2) +radius * sin(t2)); strokeWeight(8); stroke(250); point(x1, y1); strokeWeight(8); stroke(50); point(x2, y2); // end of moving point stuff float innerR = sizer/8; float middleR = sizer/4; float outerR = sizer*3/8; // inner moving points t1 = millis()/800.0f; t2 = millis()/600.0f; int ix1 = (int) ((height/2) +innerR * cos(t1)); int iy1 = (int) ((height/2) +innerR * sin(t1)); int ix2 = (int) ((height/2) +innerR * cos(t2)); int iy2 = (int) ((height/2) +innerR * sin(t2)); strokeWeight(8); stroke(50); point(ix1, iy1); strokeWeight(8); stroke(250); point(ix2, iy2); //end inner moving points //curves t1 = millis()/( random(500, 1000)); t2 = millis()/( random(500, 1000)); float t3 = millis()/( random(500, 1000)); float t4 = millis()/( random(500, 1000)); strokeWeight(2); stroke(168); bezier(x1, y1, 400+middleR*cos(t1), 400+middleR*sin(t1), 400+outerR*cos(t2), 400+outerR*sin(t2), ix2, iy2 ); bezier(x2, y2, 400+middleR*cos(t3), 400+middleR*sin(t3), 400+outerR*cos(t4), 400+outerR*sin(t4), ix1, iy1 ); //end curves delay(100); } |
This is how it finally looked:
Many thanks to Abdullah for giving me a heads up on the Screen Recording software, IceCream.