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

No:19722

104

←

Prev Next

→

CS:GO
Developer User8794｜Date and time 23/10/6 6:52:00
Build time 17.297 sec｜Game capacity 3.479KB｜

Script

Als Programmierer möchte ich ein Mobilspiel namens "CS:GO Pictogram Edition" entwickeln. Das Spiel wird als eine einzelne HTML-Datei implementiert, die JavaScript enthält und von script-Tags umschlossen ist. Hier ist der HTML-Code für das Spiel:

CS:GO Pictogram Edition

Das Spiel verwendet Piktogramme, die die CS:GO-Waffen repräsentieren. Das Spielfeld besteht aus neun Kacheln, von denen der Spieler drei auswählen muss. Wenn alle ausgewählten Piktogramme gleich sind, gewinnt der Spieler. Ansonsten hat er verloren und das Spiel startet neu. Viel Spaß beim Spielen von "CS:GO Pictogram Edition"!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Hier ist der HTML-Code für das Spiel:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>CS:GO Pictogram Edition</title>
    <style>
      body {
        text-align: center;
        font-family: Arial, sans-serif;
        margin-top: 50px;
      }
      #gameboard {
        display: flex;
        flex-wrap: wrap;
        max-width: 600px;
        margin: 0 auto;
      }
      .tile {
        width: 33.33%;
        height: 100px;
        border: 1px solid black;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
      }
      .selected {
        background-color: DodgerBlue;
        color: white;
      }
    </style>
  </head>
  <body>
    <h1>CS:GO Pictogram Edition</h1>
    <div id="gameboard">
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
      <div class="tile"></div>
    </div>

// Zufällige Piktogrammnamen auf dem Spielfeld verteilen
      function setupGame() {
        var tiles = document.getElementsByClassName('tile');
        for (var i = 0; i < tiles.length; i++) {
          var randomWeapon = weapons[Math.floor(Math.random() * weapons.length)];
          tiles[i].innerHTML = randomWeapon;
          tiles[i].classList.remove('selected');
        }
      }

// Klick-Ereignis auf einem Piktogramm
      function selectTile(tile) {
        tile.classList.toggle('selected');
        checkWinCondition();
      }

// Überprüfen, ob alle ausgewählten Piktogramme gleich sind
      function checkWinCondition() {
        var selectedTiles = Array.from(document.getElementsByClassName('selected'));
        if (selectedTiles.length === 3) {
          var firstTile = selectedTiles[0].innerHTML;
          var isWin = selectedTiles.every(function(tile) {
            return tile.innerHTML === firstTile;
          });
          if (isWin) {
            alert("Gewonnen! Alle Piktogramme sind gleich!");
          } else {
            alert("Leider verloren! Die Piktogramme sind nicht alle gleich.");
          }
          setupGame(); // Neues Spiel starten
        }
      }

// Spiel beim Laden der Seite starten
      window.onload = function() {
        setupGame();
        var tiles = document.getElementsByClassName('tile');
        for (var i = 0; i < tiles.length; i++) {
          tiles[i].addEventListener('click', function() {
            selectTile(this);
          });
        }
      };
    </script>
  </body>
</html>
```

Viel Spaß beim Spielen von "CS:GO Pictogram Edition"!