HW Assignment #3 - 092415

I modified my homework from last week by using the same material but just changing around a few things.

Things that I did:

The background is no longer a grid but has lines - half of lines move with your mouse to create a shimmering effect
When you click, a different version of the head appears
I added circles that have changing stroke values - 2 of them move across the screen on their own and 2 of them move according to the position of your mouse
There are random dots flickering in the background
Instead circles in a half pyramid in the bottom left corner, there are circles that move across the background like comets or something

Click here to view my homework from this week

Click here if you feel like looking at my homework from last week

Source Code:

var ypos = 0; var xpos = 0; var xoffset=0; var moveIt=0;

// picked these proportions from the golden ratio
var golden=40;
var a =24.721;
var b =15.278;

function setup() {
createCanvas(800,400);

}

function draw() {
background(frameCount % 255, 174, 185);

// lines
for (var i=0; i<80; i++){
noFill();
stroke(255,182,frameCount % 185);
rect(b*i,ypos, golden,height+10);
}
// lines that move
for (var p=0; p<80; p++){
noFill();
stroke(frameCount % 255,frameCount %182,185);
rect(b*p+(mouseX/799),ypos,golden,height+10);
}

//overwhelming auto-moving big circles
strokeWeight(4+(frameCount % 200));
stroke(255,182,frameCount % 185);
ellipse((frameCount % 800)+(width/4), height/3, a, a);
strokeWeight(4+(frameCount % 304));
stroke(255, frameCount % 174, 185);
ellipse((frameCount % 800), 200+ height/2, a, a);

//overwhelming reactive big circles
strokeWeight(4+(frameCount % 160));
stroke(255, frameCount %174, frameCount %185);
ellipse(mouseX+150,height-mouseY,b,b)
strokeWeight(4+(frameCount % 220));
stroke(frameCount % 255,174, frameCount % 185);
ellipse(width-mouseX,mouseY,b,b)

for (var y=0; y<30; y++){
for (var z=0; z<20; z++){
// circles
strokeWeight(1);
stroke(255,182,193);
fill(255, 182+z,frameCount % 255);
ellipse(
((width/2)+sin(moveIt)*200)+y,
ypos+(y*a),
b,b);
moveIt +=0.01
}
}

//dots
noStroke();
fill(255,182,193);
ellipse(random()*width, random()*height, 5, 5);

//head
fill(50);
ellipse(200, 200, 200, 240);
//brain
fill(255,174,185);
stroke(255,182,193);//200+sin(xoffset)*100
ellipse(200+sin(xoffset), 110, 50, 50);
ellipse(200+sin(xoffset), 123, 50, 50);
ellipse(170+sin(xoffset), 122, 50, 50);
ellipse(160+sin(xoffset), 125, 43, 43);
ellipse(230+sin(xoffset), 122, 50, 50);
ellipse(240+sin(xoffset), 125, 43, 43);
xoffset+=.08;

if (mouseIsPressed) {
stroke(127,255,212)
fill(102,205,170);
// head - wild
ellipse(mouseX, mouseY, 200, 240);
//brain - wild
fill(250,128,114);
stroke(255,165,sin(0));
ellipse(mouseX, mouseY-90, 50, 50);
ellipse(mouseX, mouseY-77, 50, 50);
ellipse(mouseX-30, mouseY-78, 50, 50);
ellipse(mouseX-40, mouseY-74, 43, 43);
ellipse(mouseX+30, mouseY-78, 50, 50);
ellipse(mouseX+40, mouseY-74, 43, 43);
}
}

View original source code