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

No:17938

2d platformer about a dog collecting treats
Developer User7841｜Date and time 23/9/25 7:31:38
Build time 24.989 sec｜Game capacity 2.623KB｜

Script

Sure! Here's an example of a simple 2D platformer game about a dog collecting treats. The game is implemented as a single HTML file, containing JavaScript code enclosed in script tags:

Dog Treats Game

To play the game, you can save the above code into a file with a .html extension and open it in a web browser on your smartphone. The game will display a canvas where you can control the dog using the left and right arrow keys. The objective is to collect as many treats as possible by colliding with them. The score will be displayed on the top left corner of the canvas. Have fun collecting treats with the dog!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple 2D platformer game about a dog collecting treats. The game is implemented as a single HTML file, containing JavaScript code enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dog Treats Game</title>
  <style>
    #gameCanvas {
      border: 1px solid black;
      margin: 10px auto;
    }
  </style>
</head>
<body>
  <h1>Dog Treats Game</h1>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');

dogX = canvas.width / 2;
      dogY = canvas.height - 50;
      treatX = Math.random() * (canvas.width - 20);
      treatY = 0;
      score = 0;

// Start game loop
      setInterval(update, 20);

// Event listener for arrow key input
      document.addEventListener('keydown', handleKeyPress);
    }

// Game update logic
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the dog
      ctx.fillStyle = '#FF0000';
      ctx.fillRect(dogX, dogY, 30, 30);

// Draw the treat
      ctx.fillStyle = '#FFFF00';
      ctx.fillRect(treatX, treatY, 20, 20);

// Move the treat downwards
      treatY += 5;

// Check for collision between dog and treat
      if (dogX < treatX + 20 && dogX + 30 > treatX && dogY < treatY + 20 && dogY + 30 > treatY) {
          score++;
          treatX = Math.random() * (canvas.width - 20);
          treatY = 0;
      }

// Display score
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }

// Handle arrow key input
    function handleKeyPress(event) {
      if (event.keyCode === 37) {
        // Left arrow key - move dog left
        if (dogX > 0) {
          dogX -= 10;
        }
      } else if (event.keyCode === 39) {
        // Right arrow key - move dog right
        if (dogX < canvas.width - 30) {
          dogX += 10;
        }
      }
    }

// Start the game
    window.onload = init;
  </script>
</body>
</html>
```