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

No:17791

100

A makeup game
Developer User7786｜Date and time 23/9/24 16:17:07
Build time 22.211 sec｜Game capacity 2.399KB｜

Sure! Here's an example of a simple makeup game written in a single HTML file using JavaScript. This game allows you to apply virtual makeup using pictograms.

Makeup Game

In this game, the makeup items are defined as an array of objects, each containing a name and a corresponding pictogram emoji. The `createMakeupItems` function dynamically creates HTML elements for each makeup item and adds event listeners to apply the makeup when clicked. When you run this HTML file on a browser (including smartphones), you'll see a list of makeup items represented by pictograms. By tapping on any of the items, the `applyMakeup` function is called, which in this case, simply logs the name and emoji of the applied makeup to the console. You can modify the `applyMakeup` function to perform any desired action, such as updating a virtual face with the applied makeup. Please note that this is just a simplified example; you can extend and enhance the game according to your requirements and add more features as needed.

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple makeup game written in a single HTML file using JavaScript. This game allows you to apply virtual makeup using pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Makeup Game</title>
    <style>
        .container {
            display: flex;
            flex-wrap: wrap;
        }
        .item {
            width: 100px;
            height: 100px;
            margin: 10px;
            text-align: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Makeup Game</h1>
    
    <div id="canvas" class="container"></div>
    
    <script>
        const canvas = document.getElementById('canvas');
        
        const makeupItems = [
            { name: 'Lipstick', emoji: '💄' },
            { name: 'Eyeshadow', emoji: '👁️' },
            { name: 'Blush', emoji: '🌸' },
            { name: 'Mascara', emoji: '👀' },
            { name: 'Foundation', emoji: '🧴' }
        ];

function applyMakeup(item) {
            console.log(`Applied ${item.name} ${item.emoji}`);
        }
        
        function createMakeupItems() {
            makeupItems.forEach(item => {
                const makeupItem = document.createElement('div');
                makeupItem.classList.add('item');
                makeupItem.innerHTML = item.emoji;
                makeupItem.addEventListener('click', () => applyMakeup(item));
                canvas.appendChild(makeupItem);
            });
        }

createMakeupItems();
    </script>
</body>
</html>
```

In this game, the makeup items are defined as an array of objects, each containing a name and a corresponding pictogram emoji. The `createMakeupItems` function dynamically creates HTML elements for each makeup item and adds event listeners to apply the makeup when clicked.

When you run this HTML file on a browser (including smartphones), you'll see a list of makeup items represented by pictograms. By tapping on any of the items, the `applyMakeup` function is called, which in this case, simply logs the name and emoji of the applied makeup to the console. You can modify the `applyMakeup` function to perform any desired action, such as updating a virtual face with the applied makeup.

Please note that this is just a simplified example; you can extend and enhance the game according to your requirements and add more features as needed.