AI game creator

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

No:23702

←

Prev Next

→

Geometry dash game
Developer User11107｜Date and time 23/11/3 1:14:58
Build time 43.614 sec｜Game capacity 2.393KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<HTML>
  <head>
    <style>
      canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <script>
      const canvas = document.createElement('canvas');
      const context = canvas.getContext('2d');
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

// Player properties
      const player = {
        x: 50,
        y: canvas.height / 2 - 25,
        width: 50,
        height: 50,
        speed: 5,
        jumping: false,
        yVelocity: 0,
      };

// Obstacle properties
      const obstacle = {
        x: canvas.width - 100,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        speed: 5,
      };

// Jump
      function jump() {
        if (!player.jumping) {
          player.yVelocity -= 20;
          player.jumping = true;
        }
      }

// Collision detection
      function collisionCheck(rect1, rect2) {
        if (
          rect1.x < rect2.x + rect2.width &&
          rect1.x + rect1.width > rect2.x &&
          rect1.y < rect2.y + rect2.height &&
          rect1.y + rect1.height > rect2.y
        ) {
          return true;
        }
        return false;
      }

// Game loop
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw player
        context.fillStyle = 'blue';
        context.fillRect(player.x, player.y, player.width, player.height);

// Draw obstacle
        context.fillStyle = 'red';
        context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
        obstacle.x -= obstacle.speed;

// Update player position
        player.yVelocity += 1.5; // Gravity
        player.y += player.yVelocity;
        if (player.y > canvas.height - player.height) {
          player.y = canvas.height - player.height;
          player.jumping = false;
        }

// Collision detection
        if (collisionCheck(player, obstacle)) {
          // Game over
          alert('Game Over! Your score: ' + obstacle.x);
          obstacle.x = canvas.width - 100;
        }

// Request animation frame
        requestAnimationFrame(gameLoop);
      }

// Event listener for jump
      document.addEventListener('click', jump);

// Start game
      gameLoop();
    </script>
  </body>
</HTML>