Un gioco dove devi saltare gli ostacoli come lego friends art lake rush's game

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

No:21881

126

←

Prev Next

→

Un gioco dove devi saltare gli ostacoli come lego ..ALL
Developer User10082｜Date and time 23/10/19 3:33:31
Build time 73.855 sec｜Game capacity 3.143KB｜

Script

Eccoti un esempio di un gioco HTML in cui devi saltare gli ostacoli come in Lego Friends Art Lake Rush:

Questo esempio assume che tu abbia delle immagini `emozi_rabbit.png` e `emozi_apple.png` per rappresentare il personaggio e gli ostacoli. Assicurati di sostituire i nomi delle immagini con i tuoi file corrispondenti. Il gioco funziona nel seguente modo: schiva gli ostacoli saltando premendo sul display. Se il personaggio tocca un ostacolo, il gioco si interrompe e appare un messaggio di "Hai perso! Riprova." Puoi quindi ricaricare la pagina per iniziare una nuova partita. Spero che questo esempio ti sia utile per creare il tuo gioco! Buon divertimento!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Eccoti un esempio di un gioco HTML in cui devi saltare gli ostacoli come in Lego Friends Art Lake Rush:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Lego Friends Art Lake Rush</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Inizializzazione del personaggio
        this.character = new Image();
        this.character.src = "character.png";
        this.characterX = 50;
        this.characterY = 0;
        this.characterJumping = false;

// Inizializzazione degli ostacoli
        this.obstacle = new Image();
        this.obstacle.src = "obstacle.png";
        this.obstacleX = 300;
        this.obstacleY = 0;

// Avvio del gioco
        this.interval = setInterval(updateGame, 20);
      },
      clear: function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
      },
      stop: function() {
        clearInterval(this.interval);
      }
    };

function updateGame() {
      game.clear();

// Controllo dei salti del personaggio
      if (game.characterJumping) {
        game.characterY -= 5;
        if (game.characterY <= 0) {
          game.characterJumping = false;
        }
      } else {
        game.characterY += 2;
        if (game.characterY >= game.canvas.height - 70) {
          game.characterY = game.canvas.height - 70;
        }
      }

// Movimento dell'ostacolo
      game.obstacleX -= 3;
      if (game.obstacleX <= -100) {
        game.obstacleX = game.canvas.width;
      }

// Disegno del personaggio
      game.context.drawImage(game.character, game.characterX, game.characterY, 70, 70);

// Disegno dell'ostacolo
      game.context.drawImage(game.obstacle, game.obstacleX, game.obstacleY, 100, 100);

// Controllo collisione con l'ostacolo
      if (game.characterX + 70 > game.obstacleX && game.characterX < game.obstacleX + 100 &&
          game.characterY + 70 > game.obstacleY) {
        game.stop();
        alert("Hai perso! Riprova.");
        location.reload();
      }
    }

// Gestione degli input touch per il salto
    document.addEventListener("touchstart", function(event) {
      if (!game.characterJumping) {
        game.characterJumping = true;
      }
    });

// Avvio del gioco
    game.start();
  </script>
</body>
</html>
```

Questo esempio assume che tu abbia delle immagini `character.png` e `obstacle.png` per rappresentare il personaggio e gli ostacoli. Assicurati di sostituire i nomi delle immagini con i tuoi file corrispondenti.

Il gioco funziona nel seguente modo: schiva gli ostacoli saltando premendo sul display. Se il personaggio tocca un ostacolo, il gioco si interrompe e appare un messaggio di "Hai perso! Riprova." Puoi quindi ricaricare la pagina per iniziare una nuova partita.

Spero che questo esempio ti sia utile per creare il tuo gioco! Buon divertimento!