Loading materials via the JSON model about jeelizfacefilter HOT 4 CLOSED

This is possible with THREE.JS, but you have to use external loaders.
Loaders for common 3D formats (OBJ, STL, DAE) are not in the THREE.js core. You have to include the specific .js loader scripts.
The easiest way to quickly add a new THREE.JS feature is too start from one of their examples, for example this one for .OBJ/.MTL loading : https://threejs.org/examples/#webgl_loader_obj_mtl .
But JSON based formats (either GLTF or the THREE.JS json format) are still better than other because javascript has a native JSON parser. Personally I prefer to check the 3D models and eventually change them a bit with Blender, then export them with THREE.JS Blender exporter.

If you want to have a smooth workflow I think you should use the GLTF file format (you can take a look at this example : https://threejs.org/examples/#webgl_loader_gltf) . This format is standardized, it can store all kind of 3D assets and it relies on JSON encoding.

from jeelizfacefilter.

Excellent, thanks man!

from jeelizfacefilter.

I have added the demonstration of the lib interfaced with the THREE.JS GLTF demo. It is here : https://jeeliz.com/demos/faceFilter/demos/threejs/gltf_fullScreen/
It also includes the HD video acquisition and fullscreen mode (with window resizing)

from jeelizfacefilter.

from jeelizfacefilter.