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

No:41132

←

Prev Next

→

Dress up Character pomni
Developer User18476｜Date and time 24/2/6 8:12:55
Build time 9.316 sec｜Game capacity 2.513KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is called "Dress up Character Pomni" and it can be played on a smartphone. It uses pictograms to dress up the character.

Dress up Character Pomni

To use this game, you would need to create pictograms of various accessories (hat.png, glasses.png, shirt.png, pants.png, shoes.png) and place them in a folder named "pictograms" in the same directory as the HTML file. When you open the HTML file in a web browser on your smartphone, you will see a character box and a set of accessory pictograms below it. By tapping on an accessory pictogram, the corresponding accessory will be added to the character, and if an accessory was previously selected, it will be removed. Hope this helps in creating your game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dress up Character Pomni</title>
    <style>
        #character {
            width: 200px;
            height: 200px;
            background-color: #ffcccc;
            position: relative;
        }
        #accessories {
            display: flex;
            justify-content: center;
        }
        .accessory {
            width: 50px;
            height: 50px;
            margin: 5px;
            cursor: pointer;
        }
        .accessory img {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <h1>Dress up Character Pomni</h1>
    <div id="character"></div>
    <div id="accessories">
        <div class="accessory" onclick="changeAccessory('hat')"><img src="pictograms/hat.png" alt="Hat"></div>
        <div class="accessory" onclick="changeAccessory('glasses')"><img src="pictograms/glasses.png" alt="Glasses"></div>
        <div class="accessory" onclick="changeAccessory('shirt')"><img src="pictograms/shirt.png" alt="Shirt"></div>
        <div class="accessory" onclick="changeAccessory('pants')"><img src="pictograms/pants.png" alt="Pants"></div>
        <div class="accessory" onclick="changeAccessory('shoes')"><img src="pictograms/shoes.png" alt="Shoes"></div>
    </div>

function changeAccessory(accessory) {
            if (currentAccessory !== '') {
                character.classList.remove(currentAccessory);
            }
            character.classList.add(accessory);
            currentAccessory = accessory;
        }
    </script>
</body>
</html>
```

When you open the HTML file in a web browser on your smartphone, you will see a character box and a set of accessory pictograms below it. By tapping on an accessory pictogram, the corresponding accessory will be added to the character, and if an accessory was previously selected, it will be removed.

Hope this helps in creating your game!