A game where the player are a human emoji and must collect coin as much as possible while running from a ghost emoji to move the human emoji the player must drag a joystick and the ghost emoji are following the human emoji the human and the ghost emoji not moving too fast and when the ghost emoji touch the human emoji the game restart and the coin spawn at random place and cannot move until the human emoji touch it's game

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

No:10363

103

←

Prev Next

→

A game where the player are a human emoji and must..ALL
Developer User4535｜Date and time 23/7/30 19:24:11
Build time 24.564 sec｜Game capacity 3.324KB｜

Script

👨

👻

💰

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Coin Collector Game</title>
<style>
#game-container {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid black;
}

#human-emoji, #ghost-emoji {
  position: absolute;
  font-size: 40px;
}

#human-emoji {
  color: yellow;
}

#ghost-emoji {
  color: red;
}

#coin {
  position: absolute;
  font-size: 30px;
  color: gold;
}
</style>
</head>
<body>
<div id="game-container">
  <div id="human-emoji">👨</div>
  <div id="ghost-emoji">👻</div>
  <div id="coin">💰</div>
</div>

var containerWidth = gameContainer.offsetWidth;
var containerHeight = gameContainer.offsetHeight;

var humanPosX = containerWidth / 2;
var humanPosY = containerHeight / 2;

var ghostPosX = containerWidth / 2;
var ghostPosY = containerHeight / 2;

var coinPosX;
var coinPosY;

var score = 0;

var isGameOver = false;

function getRandomPosition() {
  return Math.floor(Math.random() * (containerWidth - 50));
}

function updateGame() {
  // Update human emoji position
  humanEmoji.style.left = humanPosX + "px";
  humanEmoji.style.top = humanPosY + "px";

// Update ghost emoji position
  ghostEmoji.style.left = ghostPosX + "px";
  ghostEmoji.style.top = ghostPosY + "px";

// Check for collision between human and ghost
  var humanRect = humanEmoji.getBoundingClientRect();
  var ghostRect = ghostEmoji.getBoundingClientRect();

if (
    humanRect.left < ghostRect.right &&
    humanRect.right > ghostRect.left &&
    humanRect.top < ghostRect.bottom &&
    humanRect.bottom > ghostRect.top
  ) {
    // Game over, reset positions and spawn new coin
    isGameOver = true;
    humanPosX = containerWidth / 2;
    humanPosY = containerHeight / 2;
    ghostPosX = containerWidth / 2;
    ghostPosY = containerHeight / 2;
    coinPosX = getRandomPosition();
    coinPosY = getRandomPosition();
    coin.style.left = coinPosX + "px";
    coin.style.top = coinPosY + "px";
  }

// Check for coin collection
  var coinRect = coin.getBoundingClientRect();

if (
    humanRect.left < coinRect.right &&
    humanRect.right > coinRect.left &&
    humanRect.top < coinRect.bottom &&
    humanRect.bottom > coinRect.top
  ) {
    // Coin collected, increase score and spawn new coin
    score++;
    coinPosX = getRandomPosition();
    coinPosY = getRandomPosition();
    coin.style.left = coinPosX + "px";
    coin.style.top = coinPosY + "px";
  }

if (!isGameOver) {
    // Request next frame update
    requestAnimationFrame(updateGame);
  }
}

updateGame();

gameContainer.addEventListener("touchstart", function(e) {
  var touch = e.touches[0];
  var touchX = touch.clientX - gameContainer.offsetLeft;
  var touchY = touch.clientY - gameContainer.offsetTop;

humanPosX = touchX;
  humanPosY = touchY;
});

gameContainer.addEventListener("touchmove", function(e) {
  e.preventDefault();
  var touch = e.touches[0];
  var touchX = touch.clientX - gameContainer.offsetLeft;
  var touchY = touch.clientY - gameContainer.offsetTop;

humanPosX = touchX;
  humanPosY = touchY;
});

</script>
</body>
</html>