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

No:28304

113

←

Prev Next

→

Adley's Hair and makeup Salon: style new do!!
Developer User13970｜Date and time 23/12/11 22:35:10
Build time 23.083 sec｜Game capacity 2.526KB｜

Script

Sure, here's an example of a simple game where players can style Adley's hair and makeup using JavaScript and pictograms. Save the code below in a single HTML file and open it in a web browser (preferably on a smartphone) to play the game:

Adley's Hair and Makeup Salon: Style New Do!!

In this game, you'll see two buttons labeled with pictograms: a hairbrush and a makeup brush (represented by emojis). By clicking the hair or makeup button, you can cycle through different styles for Adley's hair and makeup. The current selection will be displayed as a pictogram in the canvas area. Have fun styling Adley's new look!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Adley's Hair and Makeup Salon</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Adley's Hair and Makeup Salon: Style New Do!!</h1>
    <canvas id="gameCanvas" width="300" height="300"></canvas>
    <br>
    <button id="hairButton">👱</button>
    <button id="makeupButton">💄</button>

// Game state
        let currentHairStyle = hairStyles[0];
        let currentMakeupStyle = makeupStyles[0];

// Draw initial image on canvas
        function drawImage() {
            const canvas = document.getElementById("gameCanvas");
            const ctx = canvas.getContext("2d");
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "100px Arial";
            ctx.fillText(currentHairStyle + currentMakeupStyle, 100, 180);
        }

// Event listeners for hair and makeup buttons
        document.getElementById("hairButton").addEventListener("click", function() {
            const currentIndex = hairStyles.indexOf(currentHairStyle);
            const nextIndex = (currentIndex + 1) % hairStyles.length;
            currentHairStyle = hairStyles[nextIndex];
            drawImage();
        });

document.getElementById("makeupButton").addEventListener("click", function() {
            const currentIndex = makeupStyles.indexOf(currentMakeupStyle);
            const nextIndex = (currentIndex + 1) % makeupStyles.length;
            currentMakeupStyle = makeupStyles[nextIndex];
            drawImage();
        });

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