Who Wore It Best?

Guess this character
Who is this?
Vote

Inspiration

We wanted to make a colocated AR game for the Snap Spectacles, so we were trying to think of games that aren't easily possible in everyday life. Then a few days before the hackathon started, one of our team members was playing some Roblox and came across Dress to Impress. That game got us thinking about how difficult (and pricey) it is to play games that require multiple outfits, so the game idea "Who wore it best?" was born!

What it does

Our game uses the fantastic and intuitive colocation components present on the Snap Spectacles to sync up a play area for enthusiastic players. Once synced up, each player is given a character they are going to be creating an outfit to match and must ready up to start the round! Once the round begins, each player scrambles through all of the outfit choices in less than 30 seconds and puts together their perfect combination of items that represents their character. Once the creation/selection round ends, voting begins, and one by one, the other players get 15-30 seconds to see you wear your creation and give it a vote of 1-5 stars on how well you portrayed your character! After voting, a results panel will pop up and show how the competition stacked up!

How we built it

We built our core game in Lens Studio, starting with the Spectacles Sync Kit, and then building in the flow and gameplay we envisioned! For our models, we found various free models on an array of websites like Sketchfab, CGTrader, etc. and then tweaked and prepared them within Blender before exporting to .gltf and dropping them into Lens Studio.

For our custom mobile voter and spectator view, we built it in Unity and connected it via websockets to our Lens Studio project. To allow the mobile viewers to see everything properly we had to translate all of the positions so they are also colocated within the scene.

Challenges we ran into

We ran into various challenges along the way, but the largest ones were related to setting up colocating our mobile viewer and voter, and accurately and consistently syncing the transforms for each individual's outfit while transitioning through various menu steps and game statuses. We also attempted to add upper and lower body garments that mesh to the body, but struggled to get the body tracking set up reliably enough to put in the current game.

Accomplishments that we're proud of

We are proud of our mobile view because it gives more people an opportunity to interact and "play" the game even if they don't have a pair of spectacles! We are also proud of everything we learned along the way about the sync kit components and websocket capabilities within a Spectacles app.

What we learned

As a team we entered this hackathon with very little experience working with the sync kit and websockets within Lens Studio for the Spectacles, so we had to learn 0-1 how to implement our features utilizing those. Along with that, two of our members hadn't made a Spectacles app or project before, so they learned the important steps in between seeing up an app for Spectacles and how to translate their ideas onto the Spectacles platform.

What's next for Who Wore It Best?

We are going to massively expand the clothing selection by adding shirts, pants, and other garments that require body tracking to mesh consistently with the user and maintain the level of quality we are striving for across our app.