AI game creator

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

No:35669

←

Prev Next

→

Geometry Dash
Developer User15937｜Date and time 24/1/15 1:49:47
Build time 14.967 sec｜Game capacity 4.943KB｜

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</title>
    <style>
        canvas {
            background-color: black;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="360" height="640"></canvas>
    <script>
        // Enclosing the code in script tags
        (function () {

// Initialize canvas and game variables
            var canvas = document.getElementById('gameCanvas');
            var context = canvas.getContext('2d');
            var width = canvas.width;
            var height = canvas.height;
            var playerSize = 50;
            var playerX = 50;
            var playerY = height / 2 - playerSize / 2;
            var gravity = 1;
            var jumpForce = 20;
            var gameSpeed = 3;
            var obstacles = [];
            var score = 0;

// Create player object
            var player = {
                x: playerX,
                y: playerY,
                width: playerSize,
                height: playerSize,
                color: 'white',
                jump: function () {
                    this.y -= jumpForce;
                },
                update: function () {
                    this.y += gravity;
                },
                draw: function () {
                    context.fillStyle = this.color;
                    context.fillRect(this.x, this.y, this.width, this.height);
                }
            };

// Create obstacle object
            function createObstacle() {
                var obstacleSize = 50;
                var obstacleX = width;
                var obstacleY = height - obstacleSize;

return {
                    x: obstacleX,
                    y: obstacleY,
                    width: obstacleSize,
                    height: obstacleSize,
                    color: getRandomColor(),
                    update: function () {
                        this.x -= gameSpeed;
                    },
                    draw: function () {
                        context.fillStyle = this.color;
                        context.fillRect(this.x, this.y, this.width, this.height);
                    }
                };
            }

// Generate random color for each obstacle
            function getRandomColor() {
                var letters = '0123456789ABCDEF';
                var color = '#';
                for (var i = 0; i < 6; i++) {
                    color += letters[Math.floor(Math.random() * 16)];
                }
                return color;
            }

// Handle player jump on mouse click or touch
            function handleJump() {
                player.jump();
            }

// Update game logic
            function update() {
                player.update();

if (player.y >= height - player.height) {
                    player.y = height - player.height;
                }

obstacles.forEach(function (obstacle) {
                    obstacle.update();

if (isColliding(player, obstacle)) {
                        endGame();
                    }

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

if (obstacles.length === 0 || obstacles[obstacles.length - 1].x < width - 150) {
                    obstacles.push(createObstacle());
                }
            }

// Check collision between player and obstacle
            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;
            }

// End the game and display score
            function endGame() {
                clearInterval(gameInterval);
                alert('Game Over! Your score: ' + score);
            }

// Render game graphics
            function draw() {
                context.clearRect(0, 0, width, height);
                player.draw();

obstacles.forEach(function (obstacle) {
                    obstacle.draw();
                });

context.fillStyle = 'white';
                context.font = '24px Arial';
                context.fillText('Score: ' + score, 10, 24);
            }

// Start the game
            function startGame() {
                document.addEventListener('click', handleJump);
                document.addEventListener('touchend', handleJump);
                gameInterval = setInterval(function () {
                    update();
                    draw();
                }, 1000 / 60);
            }

startGame();

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