Recitation 6: Animating an Interactive Poster
This is the screenshot of my poster:
This is the video of myself operating the poster:
As is shown in the video, I used both fixed patterns and random color in every small pattern that assembles the big letter. I also used mouse press to indicate a simple interaction between the person and the poster. I struggled at the mouse press function. I did research on processing references and YouTube bloggers: The Coding Team. And I asked for help from my classmates and my professor Rudi. I’m so glad that I figured the challenge out.
This is the codes of my poster:
boolean drawing = false; int target = 0; void setup() { size(1024, 768); background(255); PFont mono; mono = createFont("times new roman.ttf", 30); fill(0); textFont(mono); text("Click To Start", 420, 500); } void mouseClicked() { fill(255); noStroke(); rect(0, 0, width, height); drawing = true; target = frameCount + 175; } void draw() { if (drawing == true) { if (frameCount < target) { fill(random(0, 50), random(30, 120), random(86, 170)); noStroke(); rect(random(77, 127), random(134, 414), 20, 20, 5); rect(random(127, 177), random(259, 309), 20, 20, 5); rect(random(177, 227),random(134, 414), 20, 20, 5); fill(random(70, 130), random(150, 250), random(50, 120)); noStroke(); ellipse(random(267, 417), random(144, 174), 20, 20); ellipse(random(267, 417), random(269, 299),20, 20); ellipse(random(267, 417), random(394, 424), 20, 20); ellipse(random(267, 297), random(184, 259), 20, 20); ellipse(random(267, 297), random(309, 384), 20, 20); fill(random(150, 200), random(30, 60), random(30, 80)); noStroke(); rect(random(442, 492), random(134, 414), 20, 20, 5); rect(random(492, 592), random(384, 414), 20, 20, 5); fill(random(200, 250), random(150, 200),random(0, 30)); noStroke(); rect(random(627, 677), random(134, 414), 20, 20); rect(random(677, 777), random(384, 414), 20, 20); fill(random(150, 200), random(0, 30), random(130, 180)); noStroke(); rect(random(812, 862), random(134, 414), 20, 20, 25); rect(random(862, 912), random(134, 164), 20, 20, 25); rect(random(912, 952), random(134, 414), 20, 20, 25); rect(random(862, 912), random(384, 414), 20, 20, 25); } else if(frameCount >= 175) { PFont mono; mono = createFont("times new roman.ttf", 30); fill(0); textFont(mono); text("IMA Fall 22 End-Of-Semester Show", 300, 500); text("Location: 8th Floor", 400, 540); text("Day: Friday December 16", 370, 580); text("Time: 6pm to 8pm", 400, 620); } } }