AI game creator

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

No:16188

←

Prev Next

→

Fps
Developer User7172｜Date and time 23/9/16 15:37:53
Build time 27.604 sec｜Game capacity 3.693KB｜

Script

Sure! Below is a simple implementation of a game using HTML and JavaScript that can be played on a smartphone. The game is a basic space shooter where the player controls a spaceship and shoots down enemy ships.

To play the game, simply copy the above code into a single HTML file (e.g., "game.html") and open it in a web browser on your smartphone. The game will be displayed and you can control the player spaceship by dragging your finger across the screen. The objective is to avoid colliding with the enemy ships. If you collide with one, the game is over and a "Game Over" message is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Space Shooter</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialization
    function initialize() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");

// Handling touch events on mobile devices
      canvas.addEventListener("touchmove", handleTouchMove);

// Starting the game loop
      setInterval(update, 1000 / 60); // 60 frames per second
    }

// Game update loop
    function update() {
      // Clearing the canvas
      canvasContext.clearRect(0, 0, canvas.width, canvas.height);

if (!isGameOver) {
        // Updating player position
        movePlayer();

// Updating enemy position
        moveEnemy();

// Checking collision
        if (isCollision()) {
          gameOver();
        }
      } else {
        showGameOverScreen();
      }

// Drawing player
      drawPlayer();

// Drawing enemy
      drawEnemy();
    }

// Move player based on touch input
    function handleTouchMove(event) {
      var touch = event.touches[0];
      var touchX = touch.clientX;
      var touchY = touch.clientY;
      
      // Updating player position based on touch input
      playerX = touchX - canvas.offsetLeft;
      playerY = touchY - canvas.offsetTop;
    }

// Update player position
    function movePlayer() {
      if (playerX < 0) playerX = 0;
      if (playerX > canvas.width - 20) playerX = canvas.width - 20;
      if (playerY < 0) playerY = 0;
      if (playerY > canvas.height - 20) playerY = canvas.height - 20;
    }

// Update enemy position
    function moveEnemy() {
      enemyY += enemySpeed;

if (enemyY > canvas.height) {
        enemyX = Math.random() * (canvas.width - 50);
        enemyY = -30;
      }
    }

// Check collision between player and enemy
    function isCollision() {
      var dx = playerX - enemyX;
      var dy = playerY - enemyY;
      var distance = Math.sqrt(dx * dx + dy * dy);

return distance < 20;
    }

// Game over logic
    function gameOver() {
      isGameOver = true;
    }

// Show game over screen
    function showGameOverScreen() {
      canvasContext.fillStyle = "black";
      canvasContext.font = "30px Arial";
      canvasContext.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }

// Draw player
    function drawPlayer() {
      canvasContext.fillStyle = "blue";
      canvasContext.fillRect(playerX, playerY, 20, 20);
    }

// Draw enemy
    function drawEnemy() {
      canvasContext.fillStyle = "red";
      canvasContext.fillRect(enemyX, enemyY, 30, 20);
    }

// Initialize the game
    initialize();
  </script>
</body>
</html>
```