var bg1, bg2, bg3, bg4, bg5;

var font;

var counter = -1;

var belgrade = false;

​

function setup() {

​

  createCanvas(window.innerWidth-15, window.innerHeight-15);

​

  font = loadFont("font/PressStart2P-Regular.ttf");

​

​

  hero = createSprite(width/2, height/2);

  hero.addAnimation('still', 

                           'assets/nis01.png',

                           'assets/nis02.png',

                           'assets/nis03.png',

                           'assets/nis04.png',

                           'assets/nis05.png',

                           'assets/nis06.png',

                           'assets/nis07.png',

                           'assets/nis08.png');

  hero.addAnimation('move', 

                           'assets/ni01.png',

                           'assets/ni02.png',

                           'assets/ni03.png',

                           'assets/ni04.png',

                           'assets/ni05.png',

                           'assets/ni06.png',

                           'assets/ni07.png',

                           'assets/ni08.png');

  hero.addAnimation('back', 

                           'assets/nib01.png',

                           'assets/nib02.png',

                           'assets/nib03.png',

                           'assets/nib04.png',

                           'assets/nib05.png',

                           'assets/nib06.png',

                           'assets/nib07.png',

                           'assets/nib08.png');

  hero.addAnimation('right', 

                           'assets/nir01.png',

                           'assets/nir02.png',

                           'assets/nir03.png',

                           'assets/nir04.png',

                           'assets/nir05.png',

                           'assets/nir06.png',

                           'assets/nir07.png',

                           'assets/nir08.png');

  hero.addAnimation('box', 

                    'assets/nibox01.png',

                    'assets/nibox02.png',

                    'assets/nibox03.png',

                    'assets/nibox04.png',

                    'assets/nibox05.png',

                    'assets/nibox06.png',

                    'assets/nibox07.png',

                    'assets/nibox08.png',

                    'assets/nibox09.png',

                    'assets/nibox10.png',

                    'assets/nibox11.png',

                    'assets/nibox12.png',

                    'assets/nibox13.png',

                    'assets/nibox14.png',

                    'assets/nibox15.png',

                    'assets/nibox16.png',

                    'assets/nibox17.png',

                    'assets/nibox18.png',

                    'assets/nibox19.png',

                    'assets/nibox20.png',

                    'assets/nibox21.png',

                    'assets/nibox22.png',

                    'assets/nibox23.png',

                    'assets/nibox24.png',

                    'assets/nibox25.png',

                    'assets/nibox26.png',

                    'assets/nibox27.png',

                    'assets/nibox28.png',

                    'assets/nibox29.png',

                    'assets/nibox30.png');

​

  hero.setCollider("rectangle", 0, 0, 42, 76);

​

  hero.changeAnimation('still');

​

  rectMode(CENTER);

}

​

function draw() {

  background(212);

​

  textSize(20);

  fill(255);

  noStroke();

  textFont(font);

  textAlign(CENTER);

  text("Game Jam", width/2, 50);

​

  textSize(11);

  textLeading(20);

  text("Press arrow keys to move\nPress X to spark & shine\nPress B to make the city", width/2, 100);// height-140);

​

  textSize(11);

  textLeading(20);

  text("Uros Krcadinac & students\nFMK, Belgrade, 2023", width/2, height-60);

​

  hero.velocity.x = 0;

  hero.velocity.y = 0;

​

  if (keyIsDown(LEFT_ARROW)) {

    if (hero.position.x > 0) {

      hero.velocity.x = -5;

      hero.changeAnimation('move');

    }

  }

  if (keyIsDown(RIGHT_ARROW)) {

    if (hero.position.x < window.innerWidth-15) {

      hero.velocity.x = 5;

      hero.changeAnimation('right');

    }       

  }

​

    if (keyIsDown(UP_ARROW)) {

    if (hero.position.y > 0) {

      hero.velocity.y = -5;

      hero.changeAnimation('back');

    }

  }

  if (keyIsDown(DOWN_ARROW)) {

    if (hero.position.y < window.innerHeight-15) {

      hero.velocity.y = 5;

      hero.changeAnimation('move');

    }       

  }

​

  if (keyWentUp(DOWN_ARROW) || keyWentUp(UP_ARROW) || keyWentUp(LEFT_ARROW) || keyWentUp(RIGHT_ARROW)) {

    hero.changeAnimation('still');

  }

​

  if (belgrade) {

​

    hero.displace(bg1);

    hero.displace(bg2);

    hero.displace(bg3);

    hero.displace(bg4);

    hero.displace(bg5);

​

  }

​

  if (keyWentDown("b")) {

​

    belgrade = true;

​

    if (bg1 != undefined) {

      bg1.remove();

      bg2.remove();

      bg3.remove();

      bg4.remove();

      bg5.remove();

    }    

​

    bg1 = createSprite(random(width*0.2, width*0.8), random(height*0.2, height*0.8));

    bg2 = createSprite(random(width*0.2, width*0.8), random(height*0.2, height*0.8));

    bg3 = createSprite(random(width*0.2, width*0.8), random(height*0.2, height*0.8));

    bg4 = createSprite(random(width*0.2, width*0.8), random(height*0.2, height*0.8));

    bg5 = createSprite(random(width*0.2, width*0.8), random(height*0.2, height*0.8));

​

    bg1.addAnimation("regular", "assets/bg01.png");

    bg2.addAnimation("regular", "assets/bg02.png");

    bg3.addAnimation("regular", "assets/bg03.png");

    bg4.addAnimation("regular", "assets/bg04.png");

    bg5.addAnimation("regular", "assets/bg05.png");

​

    bg1.addAnimation("red", "assets/bg01red.png");

    bg2.addAnimation("red", "assets/bg02red.png");

    bg3.addAnimation("red", "assets/bg03red.png");

    bg4.addAnimation("red", "assets/bg04red.png");

    bg5.addAnimation("red", "assets/bg05red.png");

​

  }

​

  if (keyWentDown("x")) {

    hero.changeAnimation('box');

    hero.animation.looping = false;

    hero.animation.rewind();

    counter = 0;

  }

​

  if (counter > -1) {

    counter++;    

  }

  if (counter == 60) {

    if (belgrade) {

      bg1.changeAnimation('red');

      bg2.changeAnimation('red');

      bg3.changeAnimation('red');

      bg4.changeAnimation('red');

      bg5.changeAnimation('red');

    }

  }

  if (counter > 120) {

    counter = -1;

    if (belgrade) {

      bg1.changeAnimation('regular');

      bg2.changeAnimation('regular');

      bg3.changeAnimation('regular');

      bg4.changeAnimation('regular');

      bg5.changeAnimation('regular');

    }    

    hero.changeAnimation('still');

  }

​

  drawSprites();

​

  hero.debug = mouseIsPressed;

​

  if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

    textSize(11);

    textLeading(20);

    text("This little game is meant to be played on a desktop computer.", width/2, height/2); 

  }

​

}

​