AR Shirt Try-on

• 

  Menu page

• 

  Sample tank top AR layover

Inspiration

I started shopping online a lot due to covid-19, and I realized that since I am not able to try them on before purchasing, most of the clothing I get are not what I expected. This caused me to donate a lot of these items, and I wanted to solve this issue. I wanted customers to know what they are getting, so they can be mindful of their emission by only getting what they need. I realized the potential of AR when I was shopping for glasses. The major retailer Clearly.ca allowed shoppers to try on its glass frame on their cameras using AR. Then, I thought how this technology could benefit e-commerce by letting user's interact with their environment as if its the real world.

What it does

Allows users to try out shirts in an augmented environment. This will help user's decide if the apparel is right for them and visualize wearing this apparel more easily.

How I built it

We used ARKit to create the AR environment and utilize the IOS Hardware Sensors. Next we create 3D models of the human body & attach it to the sample joint frame. Then we used Blender to generate the 3d-models of shirts rendered on top of sample body frames. Finally, with everything ready, we combined everything together in Unity.

Challenges I ran into

My team had no experience in creating AR projects or 3D modelling. We had trouble rendering the clothing correctly onto the user. We also experience trouble when working with 3D coordinates and dimension. We spent a lot of our time learning the technological stack and using new tools to make our envision come alive. Looking back, our team felt that our project's scope is really vast and that we not only learn coding skills, but also the art of computer media.

Accomplishments that I'm proud of

We feel really proud on challenging ourselves to work on an idea without being afraid to put ourselves out there and learn. Both of us have not worked with coding for an ios device and making AR software, but since we were really passionate about the problem, and despite a lot of challenges, we were able to pull through.

What I learned

We learned about 3D modelling using Blender including how to attach a Mesh (Skin) into a joint/bone structure. We learned how AR works, by detecting distance of object through infrared sensors and camera. We learned how to use Unity to create a 3D world and move & align 3D objects by changing its location & quaternions.

What's next for AR Shirt Try-on

We foresee this AR software to be an add-on for a shopping website, so we envision a more variety of clothes. We also want to look into storing these clothing 3d images on the cloud. We also want to further improve the AR experience by allowing customization of different sizes, different colors, or different items of clothes.

Built With

• arfoundation
• arkit
• blender
• c#
• unity