Kerosene keeper III:the war continues's game

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

No:51285

120

←

Prev Next

→

Kerosene keeper III:the war continues
Developer Winnerweiner2113｜Date and time 24/3/11 14:03:51
Build time 8.531 sec｜Game capacity 2.543KB｜

Script

The code above creates a game called "Kerosene Keeper III: The War Continues". In this game, the player controls a blue square (representing the player's character) using the left and right arrow keys. The goal is to avoid colliding with red squares (representing enemies) while moving the player. The player starts at the bottom of the canvas, and enemies start spawning at the top. The player earns points for dodging enemies, and the game ends if the player collides with an enemy. The final score is displayed in the top left corner of the canvas. You can copy and paste this code into an HTML file and run it in a browser to play the game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kerosene Keeper III: The War Continues</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

let playerX = 200;
    let playerY = 500;
    let enemyX = 200;
    let enemyY = 50;
    let score = 0;

function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(playerX, playerY, 20, 20);
    }

function drawEnemy() {
      ctx.fillStyle = 'red';
      ctx.fillRect(enemyX, enemyY, 20, 20);
    }

function drawScore() {
      ctx.fillStyle = 'black';
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }

function updateEnemy() {
      enemyY += 1;

if (enemyY > 600) {
        enemyX = Math.floor(Math.random() * 380);
        enemyY = 50;
      }
    }

function checkCollision() {
      if (playerX < enemyX + 20 &&
          playerX + 20 > enemyX &&
          playerY < enemyY + 20 &&
          playerY + 20 > enemyY) {
        alert('Game Over! Your final score is: ' + score);
        enemyX = Math.floor(Math.random() * 380);
        enemyY = 50;
        score = 0;
      }
    }

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

drawPlayer();
      drawEnemy();
      drawScore();
      checkCollision();
      updateEnemy();

requestAnimationFrame(updateGameArea);
    }

updateGameArea();
  </script>
</body>
</html>
```
The code above creates a game called "Kerosene Keeper III: The War Continues". In this game, the player controls a blue square (representing the player's character) using the left and right arrow keys. The goal is to avoid colliding with red squares (representing enemies) while moving the player.

The player starts at the bottom of the canvas, and enemies start spawning at the top. The player earns points for dodging enemies, and the game ends if the player collides with an enemy. The final score is displayed in the top left corner of the canvas.

You can copy and paste this code into an HTML file and run it in a browser to play the game. Enjoy!