Touch grass game tapping game's game

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

No:35625

←

Prev Next

→

Touch grass game tapping game
Developer User16442｜Date and time 24/1/15 1:12:37
Build time 9.359 sec｜Game capacity 1.882KB｜

Script

Sure! Hier is een voorbeeld van een eenvoudig spel genaamd "Tik op het gras". Het spel kan gespeeld worden op een smartphone en maakt gebruik van pictogrammen. Hier is de HTML-code voor het spel:

Dit is een simpel spel waarbij je op het gras kunt tikken en het aantal keren tikken wordt bijgehouden. Het gras wordt getekend op het canvas en elke keer dat je op het gras tikt, wordt het canvas bijgewerkt. Hopelijk vind je dit leuk!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Hier is een voorbeeld van een eenvoudig spel genaamd "Tik op het gras". Het spel kan gespeeld worden op een smartphone en maakt gebruik van pictogrammen.

Hier is de HTML-code voor het spel:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tik op het gras</title>
  <style>
    /* Stijl voor het canvas waarop het gras wordt weergegeven */
    canvas {
      border: 1px solid black;
      margin: 0 auto;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Variabelen voor het canvas en de context
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Variabele om het aantal keren tikken bij te houden
    var taps = 0;

// Functie om het gras te tekenen op het canvas
    function drawGrass() {
      context.clearRect(0, 0, canvas.width, canvas.height); // Wis het vorige frame
      context.fillStyle = "green";
      context.fillRect(0, 0, canvas.width, canvas.height); // Teken het gras
      context.fillStyle = "white";
      context.font = "30px Arial";
      context.fillText("Taps: " + taps, 10, 40); // Toon het aantal keren tikken
    }

// Functie die wordt opgeroepen wanneer er op het canvas wordt getikt
    function canvasTapped(event) {
      taps++; // Verhoog het aantal keren tikken
      drawGrass(); // Update het canvas
    }

// Event listener voor tikken op het canvas
    canvas.addEventListener("touchstart", canvasTapped);

// Teken het initiële gras op het canvas
    drawGrass();
  </script>
</body>
</html>
```

Hopelijk vind je dit leuk!