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

No:50552

105

←

Prev Next

→

.haz un juego donde puedes crear tu propio juego
Developer User18058｜Date and time 24/3/9 0:01:27
Build time 9.368 sec｜Game capacity 1.587KB｜

Script

Crea tu Propio Juego

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Mi Propio Juego</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<h1>Crea tu Propio Juego</h1>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    // Inicializar el canvas
    let canvas = document.getElementById("gameCanvas");
    let ctx = canvas.getContext("2d");

// Variables para el jugador y su posición
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 30;
    let playerSpeed = 5;

// Función para dibujar al jugador
    function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, 20, 20);
    }

// Función para actualizar la posición del jugador
    function updatePlayer() {
        if (playerX < 0) {
            playerX = 0;
        }
        if (playerX > canvas.width - 20) {
            playerX = canvas.width - 20;
        }
    }

// Función para manejar la entrada del jugador
    window.addEventListener("keydown", function(event) {
        if (event.key === "ArrowLeft") {
            playerX -= playerSpeed;
        }
        if (event.key === "ArrowRight") {
            playerX += playerSpeed;
        }
        updatePlayer();
    });

// Función para limpiar el canvas y redibujar todo
    function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        requestAnimationFrame(draw);
    }

// Iniciar el juego
    draw();

</script>
</body>
</html>