make a history kids game's game

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

No:45707

←

Prev Next

→

make a history kids game
Developer User19664｜Date and time 24/2/21 6:11:05
Build time 10.737 sec｜Game capacity 2.765KB｜

Script

This is a simple history kids game where the player must collect treasures while avoiding enemies. The player can control their character using the arrow keys and must try to get as many treasures as possible without colliding with enemies. The game ends when the player's score goes below 0. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>History Kids Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Define pictograms or images for game elements
    const playerImg = "👦";
    const enemyImg = "👹";
    const treasureImg = "💰";

let playerX = 50;
    let playerY = canvas.height / 2;
    let enemyX = canvas.width - 100;
    let enemyY = canvas.height / 2;
    let treasureX = canvas.width / 2;
    let treasureY = canvas.height - 100;

let score = 0;

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.font = "30px Arial";
      ctx.fillText(playerImg, playerX, playerY);

// Draw enemy
      ctx.font = "30px Arial";
      ctx.fillText(enemyImg, enemyX, enemyY);

// Draw treasure
      ctx.font = "30px Arial";
      ctx.fillText(treasureImg, treasureX, treasureY);

// Draw score
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

function update() {
      enemyX -= 1;

if (enemyX <= 0) {
        enemyX = canvas.width - 100;
        enemyY = Math.random() * canvas.height;
        score--;
      }

// Collision detection
      if (
        playerX < enemyX + 20 &&
        playerX + 20 > enemyX &&
        playerY < enemyY + 20 &&
        playerY + 20 > enemyY
      ) {
        score = 0;
      }

if (
        playerX < treasureX + 20 &&
        playerX + 20 > treasureX &&
        playerY < treasureY + 20 &&
        playerY + 20 > treasureY
      ) {
        score++;
        treasureX = Math.random() * canvas.width;
        treasureY = Math.random() * canvas.height;
      }
    }

document.addEventListener("keydown", keyDownHandler);

function gameLoop() {
      draw();
      update();

if (score < 0) {
        alert("Game Over! Your final score is: " + score + ". Refresh to play again.");
      } else {
        requestAnimationFrame(gameLoop);
      }
    }

gameLoop();
  </script>
</body>
</html>
```
This is a simple history kids game where the player must collect treasures while avoiding enemies. The player can control their character using the arrow keys and must try to get as many treasures as possible without colliding with enemies. The game ends when the player's score goes below 0. Have fun playing!