Sign in with
By continuing you indicate that you have read and agree to our Terms of service and Privacy policy
Build Face Filter for Insta & Snapchat
by kandikits
AR Face Filter is very popular in recent years, especially with the rise of social media apps, such as Instagram and Snapchat. The use of AR Face Filters can be used to create an augmented reality experience by overlaying virtual objects on top of real images and videos. The technology is similar to the one used by Facebook camera effects OR Snapchat selfie lens to add filters to their photos and videos but has its own unique style and capabilities.
kandi kit provides you with a fully deployable Face Filter for Insta & Snapchat. Source code included so that you can customize it for your requirement.
Training and Certification - How to build Face Filter for Insta & Snapchat
Watch this self-guided tutorial on selecting Development Environment (IDE) to develop code and debug issues while running application; 3D Model to tag face filter, and basics of Three.js technology / library to build your own Face Filter for Insta & Snapchat.
Completed the training? Apply for your Participation Certificate and Achievement Certificate now!
Tag us on social media with a screenshot or video of your working application for a chance to be featured as an Open Source Champion and get a verified badge.
Kit Deployment Instructions
Follow the below instructions to deploy and run the solution.
1. Download, extract and double-click kit installer file to install the kit.
2. After successful installation of the kit, press 'Y' to run the kit.
3. To run the kit manually, press 'N' and locate the zip file 'jeelizFaceFilter-master'.
4. Open folder in Visual Studio Code.
5. Run the command npm install and npm run dev.
6. Once server starts, navigate to the respective localhost port.
7. Now, you will experience Augmented Reality in your own Environment!
Development Environment
Visual studio code IDE is used for this development. It becomes easy and simple to develop an interactive UI with Visual studio code.
AR Libraries
Three.js is the open-source web framework used to develop augmented reality (AR) projects.
Web-based augmented reality (WebAR) is the most advanced technology that allows users to access AR experiences directly from their smartphones.
Kit Solution Source
The jeelizFaceFilter library added in this section is primarily used to create Face Filter using threejs project. The entire solution is available as a package to download from the source code repository.
Troubleshooting
1. While running batch file, if you encounter Windows protection alert, select More info --> Run anyway
2. During kit installer, if you encounter a Windows security alert, click Allow
Support
If you need help to use this kit, you can email us at kandi.support@openweaver.com or direct message us on Twitter Message @OpenWeaverInc.