xxxxxxxxxx
//var eyeoffset = -10;
//var eyeincr = 0.3;
var eyeoffset = -10;
var eyeincr = 0.3;
function setup() {
createCanvas(windowWidth, windowHeight);
background(100);
}
function draw() {
background(255);
fill(135,206,250);
rectMode(CENTER);
translate(mouseX, mouseY);
// big body
ellipse(0, 0, 550, 300);
//tail
stroke(255);
ellipse(300,-10,230,190); // first number goes left right, second goes up down
//tail
stroke(255)
fill(255)
ellipse(375,-10,230,190)
ellipse(0, 95, 275, 100);
//black eye
stroke(255)
fill(0)
ellipse(-200,-40,70,70)
//white eye
//stroke(255)
//fill(255)
//push();
//translate(eyeoffset,40)
//ellipse(-210,-40,30,30);
//pop();
//eyeffset+=eyeincr;
//if(eyeoffset>10) eyeincr*=-1;
//if(eyeoffset<-10) eyeincr*=-1;
fill(255);
push(); // up one level on the drawing stack
translate(eyeoffset, 40); // move 40 pixels down and left/right based on leg offset
ellipse(-200,-70,30,30); // leg
pop(); // restore
// modify position
eyeoffset+=eyeincr;
if(eyeoffset>10) eyeincr*=-1;
if(eyeoffset<-10) eyeincr*=-1;
stroke(255)
fill(0)
triangle(-30,-150,40,-200,60,-140);
triangle(-80,0,25,0,60,140)
}