Sipiker (Lemmer my boss's game

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

No:42462

←

Prev Next

→

Sipiker (Lemmer my boss
Developer User18885｜Date and time 24/2/11 20:07:55
Build time 9.18 sec｜Game capacity 2.507KB｜

Script

Bien sûr, voici un exemple de code pour un jeu simple qui fonctionne dans un seul fichier HTML contenant JavaScript :

Ce code crée un jeu simple où vous devez cliquer sur un pictogramme spécifique pour augmenter votre score. Les pictogrammes sont affichés à des positions aléatoires sur le canvas. Lorsque vous cliquez avec votre doigt sur le pictogramme, votre score augmente et un nouveau pictogramme apparaît à une position différente sur le canvas. Assurez-vous de remplacer les `emozi_rabbit.png` et `emozi_apple.png` par les liens réels vers les pictogrammes que vous souhaitez utiliser dans le jeu.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Bien sûr, voici un exemple de code pour un jeu simple qui fonctionne dans un seul fichier HTML contenant JavaScript :

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mon Jeu Pictogramme</title>
</head>
<body>
  <canvas id="myCanvas" width="400" height="400"></canvas>
  
  <script>
    // Récupérer le canvas et son contexte
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
    
    // Définir les pictogrammes du jeu
    var pictogramme1 = new Image();
    pictogramme1.src = "lien_vers_image1.png";
    
    var pictogramme2 = new Image();
    pictogramme2.src = "lien_vers_image2.png";
    
    // Variables de jeu
    var score = 0;
    var pictogrammeX = 100;
    var pictogrammeY = 100;
    
    // Fonction de dessin
    function dessiner() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      context.drawImage(pictogramme1, pictogrammeX, pictogrammeY, 50, 50);
      context.drawImage(pictogramme2, 200, 200, 50, 50);
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }
    
    // Fonction de détection de collision
    function detecterCollision(x, y) {
      if (x >= pictogrammeX && x <= pictogrammeX + 50 && y >= pictogrammeY && y <= pictogrammeY + 50) {
        score++;
        return true;
      }
      return false;
    }
    
    // Gestionnaire d'événement de clic
    canvas.addEventListener("click", function(event) {
      var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;
      
      if (detecterCollision(clickX, clickY)) {
        pictogrammeX = Math.random() * (canvas.width - 50);
        pictogrammeY = Math.random() * (canvas.height - 50);
      }
    });
    
    // Boucle de jeu principale
    function jeuPrincipal() {
      dessiner();
      requestAnimationFrame(jeuPrincipal);
    }
    
    // Lancement du jeu
    jeuPrincipal();
  </script>
</body>
</html>
```

Assurez-vous de remplacer les `liens_vers_image1.png` et `liens_vers_image2.png` par les liens réels vers les pictogrammes que vous souhaitez utiliser dans le jeu.