Avatar Green Eyes

The virtual world and the real world can be integrated through Augmented Reality.

Comment

Inspiration

Inspired by the Avatar movie and Alice in Wonderland, I decided to make a filter that could have a bit of both element for users to try.

What it does

The filter works with the front and back cameras of phones. The user can move his head and the filter will follow his movements.

How we built it

  1. Find inspirational images based on the Avatar movie and Alice in Wonderland
  2. Reduce the number of triangles that make up the figure. For this use Blender. Inside blender, I use an Add-ons that is for Spark AR which allows me to visualize the size of the 3D image, number of vertices, number of triangles, and other things
  3. I had to remove certain vertices from the 3D objects by using blender in edit mode
  4. Find the right texture for the eyes and the mascara
  5. Export the 3D models in .glb format
  6. Import the 3D eye and mask models into Lens Studios
  7. Create a PBR-type mask to incorporate the texture that I will later be used in the 3D model that I have imported into Lens Studios
  8. In the Objects section, add a component of type Face Mesh.
  9. Then create a new material of type Occluder so that the Face Mesh material is of type transparent
  10. Add the 3D models from the Resource section to the Face Mesh. Taking care to put them in a hierarchy to establish a display order.
  11. When all the elements are in their final position, I decided to do the tests in the simulator inside Lens Studios and later on my cell phone.

Challenges we ran into

Image Compression Size of 3D models. Since the coordinates of the models in Blender are not the same when imported into Lens Studios Reduce the size of triangles and vertices in 3D models Quality of the resolution of the texture of the 3D models

Accomplishments that we're proud of

Successful publication of the filter on the Lens Studios platform and making it available for many users to use. In fact, as the filter is already publicly available, there are certain statistics that can be seen on the dashboard.

What we learned

New work experience with Lens Studios. I like the user interface for developers that the software has. There is good documentation that guides you from starting with basic to advanced effects. Integrate 3D elements within the Lens Studios workspace Post the effect on the Snapchat platform Test new capabilities available to create augmented reality filters and effects.

What's next for Avatar Green Eyes

Particle Movements Add "Bones" to the 3D mask in such a way that when the user opens his mouth, it can interact so that the effect is perceived in a more real way Add a blink motion to the eyes Maybe incorporate a hat or something that serves as decoration Music that can change rhythm with the screen-tap option

Built With

Share this project:

Updates