​

var walkingSequence;

var walkingSequenceReady=false;

var falling,jumping;

​

function preload() {

  start = loadImage("imgs/start.jpg");  

  walkingSequence = createImg("imgs/1_walking.gif",

                              "linea walking",

                             'anonymous',

                             ()=>{

                                walkingSequenceReady=true;

                              });

  falling = createImg("imgs/2_falling.gif",

                              "linea falling");

  jumping = loadImage("imgs/the_jump.gif");

}

​

function setup() {

  createCanvas(400,400);

  walkingSequence.style("display","none");

  falling.style("display","none");

  falling.position(100,100);

  falling.style("width","300px");

}

​

let timer = -1,

    jumpingTimer = -1;

let jumpingWindow = false;

function draw() {

  if ((frameCount<120)||(!walkingSequenceReady)){

    background("green");

    image(start,0,112);

    noStroke();

    fill("white");

    textSize(24);

    text("La linea - by Osvaldo Cavandoli",25,50);

    text("loading ... ",50+frameCount*2,100);

    return;

  }

  if (jumpingTimer>0){

    jumpingTimer--;

    background(0,37,102);

    image(jumping,(jumpingTimer-80)*3,100,350,250);

  } else {

    background(21);

​

    strokeWeight(5);

    stroke("white");

    noFill();

    line(100-timer/4,296,105,296);

​

    if (walkingSequenceReady){

      walkingSequence.style("display","block");

      walkingSequence.position(100,100);

      walkingSequence.style("width","300px");    

    }

​

    if (timer>0){

      timer--;

    } else {

      timer = int(random(380,500));

    }

    if (timer<80){

      noStroke();

      fill("white");

      textSize(24);

      text("click to JUMP !",50,50);

      jumpingWindow = true;

    }

    if (timer==1){

      // you did not jump!

      walkingSequence.style("display","none");

      falling.style("display","block");

​

      background("white");

      noStroke();

      fill("black");

      textSize(24);

      text("Game Over",120,50);

​

      noLoop();

    }

  }

}

​

function mouseClicked(){

  if (!jumpingWindow) return;

  walkingSequence.style("display","none");

  jumping.reset();

  jumpingTimer = 30*4;

  timer = int(random(380,500));

  jumpingWindow = false;

}

​