AI game creator

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

No:22113

←

Prev Next

→

Like Mario
Developer User10233｜Date and time 23/10/21 0:53:51
Build time 107.675 sec｜Game capacity 4.733KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is a basic "Catch the Fruit" game where you control a character to catch falling fruits using touch controls on a smartphone. The game uses pictograms for visuals.

Please note that the code provided is a simplified example and may not include all the features you would find in a full-fledged game. It serves as a starting point for implementing a game using JavaScript and HTML. You can modify and enhance the code as per your requirements to create a more engaging game experience.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Catch the Fruit Game</title>
  <style>
    body {
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    
    #gameCanvas {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      background-color: #efefef;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Load pictograms for player and fruits
    player.image.src = 'player.png';
    
    var fruitImages = {
      'apple': 'apple.png',
      'banana': 'banana.png',
      'orange': 'orange.png'
    };
    
    for (var fruit in fruitImages) {
      var image = new Image();
      image.src = fruitImages[fruit];
      fruitImages[fruit] = image;
    }

// Handle touch events for smartphone operation
    canvas.addEventListener('touchstart', handleTouchStart, false);
    canvas.addEventListener('touchend', handleTouchEnd, false);
    
    function handleTouchStart(e) {
      e.preventDefault();
      
      var touchX = e.touches[0].clientX;
      if (touchX < player.x) {
        player.isMovingLeft = true;
      } else {
        player.isMovingRight = true;
      }
    }
    
    function handleTouchEnd(e) {
      e.preventDefault();
      
      player.isMovingLeft = false;
      player.isMovingRight = false;
    }

// Game loop
    function gameLoop() {
      update();
      draw();
      
      requestAnimationFrame(gameLoop);
    }
    
    // Update player and fruits positions
    function update() {
      if (player.isMovingLeft && player.x >= player.width / 2) {
        player.x -= player.speed;
      }
      
      if (player.isMovingRight && player.x <= canvas.width - player.width / 2) {
        player.x += player.speed;
      }
      
      for (var i = 0; i < fruits.length; i++) {
        var fruit = fruits[i];
        fruit.y += fruit.speed;
        
        if (fruit.y > canvas.height) {
          fruits.splice(i, 1);
          i--;
        }
        
        if (
          fruit.y + fruit.height >= player.y &&
          fruit.y <= player.y + player.height &&
          fruit.x + fruit.width >= player.x &&
          fruit.x <= player.x + player.width
        ) {
          fruits.splice(i, 1);
          score++;
        }
      }
    }
    
    // Draw player, fruits, and score
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      context.drawImage(
        player.image,
        player.x - player.width / 2,
        player.y - player.height / 2,
        player.width,
        player.height
      );
      
      for (var i = 0; i < fruits.length; i++) {
        var fruit = fruits[i];
        context.drawImage(
          fruit.image,
          fruit.x - fruit.width / 2,
          fruit.y - fruit.height / 2,
          fruit.width,
          fruit.height
        );
      }
      
      context.font = "24px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 30);
    }
    
    // Spawn a random fruit
    function spawnFruit() {
      var fruitsList = Object.keys(fruitImages);
      var fruitType = fruitsList[Math.floor(Math.random() * fruitsList.length)];
      
      var fruit = {
        x: Math.random() * (canvas.width - 50) + 25,
        y: 0,
        width: 50,
        height: 50,
        image: fruitImages[fruitType],
        speed: Math.random() * 3 + 1  // Random speed between 1 and 4
      };
      
      fruits.push(fruit);
    }
    
    // Start the game and spawn fruits at regular intervals
    function startGame() {
      setInterval(spawnFruit, 2000);
      gameLoop();
    }
    
    startGame();
  </script>
</body>
</html>
```