For my 6th recitation’s poster I chose the eyes topic. It pursues people to watch the show and looks pretty good. Also it contains three different basic shapes and can be modified for different tasks. For the begginer as me, it seemed to be a good option. I started with doing the 0mechanical part as functions and parametrs and later added decorations as colors and background.
For the first task I made this code :
float a = 0;
int b = 0;
int speed = 5;
PFont f;
void setup() {
size(1024, 768);
background(#F7FA7E);
f = createFont("Arial",32,true);
int gridSize = 40;
for (int x = gridSize; x <= width - gridSize; x += gridSize) {
for (int y = gridSize; y <= height - gridSize; y += gridSize) { noStroke(); fill(#FFCF6F); rect(x-1, y-1, 3, 3); stroke(255, 100); line(x, y, width/2, height/2); } }//background } void draw() { fill(random(0), random(200), random(100)); ellipse(110, b, 50, 50); a = a+speed; if (a>width){speed*= -1;}
if (a<0){speed *= -1;} b = b+speed; if (b>height) {speed *=-1;}
if (b<0){speed *=-1;}//moving circle fill(random(0), random(200), random(100)); rect(890, b, 50, 50); a = a+speed; if (a>width){speed*= -1;}
if (a<0){speed *= -1;} b = b+speed; if (b>height) {speed *=-1;}
if (b<0){speed *=-1;}//moving rect
mytext();
Eyes();
}
void Eyes() {
fill(255);
ellipse(480, 400, 50, 150);
ellipse(550, 400, 50, 150);
fill(0);
circle(480, 370, 40);
circle(550,370, 40);
fill(255);
rect(480,359,5,5);
rect(550,359,5,5);
//eyes
}
//make eyes, change font, decorate
void mytext(){
stroke(175);
textFont(f);
fill(0);
textAlign(CENTER);
text("IMA Fall 22 End-Of-Semester Show",width/2,160);
textAlign(LEFT);
text(" 8th floor",width/2,200);
textAlign(RIGHT);
text("December 16, 6-8pm ",width/2,240);}
The result:
For the first task I increased the amount of eyes and made a pattern of them (ypou can the the pattern result in the third code combined with the drawing concept):
background (#FAFF76);
size(800,800);
int gridSize = 30;
for (int x = gridSize; x <= width - gridSize; x = x+60) {
for (int y = gridSize; y <= height - gridSize; y = y+160) {
fill(255);
ellipse(x, y, 50, 100);
ellipse(x, y, 50, 100);
fill(0);
circle(x, y, 40);
circle(x,y, 40);
fill(255);
rect(x,y,5,5);
rect(x,y,5,5);
//eyes
}}
For the second task I made eyes to randomly appear on the screen with variour colors:
float a; float b; float c;
float x; float y;
PFont f;
void setup() {
size(1024, 768);
background(#F7FA7E);
background(#F7FA7E);
f = createFont("Arial",32,true);
}
void draw() {
fill (255);
rect(130, 90, 800, 200);
mytext();
Eyes();
}
void Eyes() {
fill(255);
x=random(1000);
y=random(786);
ellipse(x, y, 50, 150);
ellipse(x+100, y, 50, 150);
a=random(255);
b=random(255);
c=random(255);
fill(a, b, c);
circle(x, y, 40);
circle(x+100,y, 40);
fill(255);
rect(x,y,5,5);
rect(x+100,y,5,5);
//eyes
}
void mytext(){
stroke(175);
textFont(f);
fill(0);
textAlign(CENTER);
text("IMA Fall 22 End-Of-Semester Show",width/2,160);
textAlign(LEFT);
text(" 8th floor",width/2,200);
textAlign(RIGHT);
text("December 16, 6-8pm ",width/2,240);}
The result :
For the third task I added the drawing concept on the pattern. You can draw with your mouse here by eyes and you can change the background to the random colors by pushing the keyboard:
float x; float y; float z;
void setup () {background (#FAFF76);
size(800,800);}
void draw() {
Eyes();
}
void Eyes() {
int gridSize = 30;
for (int x = gridSize; x <= width - gridSize; x = x+60) {
for (int y = gridSize; y <= height - gridSize; y = y+160) {
fill(255);
ellipse(x, y, 50, 100);
ellipse(x, y, 50, 100);
fill(0);
circle(x, y, 40);
circle(x,y, 40);
fill(255);
rect(x,y,5,5);
rect(x,y,5,5);
//eyes
//eyes
}}
Eyes(mouseX, mouseY);
}
void Eyes(int a, int b) {
int gridSize = 30;
for (int x = gridSize; x <= width - gridSize; x = x+60) {
for (int y = gridSize; y <= height - gridSize; y = y+160) {
fill(255);
ellipse(a, b, 50, 100);
ellipse(a+100, b, 50, 100);
fill(0);
circle(a, b, 40);
circle(a+100,b, 40);
fill(255);
rect(a,b,5,5);
rect(a+100,b,5,5);
//eyes
//eyes
}}}
void keyPressed () {
background(x,y,z);
x=random(255);
y=random(255);
z=random(255);
}
Additionally, for the second and third task I added the text about the event to correlate together all the parts of homework. There were not much problems that I needed to solve. The main of them consist of that I know many concepts and ways to write codes, but I realised that I don’t know which of my lines are functions and which of them are parametrs. Also, we covered really small amout of coding in class, just the basics, so I needed to do a deep research and self-educate to use more difficult concepts in work. For all of the tasks I started to do the mechanical part of coding and later tried to add the decorations and colors. I am not good at design yet, also because of the limited ampunt of time which is divided for these recitations, but the main point of them is to get to know how to code. And with the coding experiencw later I will be able to develop my designing abilities on the basis of coding knoweledge.
It is the device which helps people to work on the computers or other devices. It helps to establish the interaction between people and computers and also makes it easier to create something. It is suitable for people of all professions, but it would most fit creators such as designers, producers, photographers and etc… This device can change form and shape due to the wishes and needs of individuals. The interaction here is not direct or clear, but creating something with the use of this device will push people forward in artwork, and art connects people together how this console connects person with the computer and helps to easier convey the ideas from mind to computer and to reality. The further development of project’s actions should be “determined by audience”( Ernest Edmonds 16).