The game I want to make is a little human being chased but a dog and as he runs he collects coins's game

Click here for free DL of the app version that can save data.

No:51685

140

←

Prev Next

→

The game I want to make is a little human being ch..ALL
Developer User21631｜Date and time 24/3/15 0:47:39
Build time 6.05 sec｜Game capacity 1.598KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

const player = document.createElement('img');
  player.src = 'player.png';
  player.style.position = 'absolute';
  player.style.bottom = '0';
  player.style.left = '50%';
  player.style.transform = 'translateX(-50%)';
  gameWindow.appendChild(player);

const dog = document.createElement('img');
  dog.src = 'dog.png';
  dog.style.position = 'absolute';
  dog.style.bottom = '0';
  dog.style.left = '70%';
  gameWindow.appendChild(dog);

let coinsCollected = 0;

const coin = document.createElement('img');
  coin.src = 'coin.png';
  coin.style.position = 'absolute';
  coin.style.bottom = '0';
  coin.style.left = 'random';
  gameWindow.appendChild(coin);

coin.addEventListener('click', () => {
    coinsCollected++;
    coin.style.left = 'random';
  });

const checkCollision = setInterval(() => {
    const playerRect = player.getBoundingClientRect();
    const dogRect = dog.getBoundingClientRect();
    const coinRect = coin.getBoundingClientRect();

if (playerRect.left < dogRect.right &&
        playerRect.right > dogRect.left &&
        playerRect.bottom > dogRect.top &&
        playerRect.top < dogRect.bottom) {
      clearInterval(checkCollision);
      alert('Game Over! Coins collected: ' + coinsCollected);
    }
  }, 1000 / 60);
</script>