AI game creator

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

No:8775

140

←

Prev Next

→

Geometry dash
Developer User4222｜Date and time 23/7/18 7:27:52
Build time 26.426 sec｜Game capacity 3.274KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Geometry Dash Game</title>
  <style>
    body {
      background-color: #222;
      margin: 0;
      overflow: hidden;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  
  <script>
    // Geometry Dash Game
    
    // Initialize canvas and context
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    
    // Set up variables
    var player = { x: 50, y: 150, size: 25, speed: 2 };
    var obstacles = [];
    var score = 0;
    var gameover = false;
    
    // Event listeners for touch controls
    canvas.addEventListener("touchstart", jump);
    canvas.addEventListener("mousedown", jump);
    
    // Game loop
    function update() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      if (!gameover) {
        // Draw player
        context.fillStyle = "#fff";
        context.fillRect(player.x, player.y, player.size, player.size);
        
        // Move player
        player.y += player.speed;
        
        // Draw obstacles
        context.fillStyle = "#ff0000";
        for (var i = 0; i < obstacles.length; i++) {
          var obstacle = obstacles[i];
          context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
          
          // Check collision with player
          if (player.y + player.size > obstacle.y && player.y < obstacle.y + obstacle.height &&
              player.x + player.size > obstacle.x && player.x < obstacle.x + obstacle.width) {
            gameOver();
            break;
          }
          
          if (!gameover) {
            // Move obstacles
            obstacle.x -= 2;
            
            // Increase score
            if (obstacle.x == player.x)
              score++;
              
            // Remove obstacles if off the screen
            if (obstacle.x + obstacle.width < 0) {
              obstacles.splice(i, 1);
              i--;
            }
          }
        }
        
        // Draw score
        context.fillStyle = "#fff";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);
        
        // Generate new obstacle
        if (Math.random() < 0.01)
          generateObstacle();
      }
      
      // Request a new frame
      requestAnimationFrame(update);
    }
    
    // Generate an obstacle
    function generateObstacle() {
      var minHeight = 50;
      var maxHeight = 200;
      var height = Math.floor(Math.random() * (maxHeight - minHeight + 1) + minHeight);
      var minWidth = 20;
      var maxWidth = 50;
      var width = Math.floor(Math.random() * (maxWidth - minWidth + 1) + minWidth);
      obstacles.push({ x: canvas.width, y: canvas.height - height, width: width, height: height });
    }
    
    // Jump function
    function jump() {
      player.speed = -5;
    }
    
    // Game over function
    function gameOver() {
      gameover = true;
      context.fillStyle = "#ff0000";
      context.font = "30px Arial";
      context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }
    
    // Start game
    update();
  </script>
</body>
</html>