無法理解JavaScript中的以下代碼行

Question

我無法理解代碼中這些行的執行情況。

this.screenVector = new THREE.Vector3（0，0，0）; this.screenVector.copy（this.position）;
this.screenVector.project（camera）; 項目（相機）的含義與其所做的一樣，以及screenVector的含義。

function labelBox(Ncardinal, radius, domElement) 
    { 
    this.screenVector = new THREE.Vector3(0, 0, 0); 
    this.position = convertlatlonToVec3(Ncardinal.lat,Ncardinal.lon).multiplyScalar(radius); 
    this.box = document.createElement('div'); 
    a = document.createElement('a'); 
    a.innerHTML = Ncardinal.name; 
    a.href ='http://www.google.de'; 
    this.box.className = "spritelabel"; 
    this.box.appendChild(a); 

    this.domElement = domElement; 
    this.domElement.appendChild(this.box); 
    } 

labelBox.prototype.update = function() 
{ 
this.screenVector.copy(this.position); 
this.screenVector.project(camera); 

var posx = Math.round((this.screenVector.x + 1)* this.domElement.offsetWidth/2); 
var posy = Math.round((1 - this.screenVector.y)* this.domElement.offsetHeight/2); 

var boundingRect = this.box.getBoundingClientRect(); 

//update the box overlays position 
this.box.style.left = (posx - boundingRect.width) + 'px'; 
this.box.style.top = posy + 'px'; 

this.occludeLabel(this.box, this.marker); 

}; 

Answer 1

Vector3.project(camera)映射從世界空間到規格化設備座標（NDC）空間中的3D點。請參閱http://www.songho.ca/opengl/gl_projectionmatrix.html。

該方法是將3D點從世界座標轉換爲屏幕座標（像素）的一個步驟。見https://stackoverflow.com/a/27412386/1461008。

three.js r.81