var gameChar_y;

var floorPos_y;

var isLeft;

var isRight;

var isPlummeting;

var isJumping;

​

​

function setup()

{

    createCanvas(1024, 576);

    floorPos_y = height * 3/4;

    gameChar_x = width/2;

    gameChar_y = floorPos_y;

    isPlummeting = false;

    isLeft = false;

    isRight = false;

    isJumping = false;

​

    canyon = {

        x_pos:0,

        width:100

    }

}

​

function draw()

{

​

    ///////////DRAWING CODE//////////

​

    background(100,155,255); //fill the sky blue

​

​

    noStroke();

    fill(0,155,0);

    rect(0, floorPos_y, width, height - floorPos_y); //draw some green ground

​

    //draw the canyon

    fill(100,155,255)

  rect(canyon.x_pos+100,432,canyon.width-60,144)

    fill(205,92,100)

    line(100,432,100,576)

    triangle(canyon.x_pos+140,432,canyon.x_pos+140,576,canyon.x_pos+220,576)

​

    //the game character

    if(isLeft && isJumping)

    {

        // add your jumping-left code

        fill(50,150,0)

   ellipse(gameChar_x+2,gameChar_y-60,15,25)

   fill(200,200,0)

   rect(gameChar_x-9,gameChar_y-50,20,40)

   fill(51)

   rect(gameChar_x-10,gameChar_y-10,10,5)

   rect(gameChar_x+9,gameChar_y-9.9,10,5)

   ellipse(gameChar_x-4,gameChar_y-60,6)

   ellipse(gameChar_x+5,gameChar_y-60,6)

    }

    else if(isRight && isJumping)

    {

        // add your jumping-right code

        fill(50,150,0)

   ellipse(gameChar_x-1,gameChar_y-60,15,25)

   fill(200,200,0)

   rect(gameChar_x-10,gameChar_y-50,20,40)

   fill(51)

   rect(gameChar_x-15,gameChar_y-10,10,5)

   rect(gameChar_x,gameChar_y-9.9,10,5)

   ellipse(gameChar_x-4,gameChar_y-60,6)

   ellipse(gameChar_x+5,gameChar_y-60,6)

    }

    else if(isLeft)

    {

        // add your walking left code

        fill(50,150,0)

   ellipse(gameChar_x+2,gameChar_y-60,15,25)

   fill(200,200,0)

   rect(gameChar_x-9,gameChar_y-50,20,40)

   fill(51)

   rect(gameChar_x-5,gameChar_y-10,5,10)

   rect(gameChar_x+5,gameChar_y-9.9,5,10)

   ellipse(gameChar_x-4,gameChar_y-60,6)

   ellipse(gameChar_x+5,gameChar_y-60,6)

    }

    else if(isRight)

    {

        // add your walking right code

        fill(50,150,0)

   ellipse(gameChar_x-1,gameChar_y-60,15,25)

   fill(200,200,0)

   rect(gameChar_x-10,gameChar_y-50,20,40)

   fill(51)

   rect(gameChar_x-10,gameChar_y-10,5,10)

   rect(gameChar_x+2,gameChar_y-9.9,5,10)

   ellipse(gameChar_x-4,gameChar_y-60,6)

   ellipse(gameChar_x+5,gameChar_y-60,6)

    }

    else if(isJumping || isPlummeting)

    {

        // add your jumping facing forwards code

        fill(50,150,0)

    ellipse(gameChar_x+1,gameChar_y-60,25)

    fill(200,200,0)

    rect(gameChar_x-14,gameChar_y-50,30,40)

    fill(51)

    rect(gameChar_x-20,gameChar_y-10,10,5)

    rect(gameChar_x+12,gameChar_y-9.9,10,5)

    ellipse(gameChar_x-4,gameChar_y-60,6)

    ellipse(gameChar_x+5,gameChar_y-60,6)

​

    }

    else

    {

        // add your standing front facing code

        fill(50,150,0)

    ellipse(gameChar_x+1,gameChar_y-60,25)

    fill(200,200,0)

    rect(gameChar_x-14,gameChar_y-50,30,40)

    fill(51)

    rect(gameChar_x-10,gameChar_y-10,5,10)

    rect(gameChar_x+8,gameChar_y-9.9,5,10)

    ellipse(gameChar_x-4,gameChar_y-60,6)

    ellipse(gameChar_x+5,gameChar_y-60,6)

    }

​

    ///////////INTERACTION CODE//////////

    //Put conditional statements to move the game character below here

  if (isLeft == true)

    {

        gameChar_x -= 5

    }

    if (isRight == true)

    {

        gameChar_x += 5

    }

    if (isJumping == true)

    {

        gameChar_y -= 5

        jumpheight-=5

      if(jumpheight<=0){

        isJumping=false

        jumpheight=50

      }

    }

    if(isJumping==false && gameChar_y<floorPos_y){

    gameChar_y+=5

    }

    // if (gameChar_y == gameChar_y - 5)

    // {

    //  gameChar_y += 5

    // }

    // if (isPlummeting == true)

    // {

    //  gameChar_y += 10

    // }

​

}

​

​

function keyPressed()

{

    // if statements to control the animation of the character when

    // keys are pressed.

​

    //open up the console to see how these work

    //console.log("keyPressed: " + key);

    // console.log("keyPressed: " + keyCode);

    if (keyCode == 37)

    {

        isLeft = true

    }

    else if (keyCode == 39)

    {

        isRight = true

    }

    else if (keyCode == 38 && gameChar_y>=floorPos_y)

    {

        isJumping = true

    }

}

let jumpheight=50;

​

function keyReleased()

{

    // if statements to control the animation of the character when

    // keys are released.

​

    // console.log("keyReleased: " + key);

    // console.log("keyReleased: " + keyCode);

    if (keyCode == 37)

    {

        isLeft = false

    }

    else if (keyCode == 39)

    {

        isRight = false

    }

}

​