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

No:37047

make a dress up game where you can dress up animal..ALL
Developer User16971｜Date and time 24/1/20 1:17:44
Build time 12.502 sec｜Game capacity 2.39KB｜

Script

Sure! Here's an example of a dress-up game where you can dress up animals using pictograms. Please note that due to the limitations of text-based conversation, I am unable to provide you with an actual HTML file, but you can use the code below and save it as an HTML file on your local machine to run it.

Dress Up Animals

Outfit Options

Current Outfit

To use this code, you'll need to have pictogram images for dog dress, cat shirt, bunny pants, dog shoes, cat shoes, and bunny shoes. You can replace the image source paths in the HTML code with your respective images. When you run the HTML file, you'll be able to select different outfit options by clicking on the pictograms displayed. The selected outfit will be applied to the animal image, and the current outfit will be shown below it. I hope this helps! Let me know if you have any further questions.

←

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 Animals</title>
  <style>
    body { text-align: center; }
    h1 { font-family: Arial, sans-serif; }
    #animal { width: 150px; height: 150px; margin: 20px auto; }
    #options { padding: 10px; }
    #options img { height: 100px; margin: 5px; cursor: pointer; }
    #current-outfit { margin-top: 20px; }
    #current-outfit img { height: 40px; margin: 5px; }
  </style>
</head>
<body>
  <h1>Dress Up Animals</h1>
  <div id="animal"></div>
  <div id="options">
    <h2>Outfit Options</h2>
    <img src="dog-dress.png" alt="Dog Dress" onclick="changeOutfit('dog-dress.png')">
    <img src="cat-shirt.png" alt="Cat Shirt" onclick="changeOutfit('cat-shirt.png')">
    <img src="bunny-pants.png" alt="Bunny Pants" onclick="changeOutfit('bunny-pants.png')">
    <img src="dog-shoes.png" alt="Dog Shoes" onclick="changeOutfit('dog-shoes.png')">
    <img src="cat-shoes.png" alt="Cat Shoes" onclick="changeOutfit('cat-shoes.png')">
    <img src="bunny-shoes.png" alt="Bunny Shoes" onclick="changeOutfit('bunny-shoes.png')">
  </div>
  <div id="current-outfit">
    <h2>Current Outfit</h2>
  </div>

function changeOutfit(outfit) {
      currentOutfit = outfit;
      document.getElementById('animal').innerHTML = '<img src="' + currentOutfit + '">';
      updateCurrentOutfit();
    }

function updateCurrentOutfit() {
      document.getElementById('current-outfit').innerHTML = '<h2>Current Outfit</h2><img src="' + currentOutfit + '">';
    }
  </script>
</body>
</html>
```

When you run the HTML file, you'll be able to select different outfit options by clicking on the pictograms displayed. The selected outfit will be applied to the animal image, and the current outfit will be shown below it.

I hope this helps! Let me know if you have any further questions.