AI game creator

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

No:40230

←

Prev Next

→

GTA 5
Developer User18036｜Date and time 24/2/1 23:30:07
Build time 17.767 sec｜Game capacity 3.564KB｜

Script

Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. Please note that this is a very basic game and not in any way related to GTA 5.

This is a simple game where you control a rectangular player's movement on a canvas using touch controls (up and down). The objective is to avoid colliding with red obstacles scrolling towards the player. The score increases as the player successfully avoids obstacles. The game ends if the player collides with any obstacle.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. Please note that this is a very basic game and not in any way related to GTA 5.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Simple Game</title>
  <style>
    canvas {
      background-color: #333;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById('gameCanvas');
      context = canvas.getContext('2d');
      player = { x: 50, y: canvas.height / 2, width: 20, height: 20 };
      obstacles = [{ x: canvas.width, y: 0, width: 30, height: 100 }];
      score = 0;

// Event listeners for touch controls
      canvas.addEventListener('touchstart', function(e) {
        movePlayerUp();
      });

canvas.addEventListener('touchend', function(e) {
        movePlayerDown();
      });

gameLoop();
    }

// Game loop
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

// Update game logic
    function update() {
      // Move obstacles
      for(var i = 0; i < obstacles.length; i++) {
        obstacles[i].x -= 3;

// Check collision with player
        if (isColliding(player, obstacles[i])) {
          gameOver();
        }

// Remove obstacles when they go off screen
        if (obstacles[i].x + obstacles[i].width < 0) {
          obstacles.splice(i, 1);
          score++;
        }
      }

// Add new obstacles
      if (obstacles[obstacles.length - 1].x < canvas.width - 150) {
        obstacles.push({
          x: canvas.width,
          y: Math.random() * (canvas.height - 100),
          width: 30,
          height: 100
        });
      }
    }

// Draw game objects
    function draw() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.fillStyle = '#fff';
      context.fillRect(player.x, player.y, player.width, player.height);

// Draw obstacles
      for(var i = 0; i < obstacles.length; i++) {
        context.fillStyle = '#f00';
        context.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
      }

// Draw score
      context.fillStyle = '#fff';
      context.font = '24px Arial';
      context.fillText('Score: ' + score, 10, 30);
    }

// Move player up
    function movePlayerUp() {
      player.y -= 10;
    }

// Move player down
    function movePlayerDown() {
      player.y += 10;
    }

// Check collision between two objects
    function isColliding(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
             obj1.x + obj1.width > obj2.x &&
             obj1.y < obj2.y + obj2.height &&
             obj1.y + obj1.height > obj2.y;
    }

// Function to end the game
    function gameOver() {
      alert('Game Over!');
      document.location.reload();
    }

// Start the game
    window.onload = init;

</script>

</body>
</html>
```