Sonic el erizo en 4 bit's game

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

No:40416

←

Prev Next

→

Sonic el erizo en 4 bit
Developer User18090｜Date and time 24/2/2 12:22:16
Build time 8.099 sec｜Game capacity 1.709KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sonic el erizo en 4 bit</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Cargamos las imágenes de los sprites
    const sonicSprite = new Image();
    sonicSprite.src = "sonic.png";

// Definimos las variables necesarias para representar a Sonic
    let sonicX = 50;
    let sonicY = canvas.height / 2;
    let sonicSpeedX = 4;
    let sonicSpeedY = 0;
    let sonicGravity = 0.1;

// Detectamos las pulsaciones de teclas y movemos a Sonic
    document.addEventListener("keydown", moveSonic);

function moveSonic(event) {
      if (event.key === "ArrowUp" && sonicY === canvas.height / 2) {
        sonicSpeedY = -4;
      }
    }

// Actualizamos la posición de Sonic y dibujamos el lienzo del juego
    function update() {
      sonicY += sonicSpeedY;
      sonicSpeedY += sonicGravity;

// Limite inferior del lienzo del juego
      if (sonicY > canvas.height - 32) {
        sonicY = canvas.height - 32;
        sonicSpeedY = 0;
      }

// Limite superior del lienzo del juego
      if (sonicY < 0) {
        sonicY = 0;
        sonicSpeedY = 0;
      }

sonicX += sonicSpeedX;

// Dibujamos a Sonic en el lienzo del juego
      context.drawImage(sonicSprite, sonicX, sonicY);

requestAnimationFrame(update);
    }

// Cargamos el juego
    sonicSprite.onload = update;
  </script>
</body>
</html>