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

No:15204

73

A game we're u k○ll vilians
Developer User6576｜Date and time 23/9/7 11:05:20
Build time 26.969 sec｜Game capacity 3.208KB｜

Sure, I can help you create a simple game where you can "kill villains" using JavaScript and pictograms. Here's an example implementation:

Villains Terminator Game

In this game, the `villains` array stores the pictograms representing villains (you can customize this array with your own pictograms). The `getRandomVillain` function randomly selects a villain from the array. The `createVillains` function dynamically creates the game board by adding 9 villains (represented by div elements with the `villain` class) to the `game-board` div. Each villain is assigned a random pictogram using the `getRandomVillain` function, and a click event listener is attached to each villain through the `killVillain` function. When a villain is clicked, the `killVillain` function is called, which removes the clicked villain from the game board and updates the score by calling the `updateScore` function. The score is displayed using an HTML element with the id `score`. You can open this HTML file in a web browser (preferably on a smartphone for touch-based interaction) to play the game. Each time you click on a villain, it will be removed and your score will increase.

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Sure, I can help you create a simple game where you can "kill villains" using JavaScript and pictograms. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Villains Terminator</title>
  <style>
    body {
      text-align: center;
    }

#game-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 30px;
    }

.villain {
      width: 80px;
      height: 80px;
      background-size: contain;
      cursor: pointer;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>Villains Terminator Game</h1>
  <div id="game-board">
    
  </div>

<script>
    // Villain pictograms (you can replace them with your desired pictograms or symbols)
    const villains = [
      "💀", // Skull
      "👹", // Ogre
      "👺", // Goblin
      "👿", // Devil
      "🧟", // Zombie
      "🐉", // Dragon
    ];

// Function to randomly select a villain from the list
    function getRandomVillain() {
      const randomIndex = Math.floor(Math.random() * villains.length);
      return villains[randomIndex];
    }

// Function to create and display the villains on the game board
    function createVillains() {
      const gameBoard = document.getElementById("game-board");

for (let i = 0; i < 9; i++) {
        const villain = document.createElement("div");
        villain.classList.add("villain");
        villain.innerHTML = getRandomVillain();
        gameBoard.appendChild(villain);
      }

// Add click event listener to each villain
      const villains = document.getElementsByClassName("villain");
      for (let i = 0; i < villains.length; i++) {
        villains[i].addEventListener("click", killVillain);
      }
    }

// Function to remove the clicked villain and update the score
    function killVillain() {
      this.remove();
      updateScore();
    }

// Function to update the score
    function updateScore() {
      const score = document.getElementById("score");
      score.innerText = parseInt(score.innerText) + 1;
    }

// Start the game
    createVillains();
  </script>
</body>
</html>
```

In this game, the `villains` array stores the pictograms representing villains (you can customize this array with your own pictograms). The `getRandomVillain` function randomly selects a villain from the array.

The `createVillains` function dynamically creates the game board by adding 9 villains (represented by div elements with the `villain` class) to the `game-board` div. Each villain is assigned a random pictogram using the `getRandomVillain` function, and a click event listener is attached to each villain through the `killVillain` function.

When a villain is clicked, the `killVillain` function is called, which removes the clicked villain from the game board and updates the score by calling the `updateScore` function. The score is displayed using an HTML element with the id `score`.

You can open this HTML file in a web browser (preferably on a smartphone for touch-based interaction) to play the game. Each time you click on a villain, it will be removed and your score will increase.