I am facing a challenge with my code where I need to explode a mesh loaded from the THREE.JSONLoader in order to gather all component faces into one list. However, every time I attempt to utilize the explode modifier, an error is thrown.
The ERROR message states: "THREE.ExplodeModifier is not a constructor"
Being new to JS, I have been trying to understand what exactly this error signifies but I'm still unsure of how I might be misusing THREE.ExplodeModifier.
I referenced the code snippet from this example.
//loading site
var siteLoader = new THREE.JSONLoader();
var siteMesh = null;
siteLoader.load(
'https://api.myjson.com/bins/zduan',
function ( geometry, materials ) {
var material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true, transparent: true } );
siteMesh = new THREE.Mesh(geometry,material);
scene.add(siteMesh);
renderer.render(scene,camera);
}
);
//exploding site
function explodeSite(){
if(siteMesh !== null){
var explodeModifier = new THREE.ExplodeModifier();
explodeModifier.modify(siteMesh);
var numFaces = siteMesh.faces.length;
}
}