Pixel art person you control with arrows's game

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

No:9043

138

←

Prev Next

→

Pixel art person you control with arrows
Developer User3943｜Date and time 23/7/20 22:36:28
Build time 19.017 sec｜Game capacity 2.014KB｜

Script

Sure! Here's a simple game that you can play on your smartphone using pixel art:

To play the game, simply copy the above code into a new HTML file and open it on your smartphone. The game will display a canvas where you can control a pixel art person using the arrow keys on your smartphone's keyboard. The person will move one tile at a time in the corresponding direction when you press the arrow keys. The game loop will update the canvas every 100 milliseconds to provide smooth animation. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game that you can play on your smartphone using pixel art:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pixel Art Game</title>
</head>
<body>
<canvas id="gameCanvas" width="320" height="320"></canvas>

// Handle input
  document.addEventListener("keydown", function(event) {
    movePlayer(event.keyCode);
  });

// Main game loop
  function gameLoop() {
    clearCanvas();
    drawPlayer();
  }

// Move the player based on keyboard input
  function movePlayer(keyCode) {
    switch(keyCode) {
      case 37: //
        if (x > 0) {
          x -= tileSize;
        }
        break;
      case 38: // Up arrow key
        if (y > 0) {
          y -= tileSize;
        }
        break;
      case 39: // Right arrow key
        if (x < canvas.width - tileSize) {
          x += tileSize;
        }
        break;
      case 40: // Down arrow key
        if (y < canvas.height - tileSize) {
          y += tileSize;
        }
        break;
    }
  }

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

// Draw the player as a pixel art person
  function drawPlayer() {
    ctx.fillStyle = "#FF0000"; // Red color
    ctx.fillRect(x, y, tileSize, tileSize);
  }

// Start the game loop
  setInterval(gameLoop, 100);

</script>

</body>
</html>
```