three.js 鼠標點擊獲取物體的信息

需要引用文件 renderers/Projector.js
在raycaster.intersectObjects()中寫要監(jiān)聽的物體
調(diào)用 document.addEventListener('mousedown', getClickMap, false);

var projector=new  THREE.Projector();
var i=1;

function getClickMap(){

var    vector=new THREE.Vector3((event.clientX/window.innerWidth)*2-1,-(event.clientY/window.innerHeight)*2+1,0.5);

vector=vector.unproject(camera);

var raycaster=new THREE.Raycaster(camera.position,vector.sub(camera.position).normalize());

var  intersects=raycaster.intersectObjects([cube]);

if(intersects.length>0){

console.log(intersects[0]);

intersects[0].object.material.transparent=true;

intersects[0].object.material.opacity=1*i;

intersects[0].object.material.color=new THREE.Color(0xededed);

intersects[0].object.scale.x=2*i;



}

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • js簡介 Js是一種基于事件和對象驅(qū)動的解釋性、松散性的語言。 一切皆對象 javascript 布蘭登艾奇 ...
    塔庫納瑪哈哈閱讀 1,233評論 0 2
  • 聲明:本文來源于http://www.webzsky.com/?p=731我只是在這里作為自己的學習筆記整理一下(...
    angryyan閱讀 7,113評論 1 6
  • 遇到一個問題,跟蹤了半天才發(fā)現(xiàn)原因。(現(xiàn)象是,客戶老是說在下載的過程中,過一會就出現(xiàn)崩潰的現(xiàn)象, 只要點了下載按鈕...
    noyya閱讀 515評論 0 0
  • 作者:朱寶鈺 懷著感恩的心投入他的懷抱,才發(fā)現(xiàn)那份愛未曾逝去…… 六月的雨季扯下記憶的帷幕,...
    誰來伴我闖蕩閱讀 436評論 0 0
  • 我真的不是那種適合交朋友的人 很累 很自私 也很煩
    木一愛吃土豆閱讀 175評論 0 0