DESCRIPTION
This is an outfit generator H5 mini game. It allows the user to upload their own images of their clothing and the website generates an outfit based on the kind of weather they picked (hot or cold). Users are able to upload, choose the weather they’re experiencing, and view their items in the items section. This data is fed to the generator where the user can click the generate button and view the outfit picked out for them.
LINK:
YEAR
2024
SOFTWARE
Visual Studio Code
GitHUb
Adobe Illustrator
Adobe Photoshop
Subject
It’s usefulness comes with helping people visualize day to day clothing and outfit pairings before going out.
It allows the user to upload and generate outfits based on the weather conditions (hot or cold).
JS technologies, libraries, and APIs used
Conditionals for menu selectors, for loops for categorizing items, and the outfit generation used a random index function to parse the categorized data. A weather api was incorporated to help user decision in outfit generation.
Game rule
1. Uploading Items
Players start by uploading images of their clothing, such as hats, shirts, pants, and shoes. These items are organized by category, making it easier for players to mix and match outfits. Each item can be tagged according to its suitability for different weather conditions, allowing the game to organize outfits based on varying climates like hot or cold weather.
2. Saving to Inventory
Once uploaded, the clothing items are saved to the player's wardrobe inventory. This acts as a virtual closet where players can view.
3. Generating Outfits
Players can select the weather conditions (hot or cold) using the game interface. The system will then randomly generate an outfit suitable for the chosen weather from the uploaded items, helping players quickly find a matching outfit without going through each item manually.
4. Refreshing Outfits
If players want more outfit options, they can manually choose each item from their inventory to create a new outfit. The game still displays the current weather conditions to guide players in selecting appropriate clothing, or they can simply click "Generate Outfit" to create a new weather-based combination.
Prototype
