Stickman aventure en 2d cool et drole's game

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

No:18575

←

Prev Next

→

Stickman aventure en 2d cool et drole
Developer User8217｜Date and time 23/9/30 1:31:37
Build time 23.707 sec｜Game capacity 2.344KB｜

Script

Bien sûr! Voici un exemple de jeu d'aventure en 2D avec Stickman, écrit en JavaScript et encadré par des balises de script dans un seul fichier HTML.

Dans cet exemple, le jeu est destiné à être joué sur un smartphone. Le joueur peut déplacer le personnage Stickman à l'aide des flèches de direction affichées à l'écran. Le jeu est dessiné sur un élément de canevas (canvas) et la fonction `update()` est appelée à chaque rafraîchissement de l'écran pour mettre à jour le jeu et le dessiner avec les nouvelles positions du personnage.

←

Prev　Next

→ 　

Back　

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

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

Bien sûr! Voici un exemple de jeu d'aventure en 2D avec Stickman, écrit en JavaScript et encadré par des balises de script dans un seul fichier HTML.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Stickman Aventure en 2D</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Définition du contexte graphique du jeu
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');
    
    // Chargement des images des pictogrammes
    const stickmanImage = new Image();
    stickmanImage.src = 'stickman.png';

// Position et vitesse du personnage Stickman
    let stickmanX = 200;
    let stickmanY = 200;
    const stickmanSpeed = 5;

// Gestion des touches du clavier
    const keyPressed = {};

window.addEventListener('keydown', function(event) {
      keyPressed[event.key] = true;
    });

window.addEventListener('keyup', function(event) {
      keyPressed[event.key] = false;
    });

// Fonction de mise à jour et de dessin du jeu
    function update() {
      // Mise à jour de la position du personnage selon les touches du clavier
      if (keyPressed['ArrowUp']) {
        stickmanY -= stickmanSpeed;
      }

if (keyPressed['ArrowDown']) {
        stickmanY += stickmanSpeed;
      }

if (keyPressed['ArrowLeft']) {
        stickmanX -= stickmanSpeed;
      }

if (keyPressed['ArrowRight']) {
        stickmanX += stickmanSpeed;
      }

// Effacer l'écran
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner le personnage Stickman
      context.drawImage(stickmanImage, stickmanX, stickmanY, 50, 50);

// Appeler la fonction update à chaque rafraîchissement de l'écran
      requestAnimationFrame(update);
    }

// Lancement du jeu
    stickmanImage.addEventListener('load', function() {
      update();
    });
  </script>
</body>
</html>
```