現(xiàn)在根據(jù)鼠標(biāo)點(diǎn)擊的屏幕位置能夠得到屏幕的坐標(biāo)event.clientX和event.clientY，然后我的annotation就初始化在這個(gè)屏幕坐標(biāo)的位置，那么如何綁定annotation和三維物體，使得物體旋轉(zhuǎn)的時(shí)候可以讓annotation跟隨物體一起旋轉(zhuǎn)呢？
問題一：我知道的一種方法如下：

/* 修改注解屏幕位置函數(shù)體 實(shí)時(shí)更新，實(shí)際是三維坐標(biāo)向屏幕坐標(biāo)的映射*/
function updateScreenPosition() {
    var canvas = renderer.domElement;

    var vector = new THREE.Vector3(50, 0, 250); // 控制annotation的位置
    vector.project(camera);
    vector.x = Math.round((0.5 + vector.x / 2) * (canvas.width / window.devicePixelRatio)); // 控制annotation跟隨物體一起旋轉(zhuǎn)
    vector.y = Math.round((0.5 - vector.y / 2) * (canvas.height / window.devicePixelRatio));

    annotation.style.top = vector.y + "px";
    annotation.style.left = vector.x + "px";
    annotation.style.opacity = spriteBehindObject ? 0.25 : 1;
}

上面的方法可以控制annotation和物體一起旋轉(zhuǎn)，但是annotation的位置確實(shí)預(yù)先設(shè)定的：

var vector = new THREE.Vector3(50, 0, 250); // 控制annotation的位置

對(duì)于上面這行代碼，Vector3是個(gè)什么坐標(biāo)系下的向量呢？當(dāng)我在修改Vector3中的三個(gè)坐標(biāo)的時(shí)候，發(fā)現(xiàn)它并不是控制annotation的位置的向量，比如我把鼠標(biāo)點(diǎn)擊位置的參數(shù)傳遞過來，然后觸發(fā)鼠標(biāo)點(diǎn)擊事件，然后發(fā)現(xiàn)鼠標(biāo)點(diǎn)擊的位置并不是annotation的位置。如何把它和鼠標(biāo)點(diǎn)擊的屏幕坐標(biāo)掛鉤呢？

問題二：如果不預(yù)先設(shè)定好這個(gè)Vector3 而是使用鼠標(biāo)，而是直接傳遞event.clientX和event.clientY

function updateAnnosPosition(){
    var canvas = renderer.domElement;
    var vector = new THREE.Vector3(clientX,clientY,-1);
    vector.project(camera);
    //這個(gè)位置的寫法有問題

    annos.style.left = clientX + "px";
    annos.style.top = clientY + "px";

    annos.style.opacity = spriteBehindObject ? 0.25 : 1;
}

這樣是可以在鼠標(biāo)點(diǎn)擊位置觸發(fā)annotation的，但是annotation卻不跟隨物體旋轉(zhuǎn)。
網(wǎng)上查了一下，大概是要進(jìn)行屏幕坐標(biāo)與三維坐標(biāo)之間的轉(zhuǎn)換：

_mouse.x = ( event.clientX / _domElement.width ) * 2 - 1;
_mouse.y = - ( event.clientY / _domElement.height ) * 2 + 1;

但是還是不行，求教該如何處理。