AI game creator

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

No:27705

←

Prev Next

→

Crea Sonic 1
Developer User13764｜Date and time 23/12/8 10:16:12
Build time 17.203 sec｜Game capacity 2.33KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Sonic the Hedgehog 1</title>
<style>
canvas {
  border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="600"></canvas>

// Función para cargar los elementos del juego
function loadGame() {
    canvas = document.getElementById("gameCanvas");
    canvasContext = canvas.getContext("2d");

// Llamar a la función de actualización del juego cada 20ms
    setInterval(updateGame, 20);

// Manejar eventos de movimiento en el smartphone
    document.addEventListener("keydown", handleKeydown);
    document.addEventListener("keyup", handleKeyup);
}

// Función para actualizar el juego
function updateGame() {
    moveSonic();
    drawGame();
}

// Función para mover a Sonic
function moveSonic() {
    sonicX += sonicSpeedX;
    sonicY += sonicSpeedY;

// Rebotar a Sonic cuando alcanza los bordes del canvas
    if (sonicX > canvas.width - 20 || sonicX < 0) {
        sonicSpeedX = -sonicSpeedX;
    }
    if (sonicY > canvas.height - 20 || sonicY < 0) {
        sonicSpeedY = -sonicSpeedY;
    }
}

// Función para dibujar el juego
function drawGame() {
    // Dibujar fondo
    canvasContext.fillStyle = "black";
    canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Dibujar a Sonic
    canvasContext.fillStyle = "blue";
    canvasContext.fillRect(sonicX, sonicY, 20, 20);
}

// Función para manejar el evento keydown
function handleKeydown(event) {
    if (event.keyCode === 37) { // flecha izquierda
        sonicSpeedX = -5;
    } else if (event.keyCode === 39) { // flecha derecha
        sonicSpeedX = 5;
    } else if (event.keyCode === 38) { // flecha arriba
        sonicSpeedY = -5;
    } else if (event.keyCode === 40) { // flecha abajo
        sonicSpeedY = 5;
    }
}

// Función para manejar el evento keyup
function handleKeyup(event) {
    if (event.keyCode === 37 || event.keyCode === 39) { // flecha izquierda o derecha
        sonicSpeedX = 0;
    } else if (event.keyCode === 38 || event.keyCode === 40) { // flecha arriba o abajo
        sonicSpeedY = 0;
    }
}

// Cargar el juego al cargar la página
window.onload = loadGame;
</script>
</body>
</html>