AI game creator

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

No:51283

232

←

Prev Next

→

Kerosene keeper
Developer Winnerweiner2113｜Date and time 24/3/11 13:53:26
Build time 7.132 sec｜Game capacity 1.493KB｜

Script

Press the middle of the black square to regain kerosene.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Kerosene Keeper Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let keroseneLevel = 100;
    
    function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.fillStyle = "black";
      ctx.fillRect(0, 0, canvas.width, canvas.height);
      
      ctx.fillStyle = "white";
      ctx.font = "20px Arial";
      ctx.fillText("Kerosene Level: " + keroseneLevel, 10, 30);
    }
    
    function decreaseKeroseneLevel() {
      keroseneLevel -= 5;
      if(keroseneLevel < 0) {
        
        keroseneLevel = 100;
      }
    }
    
    function increaseKeroseneLevel() {
      keroseneLevel += 10;
      if(keroseneLevel > 100) {
        keroseneLevel = 100;
      }
    }
    
    window.addEventListener('click', function(event) {
      let rect = canvas.getBoundingClientRect();
      let clickX = event.clientX - rect.left;
      let clickY = event.clientY - rect.top;
      
      if(clickX >= 150 && clickX <= 250 && clickY >= 150 && clickY <= 250) {
        increaseKeroseneLevel();
      } else {
        decreaseKeroseneLevel();
      }
      
      drawGame();
    });
    
    drawGame();
  </script>
</body>
</html>
```

Press the middle of the black square to regain kerosene.