Haz un juego en 2d que sea simple y se traté lo mismo que geometry dash.'s game | AI game creator

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

No:40395

35

Haz un juego en 2d que sea simple y se traté lo mi..ALL
Developer User18058｜Date and time 24/2/2 10:54:38
Build time 13.256 sec｜Game capacity 3.453KB｜

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Juego 2D - Geometry Dash</title>
    <style>
        canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

<script>
        // Variables para el juego
        var canvas, ctx;
        var player, obstacles;
        var gravity, jumpForce;
    
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            player = new Player(50, canvas.height/2 - 16);
            obstacles = [];
            gravity = 0.5;
            jumpForce = -10;
    
            setInterval(updateGame, 20);
            document.addEventListener("keydown", jump);
        }
    
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            player.update();
    
            if (obstacles.length === 0 || obstacles[obstacles.length - 1].x < canvas.width - 150) {
                var obstacle = new Obstacle(canvas.width, canvas.height - 50);
                obstacles.push(obstacle);
            }
    
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].update();
                if (player.collidesWith(obstacles[i])) {
                    gameOver();
                    return;
                }
                if (obstacles[i].x + obstacles[i].width < 0) {
                    obstacles.shift();
                }
            }
        }
    
        function jump(event) {
            if (event.keyCode === 32 && player.y === canvas.height/2 - 16) {
                player.velocityY = jumpForce;
            }
        }
    
        function Player(x, y) {
            this.x = x;
            this.y = y;
            this.velocityY = 0;
            this.width = 32;
            this.height = 32;
    
            this.update = function() {
                this.velocityY += gravity;
                this.y += this.velocityY;
    
                if (this.y > canvas.height - this.height/2) {
                    this.y = canvas.height - this.height/2;
                    this.velocityY = 0;
                }
    
                ctx.fillStyle = "#fff";
                ctx.fillRect(this.x, this.y - this.height/2, this.width, this.height);
            }
    
            this.collidesWith = function(obstacle) {
                if (this.x + this.width/2 > obstacle.x && this.x - this.width/2 < obstacle.x + obstacle.width &&
                    this.y + this.height/2 > obstacle.y && this.y - this.height/2 < obstacle.y + obstacle.height) {
                    return true;
                }
                return false;
            }
        }
    
        function Obstacle(x, y) {
            this.x = x;
            this.y = y;
            this.width = 32;
            this.height = 32;
            this.speed = -3;
    
            this.update = function() {
                this.x += this.speed;
    
                ctx.fillStyle = "#f00";
                ctx.fillRect(this.x, this.y - this.height/2, this.width, this.height);
            }
        }
    
        function gameOver() {
            alert("¡Juego terminado! Puntuación: " + obstacles.length);
            startGame();
        }

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