MLH Instagram Filter

Inspiration

We were inspired by the applications of Augmented Reality. When I came across SparkAR, I fell in love with its capabilities. I always wanted to make a fun IG filter. Whats a better place than Hacklarious?

What it does

This filter tracks the user's face and places a 3d sticker on top of the user's head. It moves with the head. The 3d object rotates to show the two sides of the coin. The front side of the coin has the MLH season sticker and the rear side has the MLH mascot. The user can change the mascots from the options provided.

Challenges I ran into

SparkAR documentation is not so great. And some of the documentation is outdated. So I had to look out for a lot of resources in order to build this.

Accomplishments that I'm proud of.

I made my first IG filter. And this is my first ever Virtual Hackathon!

What I learned

I learned to use the NativeUI Picker with the Patches in the SparkAR. I also learn how to use textures in Blender.

What's next for MLH Instagram Filter

I'm gonna work with my teammate to make it even better and publish it to Instagram (provided MLH allows us to do so).

Built With

• blender
• figma
• javascript
• sparkar