let eyes = []; let palette = ["#f6257f","#043872","#07c8ab","#ffb849","#ff5f4b", "#000000"]; function setup(){ createCanvas(windowWidth, windowHeight); rectMode(CENTER); noStroke(); reStart(); } function draw(){ background(0); for(let i=0; i minSize && random(1) < 0.5) { rectRec(x, y, w, minSize); } else { eyes.push(new Eyes(x + w * 0.5, y + w * 0.5, w)); } } } } class Eyes{ constructor(x, y, s){ this.cx = x; this.cy = y; this.size = s; this.eyeSize1 = this.size * 0.3; this.eyeSize2 = this.size * 0.16; this.xoff = this.size * 0.25; this.yoff = this.cy; this.lEye1 = createVector(this.cx - this.xoff, this.yoff, this.eyeSize1); this.lEye2 = createVector(this.cx - this.xoff, this.yoff, this.eyeSize2); this.rEye1 = createVector(this.cx + this.xoff, this.yoff, this.eyeSize1); this.rEye2 = createVector(this.cx + this.xoff, this.yoff, this.eyeSize2); this.num = int(random(7)); this.col = color("#000000"); this.col = color(random(palette)); this.ss = this.size * 0.75; this.timing(); } show(){ fill(this.col); stroke(this.col); rect(this.cx, this.cy, this.size, this.size); fill(255); ellipse(this.lEye1.x, this.lEye1.y, this.lEye1.z, this.lEye1.z); ellipse(this.rEye1.x, this.rEye1.y, this.rEye1.z, this.rEye1.z); fill(this.col); ellipse(this.lEye2.x, this.lEye2.y, this.lEye2.z, this.lEye2.z); ellipse(this.rEye2.x, this.rEye2.y, this.rEye2.z, this.rEye2.z); beginShape(); vertex(this.cx - this.size*0.5, this.cy - this.size*0.5); vertex(this.cx + this.size*0.5, this.cy - this.size*0.5); vertex(this.cx + this.size*0.5, this.cy - this.size*0.5 + this.ss); vertex(this.cx - this.size*0.5, this.cy - this.size*0.5 + this.ss); endShape(); } move(){ if(0 < this.t && this.t < this.t1){ let amt = norm(this.t, 0, this.t1 - 1); this.ss = lerp(this.size* 0.75, this.size* 0.25, amt); } else if(this.t1 < this.t && this.t < this.t2){ } else if(this.t2 < this.t && this.t < this.t3){ let amt = norm(this.t, this.t2, this.t3 - 1); this.ss = lerp(this.size* 0.25, this.size* 0.75, amt); } else if(this.t > this.t3){ this.num = int(random(7)); this.timing(); } this.t ++ ; } timing(){ this.time = int(random(1, 300)); this.t = 0; this.t1 = 5; this.t2 = this.t1 + this.time; this.t3 = this.t2 + 5; } checkDirection(){ let off = this.eyeSize2 * 0.4; if(this.num == 0){ this.lEye2 = createVector(this.cx - this.xoff, this.yoff, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff, this.yoff, this.eyeSize2); } else if(this.num == 1){ this.lEye2 = createVector(this.cx - this.xoff + off, this.yoff, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff + off, this.yoff, this.eyeSize2); } else if(this.num == 2){ this.lEye2 = createVector(this.cx - this.xoff - off, this.yoff, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff - off, this.yoff, this.eyeSize2); } else if(this.num == 3){ this.lEye2 = createVector(this.cx - this.xoff, this.yoff - off, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff, this.yoff - off, this.eyeSize2); } else if(this.num == 4){ this.lEye2 = createVector(this.cx - this.xoff, this.yoff + off, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff, this.yoff + off, this.eyeSize2); } else if(this.num == 5){ this.lEye2 = createVector(this.cx - this.xoff, this.yoff, this.eyeSize2 * 0.3); this.rEye2 = createVector(this.cx + this.xoff, this.yoff, this.eyeSize2 * 0.3); } else if(this.num == 6){ this.lEye2 = createVector(this.cx - this.xoff + off, this.yoff, this.eyeSize2); this.rEye2 = createVector(this.cx + this.xoff - off, this.yoff, this.eyeSize2); } } run(){ this.checkDirection(); this.show(); this.move(); } }