AI game creator

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

No:39461

←

Prev Next

→

Geometry dash
Developer User17653｜Date and time 24/1/28 14:32:44
Build time 10.158 sec｜Game capacity 3.307KB｜

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>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Obtenemos el lienzo del juego
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Creamos variables para almacenar la posición del jugador y el tamaño de los obstáculos
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;
        let obstacleWidth = 50;
        let obstacleHeight = 10;
        
        // Creamos variables para almacenar el movimiento del jugador y la velocidad del juego
        let playerSpeed = 5;
        let gameSpeed = 2;
        
        // Creamos variables para almacenar el estado del juego
        let isGameOver = false;
        let score = 0;
        
        // Creamos una función para dibujar el jugador en el lienzo
        function drawPlayer() {
            ctx.beginPath();
            ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }
        
        // Creamos una función para dibujar el obstáculo en el lienzo
        function drawObstacle(x, y) {
            ctx.beginPath();
            ctx.rect(x, y, obstacleWidth, obstacleHeight);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }
        
        // Creamos una función para comprobar las colisiones entre el jugador y los obstáculos
        function checkCollision() {
            if (playerY < obstacleHeight) {
                gameOver();
            }
        }
        
        // Creamos una función para actualizar la posición del jugador y los obstáculos
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            playerY -= playerSpeed;
            
            if (playerY <= 0 || playerY >= (canvas.height - obstacleHeight)) {
                gameOver();
            }
            
            drawPlayer();
            drawObstacle(canvas.width / 2 - obstacleWidth / 2, canvas.height - obstacleHeight);
            
            checkCollision();
            
            if (!isGameOver) {
                requestAnimationFrame(update);
            }
        }
        
        // Creamos una función para terminar el juego
        function gameOver() {
            isGameOver = true;
            alert("Game Over");
        }
        
        // Creamos una función para iniciar el juego
        function startGame() {
            isGameOver = false;
            playerY = canvas.height - 30;
            score = 0;
            requestAnimationFrame(update);
        }
        
        // Añadimos eventos de teclado para mover al jugador
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp") {
                playerSpeed = -5;
            } else if (event.key === "ArrowDown") {
                playerSpeed = 5;
            }
        });
        
        document.addEventListener("keyup", function(event) {
            playerSpeed = 0;
        });
        
        // Iniciamos el juego al cargar la página
        startGame();
    </script>
</body>
</html>