Haz un juego simple para smartphone que se traté lo mismo que geometry dash's game

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

No:40449

←

Prev Next

→

Haz un juego simple para smartphone que se traté l..ALL
Developer User18058｜Date and time 24/2/2 22:30:00
Build time 15.662 sec｜Game capacity 4.059KB｜

Script

Aquí tienes un ejemplo de un juego simple para smartphone que se asemeja a Geometry Dash:

Este juego utiliza un lienzo HTML5 para dibujar un rectángulo blanco que representa al jugador. El jugador puede saltar pulsando la tecla de flecha hacia arriba o la barra espaciadora. El objetivo del juego es evitar los obstáculos rojos que se mueven hacia la izquierda. El juego termina cuando el jugador colisiona con un obstáculo. Espero que esto te haya sido útil. Buena suerte con tu juego. ¡Diviértete!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Aquí tienes un ejemplo de un juego simple para smartphone que se asemeja a Geometry Dash:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Juego Smartphone</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var playerX = 50;
        var playerY = 300;
        var playerWidth = 40;
        var playerHeight = 40;
        var gravity = 1;
        var jumpForce = -20;
        var obstacles = [];
        var gameOver = false;
        var score = 0;

function drawPlayer() {
            context.fillStyle = "#fff";
            context.fillRect(playerX, playerY, playerWidth, playerHeight);
        }
        
        function updatePlayer() {
            playerY += gravity;
        }

function jump() {
            playerY += jumpForce;
        }

function drawObstacles() {
            context.fillStyle = "#ff0000";
            for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            }
        }

function updateObstacles() {
            for (var i = 0; i < obstacles.length; i++) {
                var obstacle = obstacles[i];
                obstacle.x -= 5;

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

if (playerX < obstacle.x + obstacle.width && playerX + playerWidth > obstacle.x &&
                    playerY < obstacle.y + obstacle.height && playerY + playerHeight > obstacle.y) {
                    gameOver = true;
                }
            }
        }

function getRandomObstacleY() {
            var minHeight = 100;
            var maxHeight = canvas.height - 100;
            return Math.floor(Math.random() * (maxHeight - minHeight + 1)) + minHeight;
        }

function createObstacle() {
            var obstacleWidth = 20;
            var obstacleHeight = 80;
            obstacles.push({
                x: canvas.width,
                y: getRandomObstacleY(),
                width: obstacleWidth,
                height: obstacleHeight
            });
        }

function drawScore() {
            context.fillStyle = "#fff";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

if (!gameOver) {
                updatePlayer();
                drawPlayer();
                drawObstacles();
                updateObstacles();
                drawScore();
                score++;

if (score % 100 === 0) {
                    createObstacle();
                }
            } else {
                context.fillStyle = "#fff";
                context.font = "40px Arial";
                context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            }

requestAnimationFrame(gameLoop);
        }

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp" || event.keyCode === 32) {
                jump();
            }
        });

gameLoop();
    </script>
</body>
</html>
```

Espero que esto te haya sido útil. Buena suerte con tu juego. ¡Diviértete!