AI game creator

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

No:34901

125

←

Prev Next

→

Make action game
Developer User16376｜Date and time 24/1/12 11:55:18
Build time 16.6 sec｜Game capacity 3.466KB｜

Script

Sure! Here's a simple action game implemented as a single HTML file using JavaScript, enclosed in script tags. The game can be played on a smartphone and uses pictograms for the graphics.

To play the game on your smartphone, simply open this HTML file in a web browser that supports JavaScript. The player is represented by a smiling face ("🙂"), and the enemy is represented by a devil face ("😈"). Move the player by touching and dragging on the game canvas. The objective is to avoid the enemy for as long as possible and earn points. Once the player collides with the enemy, the game ends and a "Game Over" message is displayed. The score is shown at the top left corner of the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple action game implemented as a single HTML file using JavaScript, enclosed in script tags. The game can be played on a smartphone and uses pictograms for the graphics.

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

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      player = "🙂";
      enemy = "😈";
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;
      enemyX = Math.random() * (canvas.width - 30);
      enemyY = Math.random() * (canvas.height - 30);
      score = 0;

// Bind touch events for smartphone operation
      canvas.addEventListener("touchstart", handleTouchStart);
      canvas.addEventListener("touchmove", handleTouchMove);

// Main game loop
      setInterval(gameLoop, 20);
    }

// Handle touch start event
    function handleTouchStart(event) {
      var touch = event.touches[0];
      playerX = touch.clientX - canvas.offsetLeft;
      playerY = touch.clientY - canvas.offsetTop;
    }

// Handle touch move event
    function handleTouchMove(event) {
      var touch = event.touches[0];
      playerX = touch.clientX - canvas.offsetLeft;
      playerY = touch.clientY - canvas.offsetTop;
    }

// Update game state
    function update() {
      // Move the enemy towards the player
      if (enemyX < playerX) enemyX += 2;
      if (enemyX > playerX) enemyX -= 2;
      if (enemyY < playerY) enemyY += 2;
      if (enemyY > playerY) enemyY -= 2;

// Check for collision between player and enemy
      if (
        playerX < enemyX + 30 &&
        playerX + 30 > enemyX &&
        playerY < enemyY + 30 &&
        playerY + 30 > enemyY
      ) {
        gameOver = true;
      }
    }

// Render game objects
    function render() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player and enemy
      context.font = "30px Arial";
      context.fillText(player, playerX, playerY);
      context.fillText(enemy, enemyX, enemyY);

// Draw the score
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 20);
    }

// Game loop
    function gameLoop() {
      if (!gameOver) {
        update();
        render();
        score++;
      } else {
        // Show game over message
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.font = "30px Arial";
        context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
      }
    }

// Start the game when the page is loaded
    window.onload = init;
  </script>
</body>
</html>
```