由于工作需要，但是對于three.js又是一竅不通，網(wǎng)上的資料又很少，所以上來就讓我獲取坐標，真是一個頭兩個大。好歹最后終于實現(xiàn)了。
既然已經(jīng)是想要獲取鼠標點擊的三維坐標了，相信你camera對象和scene都已經(jīng)有了，如果不了解的小伙伴，可以先去看一下這兩個對象。這里主要說一下怎么獲取到三維坐標，原理性的東西不提。上代碼：
function onDocumentMouseDown( event ) { event.preventDefault(); var vector = new THREE.Vector3();//三維坐標對象 vector.set( ( event.clientX / window.innerWidth ) * 2 - 1, - ( event.clientY / window.innerHeight ) * 2 + 1, 0.5 ); vector.unproject( camera ); var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize()); var intersects = raycaster.intersectObjects(scene.children); if (intersects.length > 0) { var selected = intersects[0];//取第一個物體 console.log("x坐標:"+selected.point.x); console.log("y坐標:"+selected.point.y); console.log("z坐標:"+selected.point.z); }我理解的就是鼠標點擊的時候屏幕收到的是二維坐標，這個二維坐標和相機連線，在視角的方向上延伸，形成一條射線，這條射線會和場景中的物體相交，接收這些相交的所有物體，第一個物體就是離相機最近的，最后一個就是離相機最遠的。一般就把第一個相交的物體作為鼠標點擊的物體。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
