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

No:21173

139

←

Prev Next

→

12 masked singer costume they all sings but1 gets ..ALL
Developer User6792｜Date and time 23/10/13 23:04:38
Build time 85.162 sec｜Game capacity 3.354KB｜

Script

Sure! Here's a simple game implementation that meets your requirements:

The Masked Singer Game

This game consists of 12 masked singer costumes represented by pictograms (in this case, images). When you click on a costume, it will get eliminated by adding the "eliminated" class to it, which reduces its opacity. The game continues until there's only one remaining costume, which will be highlighted as the winner by adding the "winner" class to it. To use this code, replace the placeholder image URLs (`emozi_bear.png`) with the actual image links you want to use for each costume. You can also customize the game's appearance by modifying the CSS styles.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game implementation that meets your requirements:

```html
<!DOCTYPE html>
<html>

<head>
    <title>The Masked Singer Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            text-align: center;
        }

.costume {
            display: inline-block;
            margin: 20px;
            cursor: pointer;
        }

.eliminated {
            opacity: 0.5;
        }

.winner {
            font-weight: bold;
            color: #32a852;
        }

h1 {
            color: #555;
        }
    </style>
</head>

<body>
    <h1>The Masked Singer Game</h1>
    <div id="costumeContainer">
        <img class="costume" src="https://image-link.com/costume1.png" alt="Costume 1">
        <img class="costume" src="https://image-link.com/costume2.png" alt="Costume 2">
        <img class="costume" src="https://image-link.com/costume3.png" alt="Costume 3">
        <img class="costume" src="https://image-link.com/costume4.png" alt="Costume 4">
        <img class="costume" src="https://image-link.com/costume5.png" alt="Costume 5">
        <img class="costume" src="https://image-link.com/costume6.png" alt="Costume 6">
        <img class="costume" src="https://image-link.com/costume7.png" alt="Costume 7">
        <img class="costume" src="https://image-link.com/costume8.png" alt="Costume 8">
        <img class="costume" src="https://image-link.com/costume9.png" alt="Costume 9">
        <img class="costume" src="https://image-link.com/costume10.png" alt="Costume 10">
        <img class="costume" src="https://image-link.com/costume11.png" alt="Costume 11">
        <img class="costume" src="https://image-link.com/costume12.png" alt="Costume 12">
    </div>

// Register event listener for each costume
        for (var i = 0; i < costumes.length; i++) {
            costumes[i].addEventListener("click", eliminateCostume);
        }

function eliminateCostume(event) {
            var targetCostume = event.target;
            targetCostume.classList.add("eliminated");
            eliminatedCostumes.push(targetCostume.alt);

if (eliminatedCostumes.length === costumes.length - 1) {
                endGame();
            }
        }

</html>
```

To use this code, replace the placeholder image URLs (`https://image-link.com/costumeX.png`) with the actual image links you want to use for each costume. You can also customize the game's appearance by modifying the CSS styles.