Crea un gioco in cui sei un pinguino e deve pescare il pesce! Se prendi il pesce normale ottieni 50 punti, se prendi il pesce verde perdi 50 punti, se ottieni lo squalo perdi, se prendi la balena ottieni cento punti! Devi avere 300 punti per vincere!'s game

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

No:23668

←

Prev Next

→

Crea un gioco in cui sei un pinguino e deve pescar..ALL
Developer User11059｜Date and time 23/11/2 20:14:31
Build time 104.355 sec｜Game capacity 5.515KB｜

Script

Ecco il codice HTML per il gioco del pinguino che pesca il pesce:

Una volta che avrai copiato questo codice in un file HTML, puoi aprirlo con il tuo browser sul tuo smartphone e giocare come un pinguino che pesca il pesce. Spero che ti diverta!

←

Prev　Next

→ 　

Back　

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

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

Ecco il codice HTML per il gioco del pinguino che pesca il pesce:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gioco del Pinguino che Pesca</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

var score = 0;
    var fishCaught = 0;
    var gameOver = false;

var penguin = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      speed: 5
    };

var fish = {
      x: 0,
      y: 50,
      width: 50,
      height: 50,
      speed: 3
    };

var greenFish = {
      x: 0,
      y: 100,
      width: 50,
      height: 50,
      speed: 2
    };

var shark = {
      x: 0,
      y: 150,
      width: 50,
      height: 50,
      speed: 4
    };

var whale = {
      x: 0,
      y: 200,
      width: 100,
      height: 100,
      speed: 1,
      image: new Image()
    };
    whale.image.src = "whale.png";

// Funzione per disegnare gli oggetti sul canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Disegna il pinguino
      ctx.fillStyle = "black";
      ctx.fillRect(penguin.x, penguin.y, penguin.width, penguin.height);

// Disegna il pesce
      ctx.fillStyle = "orange";
      ctx.fillRect(fish.x, fish.y, fish.width, fish.height);

// Disegna il pesce verde
      ctx.fillStyle = "green";
      ctx.fillRect(greenFish.x, greenFish.y, greenFish.width, greenFish.height);

// Disegna lo squalo
      ctx.fillStyle = "gray";
      ctx.fillRect(shark.x, shark.y, shark.width, shark.height);

// Disegna la balena
      ctx.drawImage(whale.image, whale.x, whale.y, whale.width, whale.height);

// Disegna il punteggio
      ctx.fillStyle = "blue";
      ctx.font = "20px Arial";
      ctx.fillText("Punteggio: " + score, 10, 20);

// Controlla la fine del gioco
      if (score >= 300) {
        gameOver = true;
        ctx.fillStyle = "red";
        ctx.fillText("Hai vinto!", canvas.width / 2 - 50, canvas.height / 2);
      } else if (gameOver) {
        ctx.fillStyle = "red";
        ctx.fillText("Hai perso!", canvas.width / 2 - 50, canvas.height / 2);
      }
    }

// Funzione per aggiornare la posizione degli oggetti
    function update() {
      fish.x += fish.speed;
      greenFish.x += greenFish.speed;
      shark.x += shark.speed;
      whale.x += whale.speed;

// Se il pinguino collide con il pesce
      if (
        penguin.x < fish.x + fish.width &&
        penguin.x + penguin.width > fish.x &&
        penguin.y < fish.y + fish.height &&
        penguin.y + penguin.height > fish.y
      ) {
        score += 50;
        fish.x = 0;
        fishCaught++;
      }

// Se il pinguino collide con il pesce verde
      if (
        penguin.x < greenFish.x + greenFish.width &&
        penguin.x + penguin.width > greenFish.x &&
        penguin.y < greenFish.y + greenFish.height &&
        penguin.y + penguin.height > greenFish.y
      ) {
        score -= 50;
        greenFish.x = 0;
        fishCaught++;
      }

// Se il pinguino collide con lo squalo
      if (
        penguin.x < shark.x + shark.width &&
        penguin.x + penguin.width > shark.x &&
        penguin.y < shark.y + shark.height &&
        penguin.y + penguin.height > shark.y
      ) {
        score = 0;
        shark.x = 0;
        gameOver = true;
      }

// Se il pinguino collide con la balena
      if (
        penguin.x < whale.x + whale.width &&
        penguin.x + penguin.width > whale.x &&
        penguin.y < whale.y + whale.height &&
        penguin.y + penguin.height > whale.y
      ) {
        score += 100;
        whale.x = 0;
        fishCaught++;
      }
    }

// Funzione per gestire i movimenti del pinguino
    function movePenguin(event) {
      if (event.key === "ArrowRight" && penguin.x < canvas.width - penguin.width) {
        penguin.x += penguin.speed;
      } else if (event.key === "ArrowLeft" && penguin.x > 0) {
        penguin.x -= penguin.speed;
      } else if (event.key === "ArrowUp" && penguin.y > 0) {
        penguin.y -= penguin.speed;
      } else if (event.key === "ArrowDown" && penguin.y < canvas.height - penguin.height) {
        penguin.y += penguin.speed;
      }
    }

// Aggiorna la posizione degli oggetti ogni 10 millisecondi
    setInterval(function() {
      if (!gameOver) {
        update();
        draw();
      }
    }, 10);

// Gestisci i movimenti del pinguino attraverso il touch dello schermo
    canvas.addEventListener("touchstart", function(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

if (touchX > penguin.x && touchX < penguin.x + penguin.width &&
          touchY > penguin.y && touchY < penguin.y + penguin.height) {
        canvas.addEventListener("touchmove", movePenguin);
      }
    });

canvas.addEventListener("touchend", function() {
      canvas.removeEventListener("touchmove", movePenguin);
    });
  </script>
</body>
</html>
```

Una volta che avrai copiato questo codice in un file HTML, puoi aprirlo con il tuo browser sul tuo smartphone e giocare come un pinguino che pesca il pesce. Spero che ti diverta!