AI game creator

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

No:13483

126

←

Prev Next

→

Make-up games
Developer User5907｜Date and time 23/8/28 14:35:09
Build time 15.477 sec｜Game capacity 2.185KB｜

Script

Sure, here's a simple make-up game implemented as a single HTML file with JavaScript:

In this game, there are three make-up icons: lipstick, eyeshadow, and blush. The player can touch the icons on the canvas (assuming smartphone operation), and an alert will pop up indicating which make-up item has been applied. The icons are represented by pictograms (💄, 👁️, 🍅). Note: This is a basic example for demonstration purposes only. You can enhance it by adding more features, graphics, and logic as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple make-up game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Make-Up Game</title>
  <style>
    #canvas {
      border: 1px solid black;
      width: 300px;
      height: 300px;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>
  <script>
    (function() {
      const canvas = document.getElementById("canvas");
      const context = canvas.getContext("2d");
      const lipstickIcon = "💄";
      const eyeshadowIcon = "👁️";
      const blushIcon = "🍅";

function drawIcon(icon, x, y) {
        context.font = "48px serif";
        context.fillText(icon, x, y);
      }

function handleTouch(event) {
        const touchX = event.touches[0].clientX - canvas.offsetLeft;
        const touchY = event.touches[0].clientY - canvas.offsetTop;

// Check if touch is on the lipstick icon
        if (touchX > 100 && touchX < 150 && touchY > 100 && touchY < 150) {
          alert("Lipstick applied!");
        }

// Check if touch is on the eyeshadow icon
        if (touchX > 100 && touchX < 150 && touchY > 170 && touchY < 220) {
          alert("Eyeshadow applied!");
        }

// Check if touch is on the blush icon
        if (touchX > 100 && touchX < 150 && touchY > 240 && touchY < 290) {
          alert("Blush applied!");
        }
      }

function drawMakeUpIcons() {
        drawIcon(lipstickIcon, 100, 140);
        drawIcon(eyeshadowIcon, 100, 210);
        drawIcon(blushIcon, 100, 280);
      }

function startGame() {
        canvas.addEventListener("touchstart", handleTouch, false);
        drawMakeUpIcons();
      }

startGame();
    })();
  </script>
</body>
</html>
```

Note: This is a basic example for demonstration purposes only. You can enhance it by adding more features, graphics, and logic as per your requirements.