I've been working on a website that incorporates 3D graphics using THREE.js in JavaScript. However, I'm encountering an issue when trying to import a scene where all the objects are facing towards the inside of the planet. You can view the problem scene here.
Below is the code snippet I have been using to import the scene:
//ADDING GEOMETRY
var objects = [];
var loader = new THREE.ObjectLoader();
loader.load('models/planeta-NoMerge.json', function( obj ){
scene.add( obj );
scene.traverse(function( children ){
objects.push(children);
});
});
I am currently implementing raycasting as I need to display a different scene when the user clicks on a model.
If you require any additional information or assistance, please don't hesitate to let me know! :)