使用Three.js如何獲取鼠標(biāo)點擊的三維坐標(biāo)
本篇文章為大家展示了使用Three.js如何獲取鼠標(biāo)點擊的三維坐標(biāo)，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)石柱土家族免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
function onDocumentMouseDown( event ) {
event.preventDefault();
var vector = new THREE.Vector3();//三維坐標(biāo)對象
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坐標(biāo):"+selected.point.x);
console.log("y坐標(biāo):"+selected.point.y);
console.log("z坐標(biāo):"+selected.point.z);
}上述內(nèi)容就是使用Three.js如何獲取鼠標(biāo)點擊的三維坐標(biāo)，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
標(biāo)題名稱：使用Three.js如何獲取鼠標(biāo)點擊的三維坐標(biāo)
轉(zhuǎn)載注明：http://m.jiaotiyi.com/article/jcpdgp.html