AI game creator

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

No:45406

←

Prev Next

→

Fossil digging game
Developer User19591｜Date and time 24/2/20 14:46:26
Build time 7.923 sec｜Game capacity 1.987KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fossil Digging Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let score = 0;
    let fossilsFound = 0;
    
    const fossils = [
      {x: 50, y: 100},
      {x: 200, y: 300},
      {x: 100, y: 500}
    ];
    
    const player = {x: 200, y: 550};
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, 20, 20);
      
      // Draw fossils
      ctx.fillStyle = 'brown';
      fossils.forEach((fossil) => {
        ctx.fillRect(fossil.x, fossil.y, 30, 30);
      });
      
      // Display score
      ctx.fillStyle = 'black';
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
      
      // Display fossils found
      ctx.fillText('Fossils Found: ' + fossilsFound, 10, 60);
    }
    
    function checkCollisions() {
      fossils.forEach((fossil, index) => {
        if (player.x < fossil.x + 30 &&
            player.x + 20 > fossil.x &&
            player.y < fossil.y + 30 &&
            player.y + 20 > fossil.y) {
          score += 100;
          fossilsFound++;
          fossils.splice(index, 1);
        }
      });
    }
    
    function movePlayer(event) {
      switch(event.key) {
        case 'ArrowLeft':
          player.x -= 30;
          break;
        case 'ArrowRight':
          player.x += 30;
          break;
        case 'ArrowUp':
          player.y -= 30;
          break;
        case 'ArrowDown':
          player.y += 30;
          break;
      }
      
      checkCollisions();
    }
    
    function gameLoop() {
      draw();
      requestAnimationFrame(gameLoop);
    }
    
    window.addEventListener('keydown', movePlayer);
    
    gameLoop();
  </script>
</body>
</html>
```