I’ll tap increase night's game

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

No:42668

100

←

Prev Next

→

I’ll tap increase night
Developer User18878｜Date and time 24/2/12 16:43:13
Build time 9.861 sec｜Game capacity 2.916KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript. The game is played on a smartphone and uses pictograms. Please note that this is a basic game and might not have all the features or complexity you might expect from a finished game.

To play the game, you can save this code into an HTML file and open it in a smartphone browser. Tap or click on the canvas to move the player object, represented as a red circle, and try to catch the pictogram (represented by a moon emoji) to increase your score. As the game progresses, the night background will gradually darken.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Night Increaser Game</title>
</head>

<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>
  <script>
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Game variables
    var score = 0;
    var night = 0;

// Player variables
    var playerX = canvas.width / 2;
    var playerY = canvas.height - 50;

// Pictogram variables
    var pictogramX = 50;
    var pictogramY = 50;

// Event listener for touch/click event
    canvas.addEventListener("touchstart", handleTouch, false);
    canvas.addEventListener("click", handleTouch, false);

// Main game logic
    function gameLoop() {
      clearCanvas();
      updatePlayer();
      drawPlayer();
      drawPictogram();
      increaseNight();
      requestAnimationFrame(gameLoop);
    }

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

// Update player position based on touch/click event
    function handleTouch(e) {
      playerX = e.clientX - canvas.offsetLeft;
      playerY = e.clientY - canvas.offsetTop;
    }

// Update player position based on touch/click event
    function updatePlayer() {
      if (playerX < pictogramX + 32 &&
        playerX + 32 > pictogramX &&
        playerY < pictogramY + 32 &&
        playerY + 32 > pictogramY) {
        score++;
        pictogramX = Math.random() * (canvas.width - 64);
        pictogramY = Math.random() * (canvas.height - 64);
      }
    }

// Draw player pictogram
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(playerX, playerY, 16, 0, Math.PI * 2);
      ctx.fillStyle = "#FF0000";
      ctx.fill();
      ctx.closePath();
    }

// Draw random pictogram
    function drawPictogram() {
      ctx.font = "32px Arial";
      ctx.fillText("🌙", pictogramX, pictogramY);
    }

// Increase night background
    function increaseNight() {
      night += 0.1;
      var color = "rgba(0, 0, 0, " + night + ")";
      ctx.fillStyle = color;
      ctx.fillRect(0, 0, canvas.width, canvas.height);
    }

// Start the game
    gameLoop();
  </script>
</body>

</html>
```