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

No:38246

Sailor girl makeup dress up game
Developer User17301｜Date and time 24/1/23 19:12:13
Build time 17.124 sec｜Game capacity 3.692KB｜

Script

Игра "Создание образа морской девушки"

Выберите макияж:

Выберите наряд:

Ваш окончательный образ:

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Sailor Girl Makeup Dress Up Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #EDEEF0;
    }

#container {
      text-align: center;
    }

h1 {
      color: #355C7D;
      margin-top: 30px;
    }
    
    #sailorGirlImage {
      width: 300px;
      height: 400px;
      margin: 30px auto;
    }

#makeupOptions {
      margin-top: 30px;
    }

#makeupOptions button {
      background-color: #355C7D;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
      margin: 10px;
    }

#dressUpOptions {
      margin-top: 30px;
      display: none;
    }

#dressUpOptions button {
      background-color: #355C7D;
      border: none;
      color: white;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
      margin: 10px;
    }

#finalLook {
      margin-top: 30px;
      display: none;
    }

#finalLook h2 {
      color: #355C7D;
    }

#finalLook img {
      width: 200px;
      height: 300px;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="container">
    <h1>Игра "Создание образа морской девушки"</h1>
    <img src="sailor-girl.png" alt="Sailor Girl" id="sailorGirlImage">
    <div id="makeupOptions">
      <h2>Выберите макияж:</h2>
      <button onclick="applyMakeup('natural')">Натуральный</button>
      <button onclick="applyMakeup('glamorous')">Гламурный</button>
      <button onclick="applyMakeup('bold')">Яркий</button>
    </div>
    <div id="dressUpOptions">
      <h2>Выберите наряд:</h2>
      <button onclick="changeOutfit('casual')">Повседневный</button>
      <button onclick="changeOutfit('elegant')">Элегантный</button>
      <button onclick="changeOutfit('beach')">Пляжный</button>
    </div>
    <div id="finalLook">
      <h2>Ваш окончательный образ:</h2>
      <img src="" alt="Final Look" id="finalLookImage">
    </div>
  </div>