Англичан нарезает картошку's game

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

No:25120

←

Prev Next

→

Англичан нарезает картошку
Developer Erni｜Date and time 23/11/18 1:40:23
Build time 80.557 sec｜Game capacity 2.41KB｜

Script

Привет! Вот пример игры про нарезание картошки. В игре вы будете управлять пиктограммой картошки на смартфоне. Используйте клавиши со стрелками, чтобы перемещать пиктограмму картошки по экрану. Вам потребуется изображение картошки в формате .png. Просто укажите путь к изображению в переменной `potatoImage.src`. Удачи и приятной игры!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```
<!DOCTYPE html>
<html>
<head>
  <style>
    #canvas {
      border: 1px solid black;
    }
  </style>
</head>

<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  
  <script>
    // Constants
    const CANVAS_WIDTH = 400;
    const CANVAS_HEIGHT = 400;
    const POTATO_SIZE = 50;
    const POTATO_STEP = 10;

// Variables
    let context;
    let potatoX, potatoY;

// Pictogram images
    const potatoImage = new Image();
    potatoImage.src = "path_to_potato_image.png";

// Initialize the game
    function init() {
      const canvas = document.getElementById("canvas");
      context = canvas.getContext("2d");
      potatoX = CANVAS_WIDTH / 2 - POTATO_SIZE / 2;
      potatoY = CANVAS_HEIGHT / 2 - POTATO_SIZE / 2;
      window.addEventListener("keydown", handleKeyPress);
      drawPotato();
    }

// Draw the potato on the canvas
    function drawPotato() {
      context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);
      context.drawImage(potatoImage, potatoX, potatoY, POTATO_SIZE, POTATO_SIZE);
    }

// Handle keyboard arrow key press
    function handleKeyPress(event) {
      switch (event.keyCode) {
        case 37: // Left arrow key
          movePotato(-POTATO_STEP, 0);
          break;
        case 38: // Up arrow key
          movePotato(0, -POTATO_STEP);
          break;
        case 39: // Right arrow key
          movePotato(POTATO_STEP, 0);
          break;
        case 40: // Down arrow key
          movePotato(0, POTATO_STEP);
          break;
      }
    }

// Move the potato on the canvas
    function movePotato(dx, dy) {
      potatoX += dx;
      potatoY += dy;
      drawPotato();
    }

// Start the game
    function startGame() {
      init();
    }

// Entry point
    startGame();
  </script>
</body>
</html>
```