Building A Fun AR Filter In An Hour

Matt Alcock
4 min readApr 20, 2018

This post outlines how you can create an advanced face lens/filter using Facebooks new AR Studio in less than an hour.

Previously face recognition and Augmented Reality (AR) apps would take developers months if not longer to build. Now with the advancement of tools by Facebook (AR Studio) and Snapchat (Lens Studio) building these fun face filters is super easy and most importantly very accessible to creatives and marketing teams looking to take advantage of this new technology.

Getting Started

First of all, you need to download the AR Studio from Facebook from here. It is currently only available to Mac users. Facebook opened up the AR Studio to all developers and creatives in December 2017.

Face Mesh Tutorial

The AR Studio team have made some fantastic tutorials and I have adapted the sharpie mustache tutorial to show you how easy the complete experience is. If your keen to build more advanced experiences I really recommend reading all the documentation facebook has put together here.

https://developers.facebook.com/docs/ar-studio/tutorials/quick-start-guide

Building Your Own Texture

Once you are all installed, setup and have watched the short getting started tutorial you need to build your own texture. I’m a massive Golden State Warriors fan and therefore decided to make a face-paint filter. I can extend this further with more…

--

--

Matt Alcock

Founder, Creative & Maker. Build hyper-engaging microsites with tapkit.com