AI game creator

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

No:26559

←

Prev Next

→

Geometry dash
Developer User13194｜Date and time 23/12/1 20:17:12
Build time 74.474 sec｜Game capacity 4.435KB｜

Script

Sure! Here's an example of a simple Geometry Dash inspired game written in a single HTML file with JavaScript:

This HTML file creates a simple game where the player (a pictogram represented by an image) needs to jump over randomly generated obstacles. The game ends when the player collides with an obstacle or falls off the screen. You can adjust the colors, sizes, and other properties as desired. Make sure to have a suitable `emozi_all/game.png` image file in the same directory as the HTML file for the player pictogram to show up correctly. Please note that this is a basic implementation to get you started, and you can further enhance and customize the game according to your specific requirements.

←

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 Geometry Dash inspired game written in a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Geometry Dash Game</title>
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
        overflow: hidden;
      }

canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <script>
      (function () {
        // Game variables
        var canvas, ctx;
        var playerX, playerY;
        var obstacles = [];
        var gameSpeed = 4;
        var isGameOver = false;

// Pictograms
        var playerImage = new Image();
        playerImage.src = "player.png";

function initialize() {
          canvas = document.getElementById("gameCanvas");
          ctx = canvas.getContext("2d");
          canvas.width = window.innerWidth;
          canvas.height = window.innerHeight;
          playerX = canvas.width / 2 - 25; // Adjust the position to center the player
          playerY = canvas.height / 2 - 25; // Adjust the position to center the player

document.addEventListener("keydown", jump);
          document.addEventListener("touchstart", jump);

gameLoop();
        }

function gameLoop() {
          if (!isGameOver) {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            movePlayer();
            moveObstacles();
            drawPlayer();
            drawObstacles();
            requestAnimationFrame(gameLoop);
          }
        }

function jump(event) {
          var spacebarKeycode = 32;
          var touchEvent = event.type === "touchstart";

if (
            (!touchEvent && event.keyCode === spacebarKeycode) ||
            touchEvent
          ) {
            playerY -= 100;
          }
        }

function drawPlayer() {
          ctx.drawImage(playerImage, playerX, playerY, 50, 50); // Adjust the size of the player

if (playerY + 50 > canvas.height) {
            gameOver();
          }
        }

function drawObstacles() {
          ctx.fillStyle = "#000000"; // Adjust obstacle color

for (var i = 0; i < obstacles.length; i++) {
            var obstacle = obstacles[i];
            ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

if (
              playerX < obstacle.x + obstacle.width &&
              playerX + 50 > obstacle.x &&
              playerY < obstacle.y + obstacle.height &&
              playerY + 50 > obstacle.y
            ) {
              gameOver();
            }
          }
        }

function movePlayer() {
          playerY += gameSpeed;
        }

function moveObstacles() {
          if (obstacles.length > 0) {
            for (var i = 0; i < obstacles.length; i++) {
              var obstacle = obstacles[i];
              obstacle.x -= gameSpeed;

if (obstacle.x + obstacle.width < 0) {
                obstacles.splice(i, 1);
              }
            }
          }

if (Math.random() < 0.01) {
            var obstacleWidth = Math.random() * 50 + 50; // Adjust obstacle width
            var obstacleHeight = Math.random() * 100 + 100; // Adjust obstacle height

obstacles.push({
              x: canvas.width,
              y: canvas.height - obstacleHeight,
              width: obstacleWidth,
              height: obstacleHeight,
            });
          }
        }

function gameOver() {
          isGameOver = true;
          ctx.fillStyle = "#FF0000"; // Adjust game over color
          ctx.font = "48px Arial"; // Adjust game over font
          ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
        }

initialize();
      })();
    </script>
  </body>
</html>
```

This HTML file creates a simple game where the player (a pictogram represented by an image) needs to jump over randomly generated obstacles. The game ends when the player collides with an obstacle or falls off the screen. You can adjust the colors, sizes, and other properties as desired. Make sure to have a suitable `player.png` image file in the same directory as the HTML file for the player pictogram to show up correctly.

Please note that this is a basic implementation to get you started, and you can further enhance and customize the game according to your specific requirements.