Skip to content

Latest commit

 

History

History
 
 

threejs

THREE.js based demos

This README is specific to THREE.js problems. I had many questions more about THREE.js than FaceFilter.

Blender exporter

The original blender files are provided for all demonstration. They are usually in the /demoPath/dev/ path. If there are not provided, please open a new issue on this repository. The first step is to select the mesh in Object mode :

Then here are the options we usualy choose to export the model to a JSON file :

In this case we do not export the geometry normals, so we need to compute them on JavaScript side using ourGeometry.computeVertexNormals(). The UVs option in the GEOMETRY box is selected only if the object is textured using a specific UV mapping.

3D programming is not easy and we strongly encourage you to do some tutorials about THREE.js before making your own face filters using THREE.js. You can start with the interactive tutorials on webglacademy.com. You can start with the 10 first tutorials about vanilla WebGL programming ( WebGL Basis ), then learn THREE.js with the WebGL Academy THREE.js tutorials.