three.js 怎么点击加载完成的gltf模型
加载gltf文件的代码如下:
function loadGLTF(path, fileName) {
var loader = new THREE.GLTFLoader();
loader.load(`${path}${fileName}.gltf`, function (gltf) {
let object = gltf.scene;
object.scale.set(scale, scale, scale);
scene.add(object);
});
}
这里加载出来的object是一个scene。
点击代码如下:
window.addEventListener("click", objClick);
var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();
function objClick() {
mouse.x = e.clientX / renderer.domElement.clientWidth * 2 - 1;
mouse.y = -(e.clientY / renderer.domElement.clientHeight * 2) + 1;
raycaster.setFromCamera(mouse, camera);
var intersects = raycaster.intersectObjects(scene.children);
if (intersects.length > 0) {
console.log(intersects[0].object);
}
}
点击时,点击不到加载的gltf物体,返回的总是空,或者是其它非加载的物体。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论