AI game creator

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

No:25119

←

Prev Next

→

Соник
Developer Erni｜Date and time 23/11/18 1:37:38
Build time 141.782 sec｜Game capacity 4.002KB｜

Script

HTML файл:

Примечания: - Замените `"emozi_himawari.png"` на путь к изображению Соника в своей файловой системе. - Данный код создает холст, на котором игрок может управлять Соником с помощью клавиш стрелок на клавиатуре. - Соник появляется в центре холста и может перемещаться во все стороны. - Изображение Соника должно быть в формате PNG и подходящего размера. - Чтобы игрок мог играть на своем смартфоне, рекомендуется добавить обработчики событий для касаний.

←

Prev　Next

→ 　

Back　

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

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

HTML файл:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Соник Игра</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Инициализация игры
    function initGame() {
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");
      
      // Загрузка изображения Соника
      const sonicImage = new Image();
      sonicImage.src = "path_to_sonic_image.png";
      
      // Позиция и скорость движения Соника
      let sonicX = 200;
      let sonicY = 200;
      let sonicSpeedX = 0;
      let sonicSpeedY = 0;
      
      // Обновление игрового состояния
      function updateGame() {
        clearCanvas(); // Очистка холста
        moveSonic(); // Перемещение Соника
        drawSonic(); // Отрисовка Соника
        requestAnimationFrame(updateGame); // Рекурсивный вызов обновления игры
      }
      
      // Очистка холста
      function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }
      
      // Перемещение Соника
      function moveSonic() {
        sonicX += sonicSpeedX;
        sonicY += sonicSpeedY;
      }
      
      // Обработка нажатий клавиш
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowUp" || event.key === "Up") {
          sonicSpeedY = -2; // Движение вверх
        }
        if (event.key === "ArrowDown" || event.key === "Down") {
          sonicSpeedY = 2; // Движение вниз
        }
        if (event.key === "ArrowLeft" || event.key === "Left") {
          sonicSpeedX = -2; // Движение влево
        }
        if (event.key === "ArrowRight" || event.key === "Right") {
          sonicSpeedX = 2; // Движение вправо
        }
      });
      
      // Обработка отпускания клавиш
      document.addEventListener("keyup", function(event) {
        if (event.key === "ArrowUp" || event.key === "Up" ||
            event.key === "ArrowDown" || event.key === "Down") {
          sonicSpeedY = 0; // Остановка вертикального движения
        }
        if (event.key === "ArrowLeft" || event.key === "Left" ||
            event.key === "ArrowRight" || event.key === "Right") {
          sonicSpeedX = 0; // Остановка горизонтального движения
        }
      });
      
      // Отрисовка Соника
      function drawSonic() {
        ctx.drawImage(sonicImage, sonicX, sonicY, 50, 50); // Изображение Соника
      }
      
      // Запуск игры
      updateGame();
    }
    
    // Запуск игры после полной загрузки страницы
    window.onload = function() {
      initGame();
    };
    
  </script>
</body>
</html>
```

Примечания:
- Замените `"path_to_sonic_image.png"` на путь к изображению Соника в своей файловой системе.
- Данный код создает холст, на котором игрок может управлять Соником с помощью клавиш стрелок на клавиатуре.
- Соник появляется в центре холста и может перемещаться во все стороны.
- Изображение Соника должно быть в формате PNG и подходящего размера.
- Чтобы игрок мог играть на своем смартфоне, рекомендуется добавить обработчики событий для касаний.