Monster tucks vs crabs's game

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

No:20178

129

←

Prev Next

→

Monster tucks vs crabs
Developer User8969｜Date and time 23/10/8 17:43:35
Build time 18.43 sec｜Game capacity 2.667KB｜

Script

Sure! Here's a simple game called "Monster Trucks vs Crabs" implemented as a single HTML file using JavaScript:

You can copy and save this code into a `.html` file and open it in a web browser to play "Monster Trucks vs Crabs" game. The game is played by controlling the blue monster truck using the left and right arrow keys to avoid the red crabs and score points by colliding with them. The score is displayed on the top left corner of the canvas. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple game called "Monster Trucks vs Crabs" implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Trucks vs Crabs</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Game variables
    let monsterTruckX = 200;
    let monsterTruckY = 250;
    let crabX = Math.random() * 350;
    let crabY = 50;
    let score = 0;

// Game loop
    function gameLoop() {
      clearCanvas();
      moveMonsterTruck();
      moveCrab();
      drawMonsterTruck();
      drawCrab();
      detectCollision();
      updateScore();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Move the monster truck
    function moveMonsterTruck() {
      document.addEventListener('keydown', (event) => {
        let key = event.key;
        if (key === 'ArrowLeft' && monsterTruckX > 0) {
          monsterTruckX -= 10;
        } else if (key === 'ArrowRight' && monsterTruckX < 360) {
          monsterTruckX += 10;
        }
      });
    }

// Move the crab
    function moveCrab() {
      crabY += 2;
      if (crabY > canvas.height) {
        crabX = Math.random() * 350;
        crabY = 50;
      }
    }

// Draw the monster truck
    function drawMonsterTruck() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(monsterTruckX, monsterTruckY, 40, 20);
    }

// Draw the crab
    function drawCrab() {
      ctx.fillStyle = 'red';
      ctx.fillRect(crabX, crabY, 30, 20);
    }

// Detect collision between monster truck and crab
    function detectCollision() {
      if (
        monsterTruckX < crabX + 30 &&
        monsterTruckX + 40 > crabX &&
        monsterTruckY < crabY + 20 &&
        monsterTruckY + 20 > crabY
      ) {
        score++;
        crabX = Math.random() * 350;
        crabY = 50;
      }
    }

// Update the score
    function updateScore() {
      ctx.font = '16px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText('Score: ' + score, 10, 20);
    }

// Start the game loop
    setInterval(gameLoop, 20);
  </script>
</body>
</html>
```