Can It Match

• 

  Can It Match?

Inspiration

I was inspired by the viral "Bottle Matching" trend on social media where players race to arrange bottles. Physical setup is expensive and messy, so I wanted to democratize the experience. I turned it into an instant, zero-waste AR game that anyone can play anywhere using just their phone without purchasing props.

What it does

Can It Match" is a gamified AR logic puzzle where users rearrange a randomized row of cans to find the hidden order. Players tap and swap cans to solve the puzzle within a time limit. The game provides real-time feedback on correct positions, challenging the user to use logic to crack the code quickly.

How we built it

I built this project using Lens Studio for AR tracking and game state management. I ai-generated these custom Cans for high-fidelity mobile performance. I wrote a custom script to generate a random master array and handle permutation logic, comparing the user's input against the master for real-time feedback.

Challenges we ran into

My biggest hurdle was an animation desync where rapid user input caused the visual movement to drift from the backend data array. This caused correct solutions to register as incorrect. I solved this by implementing an isSwapping boolean state that locks input until animations complete, ensuring the visual and data states remain perfectly synchronized.

Accomplishments that we're proud of

I am proud of translating a physical trend into a polished digital game loop with clear start and win states. I achieved seamless animations and a vibrant visual style so the 2D cans feel grounded in the real world environment.

What we learned

I learned that immediate visual cues are critical in AR to prevent user confusion during interaction. I also deepened my understanding of managing complex game states like Idle, Playing, and Win within an AR context.

Lens ID - b9649955-6947-4cec-9479-0870c5484d1c Lens Link - https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=0839e8e87ce240dfb70bcfeddd48fed3&metadata=01

Built With

• javascript