AI game creator

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

No:43478

←

Prev Next

→

Chat with AI
Developer User19182｜Date and time 24/2/15 15:45:16
Build time 11.995 sec｜Game capacity 3.567KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript. This game can be played on a smartphone and uses pictograms as visual elements:

To use this code, you will need to replace "emozi_all/player.png" and "emozi_apple.png" with actual pictogram images you want to use for the player and obstacles in the game. The game starts automatically when the page loads, and the player can control the game by tapping on the screen to make the player jump. The goal is to avoid colliding with the obstacles and survive as long as possible, earning points as the score increases. Please note that this is a basic example, and you can customize and expand upon it as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript. This game can be played on a smartphone and uses pictograms as visual elements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load pictograms
    var playerImg = new Image();
    playerImg.src = "player.png";

var obstacleImg = new Image();
    obstacleImg.src = "obstacle.png";

// Initialize game
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      score = 0;
      player = { x: 50, y: 180 }; // Initial player position
      obstacles = [];

interval = setInterval(updateGame, 20); // Game loop
    }

// Update game state
    function updateGame() {
      clearCanvas();
      movePlayer();
      drawPlayer();
      createObstacles();
      moveObstacles();
      drawObstacles();
      checkCollision();
      updateScore();
    }

// Clear the game canvas
    function clearCanvas() {
      context.clearRect(0, 0, canvas.width, canvas.height);
    }

// Move the player when user taps the screen
    function movePlayer() {
      canvas.addEventListener("touchstart", function(event) {
        player.y -= 30;
      });
    }

// Draw the player on the canvas
    function drawPlayer() {
      context.drawImage(playerImg, player.x, player.y, 40, 40);
    }

// Create obstacles at regular intervals
    function createObstacles() {
      var randomY = Math.floor(Math.random() * (canvas.height - 50));
      if (score % 100 == 0) {
        obstacles.push({ x: canvas.width, y: randomY });
      }
    }

// Move obstacles from right to left
    function moveObstacles() {
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].x -= 5;
      }
    }

// Draw obstacles on the canvas
    function drawObstacles() {
      for (var i = 0; i < obstacles.length; i++) {
        context.drawImage(obstacleImg, obstacles[i].x, obstacles[i].y, 50, 50);
      }
    }

// Check for collision between player and obstacles
    function checkCollision() {
      for (var i = 0; i < obstacles.length; i++) {
        if (
          player.x < obstacles[i].x + 50 &&
          player.x + 40 > obstacles[i].x &&
          player.y < obstacles[i].y + 50 &&
          player.y + 40 > obstacles[i].y
        ) {
          clearInterval(interval); // Stop the game
          alert("Game Over! Your score: " + score);
        }
      }
    }

// Update the score
    function updateScore() {
      score++;
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

// Start the game when the page loads
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>
```

To use this code, you will need to replace "player.png" and "obstacle.png" with actual pictogram images you want to use for the player and obstacles in the game. The game starts automatically when the page loads, and the player can control the game by tapping on the screen to make the player jump. The goal is to avoid colliding with the obstacles and survive as long as possible, earning points as the score increases.

Please note that this is a basic example, and you can customize and expand upon it as per your requirements.