AI game creator

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

No:20531

←

Prev Next

→

Geometry dash
Developer User9090｜Date and time 23/10/10 4:24:29
Build time 14.174 sec｜Game capacity 1.913KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<html>
<head>
<style>
canvas {
  border: 1px solid black;
  margin: 20px;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="600"></canvas>

// Global variables for player position and speed
var playerX = canvas.width / 2;
var playerY = canvas.height - 30;
var playerSpeedX = 5;
var playerSpeedY = -8;

// Initialize game state
var gameStarted = false;
var gameOver = false;

// Add event listener for touchstart to start the game
canvas.addEventListener("touchstart", startGame);

// Draw the player (in this case, a pictogram)
function drawPlayer() {
  var playerPictogram = new Image();
  playerPictogram.src = "pictogram.png";
  ctx.drawImage(playerPictogram, playerX, playerY, 50, 50);
}

// Start the game when touchstart event occurs
function startGame() {
  if (!gameStarted) {
    gameStarted = true;
    updateGame();
  }
}

// Update the game state and redraw the canvas
function updateGame() {
  // Clear the canvas
  ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position based on speed
  playerX += playerSpeedX;
  playerY += playerSpeedY;
  
  // Apply gravity
  playerSpeedY += 0.5;
  
  // Make player bounce off walls
  if (playerX < 0 || playerX + 50 > canvas.width) {
    playerSpeedX = -playerSpeedX;
  }
  
  // Check if player hits ground
  if (playerY + 50 > canvas.height) {
    gameOver = true;
  }
  
  // Draw the player
  drawPlayer();
  
  if (!gameOver) {
    requestAnimationFrame(updateGame);
  } else {
    endGame();
  }
}

// Game over function
function endGame() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.font = "40px Arial";
  ctx.fillStyle = "red";
  ctx.textAlign = "center";
  ctx.fillText("Game Over", canvas.width / 2, canvas.height / 2);
}

</script>
</body>
</html>