Hi I added gltf model but after when I click on the model then it didn’t work. Your help would be appreciated
Is there any way to detect the gltf loader with raycast ?.Is there any person who can help me ?
Any chance to put mode detailed description of the problem, providing an editalbe live code example (jsfiddle, codepen, codesandbox etc.)?
let me do…
Thanks for the reply.All things are working but the thing is when I click on model then it shows me specific model mesh instead of all model mesh and one more thing is to show me griphelper as well.I dont know why it’s happening.
Only you know what and how works in your code. Without a live code example, all we can do is fortune-telling. Please, put more effort in asking the question, providing an example, that demonstrates the issue(s).
Ok i will share with you in a while
var scope;
class RaycastOnModel {
constructor()
{
scope=this;
this.ModelLoad_Scope = new ModelLoad();
this.ModelLoad_Scope.initScene();
scope.Raycaster = new Raycaster();
scope.pointer = new THREE.Vector2();
this.init();
}
init()
{
window.addEventListener('pointermove',scope.mouseMove,false);
window.addEventListener('click',scope.pickModel);
}
mouseMove(event)
{
scope.pointer.x = ( event.clientX / window.innerWidth ) * 2 - 1;
scope.pointer.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
}
pickModel()
{
scope.Raycaster.setFromCamera(scope.pointer,scope.ModelLoad_Scope.camera);
let intersects = scope.Raycaster.intersectObjects(scope.ModelLoad_Scope.scene.children,true);
if(intersects.length )
console.log(intersects);
}
};
export {RaycastOnModel} ;
scripts are too many so I cant share on live demo .So I send you the code there of ray casting
as you can see when i click on model then it will show many children’s including grid. I want to just click the model which i get the whole object and apply properties accordingly