import kaboom from "kaboom"

// initialize context
kaboom()

// load assets
loadSprite("hintergrund", "sprites/stadt.png");
loadSprite("junge", "sprites/junge.png");
loadSprite("burger", "sprites/burger.png");
loadSprite("pilz", "sprites/pilz.png");
loadSprite("hintergrund-game-over", "sprites/bean.png");

scene("gameover", () => {
  // Hintergrund
  add([
    sprite("hintergrund-game-over", { width: width(), height: height() }),
  ]);

  add([
    text("Game"),
    pos(0, 0),
  ])

  add([
    text("Over!!!!"),
    pos(0, 200),
  ])
});

scene("game", () => {

  // Hintergrund
  add([
    sprite("hintergrund", { width: width(), height: height() }),
  ]);

  // add a character to screen
  const georgi = add([
    // list of components
    sprite("junge"),
    pos(100, 200),
    scale(0.2),
    area(),
  ])

  add([
    // list of components
    sprite("burger"),
    pos(rand(0, width()), 0),
    scale(0.1),
    area(),
    move(DOWN, 140),
    "burger",
  ])

  onKeyDown("right", () => {
    georgi.move(300, 0)
  });

  onKeyDown("left", () => {
    georgi.move(-300, 0)
  });

  loop(1, () => {
    add([
      // list of components
      sprite("burger"),
      pos(rand(0, width()), 0),
      scale(0.1),
      area(),
      move(DOWN, 140),
      "burger",
    ])
  });

  loop(1, () => {
    add([
      // list of components
      sprite("pilz"),
      pos(rand(width()), 0),
      area(),
      scale(0.15),
      move(DOWN, 100),
      "pilz"
    ]);
  });

  //Kollision Burger
  georgi.onCollide("burger", (burger) => {
    destroy(burger)
  });

  //Kollision Spieler mit GameOver
  georgi.onCollide("pilz", ()=>{
    go("gameover")
  });
  
});

go("game")

let punkte = 0;