AI game creator

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

No:11244

105

←

Prev Next

→

Aviator
Developer User4861｜Date and time 23/8/9 5:27:08
Build time 33.659 sec｜Game capacity 3.716KB｜

Script

Sure! Here's an example of a simple aviator game implemented as a single HTML file with JavaScript:

This aviator game is designed for smartphone operation. When the canvas is touched, the aviator moves up. The goal is to avoid collision with the pillars and keep scoring by passing through the gaps. The game will end if the aviator collides with a pillar. The score is displayed on the screen, and if the game ends, an alert message will be shown with the final score. You can play the game by opening the HTML file in a web browser on your smartphone. Please note that this is just a simplified example and there are many possible enhancements and improvements that can be made to create a more complex and enjoyable game.

←

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 aviator game implemented as a single HTML file with JavaScript:

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

var aviator = {
        x: 50,
        y: canvas.height / 2,
        speed: 3,
        width: 30,
        height: 30
      };

var pillars = [];
      var pillarGap = 120;
      var pillarWidth = 50;
      var pillarHeight = 200;
      var pillarSpeed = 2;

var score = 0;

// Event listeners for touch events
      canvas.addEventListener("touchstart", function(event) {
        aviator.y -= 30; // Move up when touched
      });

// Update game state
      function update() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw aviator
        ctx.fillStyle = "#000000";
        ctx.fillRect(aviator.x, aviator.y, aviator.width, aviator.height);

// Draw pillars
        ctx.fillStyle = "#FF0000";
        for (var i = 0; i < pillars.length; i++) {
          ctx.fillRect(pillars[i].x, 0, pillarWidth, pillars[i].topHeight);
          ctx.fillRect(pillars[i].x, canvas.height - pillars[i].bottomHeight, pillarWidth, pillars[i].bottomHeight);
          pillars[i].x -= pillarSpeed;

// Check collision with aviator
          if (aviator.x < pillars[i].x + pillarWidth &&
              aviator.x + aviator.width > pillars[i].x &&
              (aviator.y < pillars[i].topHeight ||
              aviator.y + aviator.height > canvas.height - pillars[i].bottomHeight)) {
            gameOver();
          }

// Increment score if aviator passes the pillar
          if (pillars[i].x <= aviator.x && !pillars[i].passed) {
            score++;
            pillars[i].passed = true;
          }
        }

// Draw score
        ctx.fillStyle = "#000000";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 20);

// Create new pillar
        if (pillars.length === 0 || canvas.width - pillars[pillars.length - 1].x > 200) {
          var newPillar = {
            x: canvas.width,
            topHeight: Math.random() * (canvas.height - pillarGap - pillarHeight),
            bottomHeight: Math.random() * (canvas.height - pillarGap - pillarHeight),
            passed: false
          };
          pillars.push(newPillar);
        }

// Remove off-screen pillars
        if (pillars.length > 0 && pillars[0].x + pillarWidth < 0) {
          pillars.shift();
        }

// Update aviator position
        aviator.y += aviator.speed;

// Request next frame
        requestAnimationFrame(update);
      }

// Game over
      function gameOver() {
        alert("Game Over! Your score: " + score);
        location.reload(); // Restart the game
      }

// Start the game
      update();
    </script>
</body>
</html>
```

Please note that this is just a simplified example and there are many possible enhancements and improvements that can be made to create a more complex and enjoyable game.