xxxxxxxxxx
// VARIABLES
var xPosition= 250;
var yPosition= 450;
var speed= 1.5;
var hairX= 0;
var headX= 0;
var bangX1= 0;
var bangX2= 0;
var bangX3= 0;
var bangX4= 0;
var bangX5= 0;
var bangX6= 0;
var bangX7= 0;
var bangX8= 0;
var bangX9= 0;
var bangX10= 0;
var lefteyeX= 0;
var righteyeX= 0;
var mouthX1= 0;
var mouthX2= 0;
var mouthX3= 0;
var rightearX= 0;
var leftearX= 0;
var bodyX1= 0;
var bodyX2= 0;
var bodyX3= 0;
var righthandX= 0;
var lefthandX= 0;
var leftlegX= 0;
var rightlegX= 0;
var leftshoeX= 0;
var rightshoeX= 0;
var hairY= 0;
var headY= 0;
var bangY1= 0;
var bangY2= 0;
var bangY3= 0;
var bangY4= 0;
var bangY5= 0;
var bangY6= 0;
var bangY7= 0;
var bangY8= 0;
var bangY9= 0;
var bangY10= 0;
var lefteyeY= 0;
var righteyeY= 0;
var mouthY1= 0;
var mouthY2= 0;
var mouthY3= 0;
var rightearY= 0;
var leftearY= 0;
var bodyY1= 0;
var bodyY2= 0;
var bodyY3= 0;
var righthandY=0;
var lefthandY= 0;
var leftlegY= 0;
var rightlegY= 0;
var leftshoeY= 0;
var rightshoeY= 0
// SETUP
function setup() {
createCanvas(700,700);
hairX= 94;
headX= 50;
bangX1= 60;
bangX2= 75;
bangX3= 90;
bangX4= 105;
bangX5= 115;
bangX6= 125;
bangX7= 70;
bangX8= 85;
bangX9= 100;
bangX10= 116;
lefteyeX= 75;
righteyeX= 110;
mouthX1= 85;
mouthX2= 95;
mouthX3= 105;
rightearX= 135;
leftearX= 50;
bodyX1= 65;
bodyX2= 95;
bodyX3= 125;
righthandX= 127;
lefthandX= 63;
leftlegX= 70;
rightlegX= 95;
leftshoeX= 75;
rightshoeX= 115;
hairY= 500;
headY= 460;
bangY1= 475;
bangY2= 475;
bangY3= 475;
bangY4= 475;
bangY5= 475;
bangY6= 475;
bangY7= 465;
bangY8= 465;
bangY9= 465;
bangY10= 465;
lefteyeY= 490;
righteyeY= 490;
mouthY1= 510;
mouthY2= 515;
mouthY3= 510;
rightearY= 495;
leftearY= 495;
bodyY1= 580;
bodyY2= 530;
bodyY3= 580;
righthandY= 578;
lefthandY= 578;
leftlegY= 580;
rightlegY= 580;
leftshoeY= 640;
rightshoeY= 640;
}
function draw() {
background(31,1,185);
// ground platform
stroke(0);
fill(0);
rect(0,645,200,60);
// lava
noStroke()
fill(216,76,9);
rect(200,645,700,60);
// floating platform
stroke(0);
fill(0);
rect(500,285,520,50);
// moving platform
stroke(0)
fill(0);
rect(xPosition,yPosition,200,50);
xPosition = xPosition + speed;
if(xPosition > 700-430) {
speed= -1.5;
} else if(xPosition <= 200) {
speed=1.5;
}
// CHARACTER
// hair
stroke(0);
fill(0);
ellipse(hairX,hairY,160,100);
// head
stroke(0);
fill(120,75,52);
rect(headX,headY,85,70,30);
// hair bang
noStroke()
fill(0);
ellipse(bangX1,bangY1,20,20);
ellipse(bangX2,bangY2,20,20);
ellipse(bangX3,bangY3,20,20);
ellipse(bangX4,bangY4,20,20);
ellipse(bangX5,bangY5,20,20);
ellipse(bangX6,bangY6, 20,20);
ellipse(bangX7,bangY7,20,20);
ellipse(bangX8,bangY8,20,20);
ellipse(bangX9,bangY9,20,20);
ellipse(bangX10,bangY10,20,20);
// eyes
stroke(0);
fill(0);
ellipse(lefteyeX,lefteyeY,10,8);
fill(0);
ellipse(righteyeX,righteyeY,10,8);
// mouth
stroke(0);
fill(255,172,225);
triangle(mouthX1,mouthY1,mouthX2,mouthY2,mouthX3,mouthY3);
// right ear
noStroke();
fill(120,75,52);
ellipse(rightearX,rightearY,15,20);
// left ear
noStroke();
fill(120,75,52);
ellipse(leftearX,leftearY,15,20);
// body
stroke(0);
fill(250,156,28);
triangle(bodyX1,bodyY1,bodyX2,bodyY2,bodyX3,bodyY3);
if(mouseIsPressed){
fill(65,234,212);
triangle(bodyX1,bodyY1,bodyX2,bodyY2,bodyX3,bodyY3);
} else{
fill(250,156,28);
triangle(bodyX1,bodyY1,bodyX2,bodyY2,bodyX3,bodyY3);
}
// right hand
stroke(0);
fill(120,75,52);
ellipse(righthandX,righthandY,15,15);
// left hand
stroke(0);
fill(120,75,52);
ellipse(lefthandX,lefthandY,15,15);
// left leg
stroke(0);
fill(35,12,15);
rect(leftlegX,leftlegY,25,50);
// right leg
stroke(0);
fill(35,12,15);
rect(rightlegX,rightlegY,25,50);
// left shoe
stroke(0);
fill(0);
ellipse(leftshoeX,leftshoeY,30,20);
// right shoe;
stroke(0)
fill(0);
ellipse(rightshoeX,rightshoeY,30,20);
// song title
textSize(25);
textStyle(BOLD);
textFont('Georgia');
text('cave runner',30, 30);
}
function keyPressed(){
// key movement
if(keyCode == LEFT_ARROW) {
hairX= hairX - 10;
headX= headX - 10;
bangX1= bangX1 - 10;
bangX2= bangX2 - 10;
bangX3= bangX3 - 10;
bangX4= bangX4 - 10;
bangX5= bangX5 - 10;
bangX6= bangX6 - 10;
bangX7= bangX7 -10;
bangX8= bangX8 - 10;
bangX9= bangX9 - 10;
bangX10= bangX10 - 10;
lefteyeX= lefteyeX - 10;
righteyeX= righteyeX - 10;
mouthX1= mouthX1 - 10;
mouthX2= mouthX2 - 10;
mouthX3= mouthX3 - 10;
rightearX= rightearX - 10;
leftearX= leftearX - 10;
bodyX1= bodyX1 - 10;
bodyX2= bodyX2 - 10;
bodyX3= bodyX3 - 10;
righthandX= righthandX - 10;
lefthandX= lefthandX - 10;
leftlegX= leftlegX - 10;
rightlegX= rightlegX - 10;
leftshoeX= leftshoeX - 10;
rightshoeX= rightshoeX - 10;
} else if(keyCode == RIGHT_ARROW) {
hairX= hairX + 10;
headX= headX + 10;
bangX1= bangX1 + 10;
bangX2= bangX2 + 10;
bangX3= bangX3 + 10;
bangX4= bangX4 + 10;
bangX5= bangX5 + 10;
bangX6= bangX6 + 10;
bangX7= bangX7 + 10;
bangX8= bangX8 + 10;
bangX9= bangX9 + 10;
bangX10= bangX10 + 10;
lefteyeX= lefteyeX + 10;
righteyeX= righteyeX + 10;
mouthX1= mouthX1 + 10;
mouthX2= mouthX2 + 10;
mouthX3= mouthX3 + 10;
rightearX= rightearX + 10;
leftearX= leftearX + 10;
bodyX1= bodyX1 + 10;
bodyX2= bodyX2 + 10;
bodyX3= bodyX3 + 10;
righthandX= righthandX + 10;
lefthandX= lefthandX + 10;
leftlegX= leftlegX + 10;
rightlegX= rightlegX + 10;
leftshoeX= leftshoeX + 10;
rightshoeX= rightshoeX + 10;
} else if(keyCode == UP_ARROW){
hairY= hairY - 10;
headY= headY - 10;
bangY1= bangY1 - 10;
bangY2= bangY2 - 10;
bangY3= bangY3 - 10;
bangY4= bangY4 - 10;
bangY5= bangY5 - 10;
bangY6= bangY6 - 10;
bangY7= bangY7 -10;
bangY8= bangY8 - 10;
bangY9= bangY9 - 10;
bangY10= bangY10 - 10;
lefteyeY= lefteyeY - 10;
righteyeY= righteyeY - 10;
mouthY1= mouthY1 - 10;
mouthY2= mouthY2 - 10;
mouthY3= mouthY3 - 10;
rightearY= rightearY - 10;
leftearY= leftearY - 10;
bodyY1= bodyY1 - 10;
bodyY2= bodyY2 - 10;
bodyY3= bodyY3 - 10;
righthandY= righthandY - 10;
lefthandY= lefthandY - 10;
leftlegY= leftlegY - 10;
rightlegY= rightlegY - 10;
leftshoeY= leftshoeY - 10;
rightshoeY= rightshoeY - 10;
} else if(keyCode == DOWN_ARROW){
hairY= hairY + 10;
headY= headY + 10;
bangY1= bangY1 + 10;
bangY2= bangY2 + 10;
bangY3= bangY3 + 10;
bangY4= bangY4 + 10;
bangY5= bangY5 + 10;
bangY6= bangY6 + 10;
bangY7= bangY7 + 10;
bangY8= bangY8 + 10;
bangY9= bangY9 + 10;
bangY10= bangY10 + 10;
lefteyeY= lefteyeY + 10;
righteyeY= righteyeY + 10;
mouthY1= mouthY1 + 10;
mouthY2= mouthY2 + 10;
mouthY3= mouthY3 + 10;
rightearY= rightearY + 10;
leftearY= leftearY + 10;
bodyY1= bodyY1 + 10;
bodyY2= bodyY2 + 10;
bodyY3= bodyY3 + 10;
righthandY= righthandY + 10;
lefthandY= lefthandY + 10;
leftlegY= leftlegY + 10;
rightlegY= rightlegY + 10;
leftshoeY= leftshoeY + 10;
rightshoeY= rightshoeY + 10;
}
}