AI game creator

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

No:16682

125

←

Prev Next

→

Shooting Game
Developer User7424｜Date and time 23/9/20 3:18:58
Build time 74.293 sec｜Game capacity 7.463KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра "Стрельба"</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <canvas id="game-canvas" width="450" height="400"></canvas>
    <script>
      // Основная логика игры
      ;(function () {
        // Получение контекста холста
        var canvas = document.getElementById("game-canvas");
        var ctx = canvas.getContext("2d");

// Параметры игры
        var gameState = {
          score: 0,
          gameOver: false,
        };

// Изображения
        var images = {
          player: document.createElement("img"),
          enemy: document.createElement("img"),
          bullet: document.createElement("img"),
        };

// Загрузка изображений
        function loadImages(callback) {
          var loaded = 0;

var onLoad = function () {
            loaded++;
            if (loaded === Object.keys(images).length) {
              callback();
            }
          };

images.player.onload = onLoad;
          images.enemy.onload = onLoad;
          images.bullet.onload = onLoad;

images.player.src =
            "https://example.com/path/to/player-pictogram.png";
          images.enemy.src = "https://example.com/path/to/enemy-pictogram.png";
          images.bullet.src =
            "https://example.com/path/to/bullet-pictogram.png";
        }

// Игровые объекты
        var player = {
          x: 200,
          y: 350,
          width: 50,
          height: 50,
          speed: 5,
        };

var bullets = [];

var enemies = [];

function spawnEnemy() {
          var enemy = {
            x: Math.random() * (canvas.width - 50),
            y: 0,
            width: 50,
            height: 50,
            speed: Math.random() * 3 + 1,
          };
          enemies.push(enemy);
        }

// Обработка ввода смартфона
        function handleTouchMove(event) {
          var touch = event.touches[0];
          var x = touch.clientX;
          if (x < player.x + player.width / 2) {
            player.x -= player.speed;
          } else {
            player.x += player.speed;
          }
        }

function handleTouchStart() {
          // Создание пули
          var bullet = {
            x: player.x + player.width / 2,
            y: player.y,
            width: 10,
            height: 10,
            speed: 10,
          };
          bullets.push(bullet);
        }

// Игровой цикл
        function gameLoop() {
          if (!gameState.gameOver) {
            // Обновление игры
            updateGame();
            // Рендеринг игры
            renderGame();
            // Запуск следующей итерации игрового цикла
            requestAnimationFrame(gameLoop);
          }
        }

// Обновление игры
        function updateGame() {
          // Обновление позиции игрока
          if (
            (player.x > 0 && player.x < canvas.width - player.width) ||
            (player.x <= 0 && player.speed > 0) ||
            (player.x >= canvas.width - player.width && player.speed < 0)
          ) {
            player.x += player.speed;
          }

// Создание врагов
          if (Math.random() < 0.02) {
            spawnEnemy();
          }

// Обновление позиций врагов
          for (var i = 0; i < enemies.length; i++) {
            var enemy = enemies[i];
            enemy.y += enemy.speed;

// Проверка столкновений с игроком
            if (checkCollision(player, enemy)) {
              gameState.gameOver = true;
              break;
            }

// Проверка столкновений с пулями
            for (var j = 0; j < bullets.length; j++) {
              var bullet = bullets[j];
              if (checkCollision(bullet, enemy)) {
                bullets.splice(j, 1);
                enemies.splice(i, 1);
                gameState.score += 10;
                break;
              }
            }

// Удаление врагов, вышедших за пределы холста
            if (enemy.y > canvas.height) {
              enemies.splice(i, 1);
              gameState.score -= 5;
            }
          }

// Обновление позиций пуль
          for (var i = 0; i < bullets.length; i++) {
            var bullet = bullets[i];
            bullet.y -= bullet.speed;

// Удаление пуль, вышедших за пределы холста
            if (bullet.y < 0) {
              bullets.splice(i, 1);
            }
          }
        }

// Рендеринг игры
        function renderGame() {
          // Очистка холста
          ctx.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка игрока
          ctx.drawImage(
            images.player,
            player.x,
            player.y,
            player.width,
            player.height
          );

// Отрисовка врагов
          for (var i = 0; i < enemies.length; i++) {
            var enemy = enemies[i];
            ctx.drawImage(
              images.enemy,
              enemy.x,
              enemy.y,
              enemy.width,
              enemy.height
            );
          }

// Отрисовка пуль
          for (var i = 0; i < bullets.length; i++) {
            var bullet = bullets[i];
            ctx.drawImage(
              images.bullet,
              bullet.x,
              bullet.y,
              bullet.width,
              bullet.height
            );
          }

// Отрисовка счета
          ctx.fillStyle = "#000";
          ctx.font = "20px Arial";
          ctx.fillText("Score: " + gameState.score, 10, 30);

// Отрисовка сообщения о конце игры
          if (gameState.gameOver) {
            ctx.fillStyle = "#000";
            ctx.font = "40px Arial";
            ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
          }
        }

// Проверка столкновения объектов
        function checkCollision(obj1, obj2) {
          return (
            obj1.x < obj2.x + obj2.width &&
            obj1.x + obj1.width > obj2.x &&
            obj1.y < obj2.y + obj2.height &&
            obj1.y + obj1.height > obj2.y
          );
        }

// Запуск игры
        function startGame() {
          // Загрузка изображений
          loadImages(function () {
            // Установка обработчиков событий для смартфона
            canvas.addEventListener("touchmove", handleTouchMove, false);
            canvas.addEventListener("touchstart", handleTouchStart, false);

// Запуск игрового цикла
            gameLoop();
          });
        }

// Запуск игры при загрузке страницы
        window.onload = startGame;
      })();
    </script>
  </body>
</html>