Introduction

This app is AR app to help user close clothes. People can import their own 3D models and perform clothes changing operations. The goal of this app is to help people shop online and check if they fit online clothes.

Description of the application

The app uses AR technology to make it easy for users to try on and buy clothes. The app can recognize images using image recognition technology to display male and female models on the user's device. Users can use these models to try on various clothes and find the best clothes for them based on the visual effects of the dressed model. The app can also switch clothes if users want to compare different ones. With a button, users can quickly switch back and forth between trying on clothes. In addition, users can not only try on costumes, but also get detailed information about each garment by clicking a button. This includes materials, dimensions, prices, and purchase links to help users make choices.

The app is currently just a prototype, and in future plans, it will be given more features to provide a more exciting user experience. For example, the introduction of a user-defined model allows the model to not only modify parameters to approximate the user's own body, but also to directly restore the user one-on-one.

Interface Solution

AR technology can superimpose virtual clothing styles on a model similar to the user's body in real time, making the fitting experience more realistic. It provides users with a more intuitive try on effect. Users can easily experience different clothing styles from anywhere, without worrying about the right size or style. At the same time, the app allows users to try different clothes at any time according to their preferences. This personalized experience helps users more easily match according to their own tastes, providing interactivity that allows users to explore different fashion combinations more deeply. In addition, the traditional fitting process can be uncomfortable for some people, such as the need to undress in a changing room, wait, or try on clothes in a crowded store. AR technology helps users avoid these discomforts by allowing them to try things on in the app, providing a more comfortable shopping experience. And the AR platform provides real-time feedback, and users can see the fitting effect immediately, without consuming time. This speeds up the shopping decision process and helps users make purchasing decisions faster.

In particular, the app not only lets users try on outfits, but also displays detailed information about each item. Users can easily view materials, dimensions, prices, and purchase links, information that is often not immediately available during the traditional fitting process. This interactive presentation of information can give users a more complete picture of the clothing they are interested in.

Compared to VR, AR is more suitable for use in this application. AR is more about convenience. Users can use the app anywhere with any portable device, no special equipment or virtual reality headset required. This convenience is more practical for users, as they can try it on anytime, anywhere, without having to travel to a specific virtual reality environment. In addition, VR devices are generally expensive, which is a barrier that prevents many people from using the app. And devices that can use AR software are owned by almost everyone.

In summary, AR technology has huge advantages in many aspects such as practicality, applicability and cost effectiveness. So the app ended up using AR technology.

Interaction Design

• Change Cloth button
• Details button

The main function of this button is that when the user clicks on the left and right buttons, the user will switch between the styles of the top, bottom, and shoes. By adjusting different styles, the user can view the overall combination, style, and so on. My idea for implementing this button is that when the button is clicked, Onclick () will run a script to add the corresponding clothing to the Load Default Recipes in the inspector in the model, while deleting the current and added clothing. This script is still in development and has not yet been implemented, but the operation diagram is similar to the case diagram in the introduction.

The detailed button will display information such as the price, brand, and material of the clothing. When the user clicks on the details button, details such as the top and bottom will be displayed in a text box. In the group discussion, the group wanted to use the onclick () function in the button to display the information that needs to be displayed through active mode. However, in the actual operation process, it was found that the specific information of the clothing cannot be displayed by identifying the clothing after clicking. So the group wants to use a script to recognize the title of the clothing and output the corresponding text after clicking the button, but the script for the button is still under development.

Storyboard

Mary is a female college student. Due to her accommodation being far from the city center and attending many parties during her school years, she often goes online to shop for clothes. However, due to her slender upper body and chubby lower body, she often struggles when choosing clothes due to online purchases of clothes that are not suitable for her or the lack of corresponding matching bottoms. When she finds this app and imports her data into a 3D model, she can choose clothes that suit her. When she likes a certain piece of clothing but doesn't know how to match her bottom, she can use button1 to adjust her bottom to match her top. After selecting her own outfit, she can check the details to discover the price, brand, etc. of these clothes and make a purchase.

Technical Development

Vuforia interface is used as the main AR application for the app, while ARcamera and image targets in the database are used as the main recognition program for displaying 3D models. At the same time, the UMA 2- Unity Multipurpose Avatar engine in character creation was used, which is mainly used for character generation and can adjust various information of characters (including skin color, body shape, and other factors).

Developing button scripts: 

script1: This script will achieve the function of changing the style of character clothing by clicking the button.

Script2: This script will recognize the label of the clothing after clicking the button, thereby displaying the TEXT function of the clothing.

Descriptions of 3D Models

In the current prototype of this application, it uses a model system based on the functionality of the UMA generator. This basic technology provides users with a range of customization options, adding realism to the user and providing personalized options.

First, the UMA generator allows users to generate male or female models, providing the basic structure for further customization. Once the initial model is generated, users can fine-tune the details, making changes to the model based on their own body data. These customizable parameters include skin color, height, shoulder width, limb length, and even hairstyle and facial attributes. This level of detail enables each user to create a model very similar to their own.

After the user's personalized model is created, the application can change the upper and lower parts of the model separately. This feature is a key component of the app's functionality, as it allows users to explore a myriad of clothing styles and combinations. Clothing items react dynamically to the parameters of the model, ensuring that each piece of clothing looks real on the user.

Conclusion

In conclusion, this app uses augmented reality technology, which provides users with a more convenient and personalized try on experience, and provides users with a new way of shopping. By producing a model similar to the user to simulate the effect of the user actually wearing clothes, it saves time and is very convenient for users.

Reference

1.3D model from user: Unity Multipurpose Avatar

https://assetstore.unity.com/packages/3d/characters/uma-2-unity-multipurpose-ava...

2.2D model of the button: UI button pack 2 - 1200 button

https://assetstore.unity.com/packages/2d/gui/icons/ui-button-pack-2-1200-button-...