Un gioco in cui devi combattere con i bulli chiamato school game's game

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

No:40724

←

Prev Next

→

Un gioco in cui devi combattere con i bulli chiama..ALL
Developer User16406｜Date and time 24/2/4 0:04:47
Build time 10.484 sec｜Game capacity 2.704KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>School Game</title>
</head>

// Inizializzazione del canvas e degli elementi del gioco
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// Immagini dei personaggi
    const playerImg = new Image();
    playerImg.src = "pictogramma_giocatore.png";

const bullyImg = new Image();
    bullyImg.src = "pictogramma_bullo.png";

// Dimensioni delle sprite dei personaggi
    const playerWidth = 50;
    const playerHeight = 50;
    const bullyWidth = 50;
    const bullyHeight = 50;

// Posizione del giocatore
    let playerX = canvas.width / 2 - playerWidth / 2;
    let playerY = canvas.height - playerHeight;

// Movimento del giocatore
    let rightPressed = false;
    let leftPressed = false;

// Creazione dei bulli
    const bullies = [];
    bullies.push({
      x: 100,
      y: 50,
    });
    bullies.push({
      x: 200,
      y: 100,
    });
    bullies.push({
      x: 300,
      y: 150,
    });

// Funzione per disegnare il giocatore
    function drawPlayer() {
      ctx.drawImage(playerImg, playerX, playerY, playerWidth, playerHeight);
    }

// Funzione per disegnare i bulli
    function drawBullies() {
      for (let i = 0; i < bullies.length; i++) {
        const bully = bullies[i];
        ctx.drawImage(bullyImg, bully.x, bully.y, bullyWidth, bullyHeight);
      }
    }

// Funzione per muovere il giocatore
    function movePlayer() {
      if (rightPressed && playerX < canvas.width - playerWidth) {
        playerX += 5;
      } else if (leftPressed && playerX > 0) {
        playerX -= 5;
      }
    }

// Funzione principale di gioco
    function gameLoop() {
      // Pulizia del canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Disegna il giocatore
      drawPlayer();

// Disegna i bulli
      drawBullies();

// Muove il giocatore
      movePlayer();

// Chiama la funzione gameLoop in modo ricorsivo
      requestAnimationFrame(gameLoop);
    }

// Listener per il movimento del giocatore
    document.addEventListener("keydown", (event) => {
      if (event.key === "ArrowRight") {
        rightPressed = true;
      } else if (event.key === "ArrowLeft") {
        leftPressed = true;
      }
    });

// Inizia il gioco
    gameLoop();
  </script>
</body>
</html>