Background appearing ontop of sprites

CS Discoveries Coding and Debugging Help
1

Student created for unit 3 lesson 25. When 10 coins are collected the background sprite appears, however the bunny and coin do not.

2

your issue pertains to how the background was declared incorrectly functions that are declared do not have .setAnimation only sprites do, for a sprite background we need an actual sprite by using bg2 in this example we preserve most of your naming schema while swapping out the necessary parts (and yes the .visible property is being used to keep it hidden until you actually wish to show it)

var bg2 = createSprite(200,200);
bg2.visible = false;
var coin = createSprite(200,10);
coin.setAnimation("coin_gold_1");
setCoin();
var bunny = createSprite(200,350);
bunny.setAnimation("bunny1_ready_1");

var score = 0;


function draw() {
  if(keyDown("left")){
    bunny.x = bunny.x - 4;
  }
  
  if(keyDown("right")){
    bunny.x = bunny.x + 4;
  }
  
  
  if (score < 10) {
    background1();
  } else {
    background2();
  }
  if(coin.y > 400){
    setCoin();
  }
  if (coin.isTouching(bunny)) {
    bunnycatchcoin();
  }
  drawSprites();
  textSize(20);
  text("Score: " + score, 10, 10, 100, 100);
 
}
function background1() {
  background("white");
}
function background2() {
 bg2.setAnimation("background_landscape28_1");
 bg2.visible = true;
}

function bunnycatchcoin() {
coin.x = randomNumber(1, 400);
coin.velocityY = randomNumber(5, 10);
coin.y = 10;
score = score + 1;
}
function setCoin(){
coin.velocityY = 5;
coin.y = 10;
coin.x = randomNumber(1, 400);
}

Varrience

3

You can make this work by making the background 2 into a sprite rather than treating it like a traditional background. Take a look at this to see if it helps some.