由于工作需要，但是對(duì)于three.js又是一竅不通，網(wǎng)上的資料又很少，所以上來就讓我獲取坐標(biāo)，真是一個(gè)頭兩個(gè)大。好歹最后終于實(shí)現(xiàn)了。

既然已經(jīng)是想要獲取鼠標(biāo)點(diǎn)擊的三維坐標(biāo)了，相信你camera對(duì)象和scene都已經(jīng)有了，如果不了解的小伙伴，可以先去看一下這兩個(gè)對(duì)象。這里主要說一下怎么獲取到三維坐標(biāo)，原理性的東西不提。上代碼：

function onDocumentMouseDown( event ) {  event.preventDefault();  var vector = new THREE.Vector3();//三維坐標(biāo)對(duì)象  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];//取第一個(gè)物體    console.log("x坐標(biāo):"+selected.point.x);    console.log("y坐標(biāo):"+selected.point.y);    console.log("z坐標(biāo):"+selected.point.z);  }

我理解的就是鼠標(biāo)點(diǎn)擊的時(shí)候屏幕收到的是二維坐標(biāo)，這個(gè)二維坐標(biāo)和相機(jī)連線，在視角的方向上延伸，形成一條射線，這條射線會(huì)和場(chǎng)景中的物體相交，接收這些相交的所有物體，第一個(gè)物體就是離相機(jī)最近的，最后一個(gè)就是離相機(jī)最遠(yuǎn)的。一般就把第一個(gè)相交的物體作為鼠標(biāo)點(diǎn)擊的物體。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。