AI game creator

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

No:27768

←

Prev Next

→

Sparatutto
Developer User9420｜Date and time 23/12/9 1:06:18
Build time 28.731 sec｜Game capacity 1.915KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Sparatutto</title>
</head>
<body>

// Prendi il riferimento al canvas
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Immagine del giocatore
    var playerImg = new Image();
    playerImg.src = "player.png";

// Posizione del giocatore
    var playerX = canvas.width / 2;
    var playerY = canvas.height - 50;

// Variabili di movimento del giocatore
    var rightPressed = false;
    var leftPressed = false;

// Gestisci gli input da tastiera
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(event) {
      if (event.key == "Right" || event.key == "ArrowRight") {
        rightPressed = true;
      } else if (event.key == "Left" || event.key == "ArrowLeft") {
        leftPressed = true;
      }
    }

function keyUpHandler(event) {
      if (event.key == "Right" || event.key == "ArrowRight") {
        rightPressed = false;
      } else if (event.key == "Left" || event.key == "ArrowLeft") {
        leftPressed = false;
      }
    }

// Disegna il giocatore
    function drawPlayer() {
      ctx.drawImage(playerImg, playerX, playerY);
    }

// Aggiorna la posizione del giocatore
    function updatePlayerPosition() {
      if (rightPressed && playerX < canvas.width - playerImg.width) {
        playerX += 5;
      } else if (leftPressed && playerX > 0) {
        playerX -= 5;
      }
    }

// Ciclo di gioco
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      updatePlayerPosition();

requestAnimationFrame(gameLoop);
    }

// Avvia il gioco
    gameLoop();

</script>

</body>
</html>