我正在尝试修改这个例子 https://github.com/timoxley/threejs/blob/master/examples/webgl_morphtargets_md2_control.html来自 Three.js 通过鼠标点击来控制角色。首先,当我单击画布时,我需要鼠标坐标并使用 THREE.Raycaster.intersectObjects 将其转换为 3D 空间坐标。在修改后的代码中,在鼠标左键上,我有以下内容:
var vector = new THREE.Vector3((event.clientX / window.innerWidth) * 2 - 1, -(event.clientY / window.innerHeight) * 2 + 1, 0.5);
var projector = new THREE.Projector();
projector.unprojectVector(vector, camera);
var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize());
var intersects = raycaster.intersectObjects(objects);
if (intersects.length > 0) {
console.log('intersect: ' + intersects[0].point.x.toFixed(2) + ', ' + intersects[0].point.y.toFixed(2) + ', ' + intersects[0].point.z.toFixed(2) + ')');
}
else {
console.log('no intersect');
}
我已将地面网格添加到objects
数组,但是raycaster.intersectObjects
当我单击地面网格时仍然返回空数组。我也尝试过传入scene.children
代替objects
,但没有运气。
这里是完整修改源 https://gist.github.com/anonymous/5225890.
显然,陀螺仪是问题所在。取出这些线,我就可以进行相交了。不确定这是否是错误或功能。
var gyro = new THREE.Gyroscope();
gyro.add( camera );
characters[ Math.floor( nSkins/2 ) ].root.add( gyro );
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)