JS : 세계의 점을 화면의 점으로 변환하는 빠른 방법을 찾고 있습니다.

Question

세계 좌표의 점 목록을 화면의 점 (픽셀)으로 변환하고 싶습니다. 기본적으로 전 세계의 좌표 (worldX, worldY)를 화면 행렬에 곱하고 싶습니다.

문제는이 절차가 매우 느립니다.

코드 :

for (int i = 0; i < cnt; i++) 
{ 
    worldX = getWorldX(i); 
    worldY = getWorldY(i); 

    screenX = wtsMat.vx1 * worldX + wtsMat.vy1 * worldY + wtsMat.tx; 
    screenY = wtsMat.vx1 * worldX + wtsMat.vy2 * worldY + wtsMat.ty; 

    ... 
    //Do something with screenX and screenY 
} 

이 작업을 수행 할 수있는 더 빠른 방법이 있는지 궁금.

Answer 1

wtsMat 변수는 루프 중에 변경되지 않으므로 속성 대신 변수로 정의하지 않으시겠습니까?

var worldX, worldY, screenX, screenY; 
var wtsMatVx1 = wtsMat.vx1; 
var wtsMatVy1 = wtsMat.vy1; 
var wtsMatTx = wtsMat.tx; 
var wtsMatVx2 = wtsMat.vx2; 
var wtsMatVy2 = wtsMat.vy2; 
var wtsMatTy = wtsMat.ty; 
var i = cnt; 
for (i; i > 0; i--) 
{ 
    worldX = getWorldX(i); 
    worldY = getWorldY(i); 

    screenX = wtsMatVx1 * worldX + wtsMatVy1 * worldY + wtsMatTx; 
    screenY = wtsMatVx1 * worldX + wtsMatVy2 * worldY + wtsMatTy; 

    ... 
    //Do something with screenX and screenY 
} 

PS : 당신이 wtsMat.vx1 사용 screenY을 계산하기 위해,이 wtsMat.vx2이어야한다

코드는 다음과 같이해야 하는가?

Answer 2

계산의 정확성과 속도 문제 만 생각해보십시오.

또한 코드의 일부를 생략 했으므로 sceenX 및 screenY를 사용하지 않으면 속도가 느려집니다. 따라서 루프의 모든 내용이 게시되었습니다. 이것은 매우 단순한 계산이므로 cnt가 느려야합니다.

몇 가지 당신은 일을 빠르게 수행 할 수 있습니다

//store object vars locally for quicker access 
var wtsMatVx1 = wtsMat.vx1; 
var wtsMatVy1 = wtsMat.vy1; 
var wtsMatVy2 = wtsMat.vy2; 
var wtsMatTx = wtsMat.tx; 
var wtsMatTy = wtsMat.ty; 

while (cnt--) 
{ 
    //while-- is faster according to tests 

    var worldX = getWorldX(i); //dont use a global scope, which is used if you dont use var 
    var worldY = getWorldY(i); //dont use a global scope 


    var screenX = wtsMatVx1 * worldX + wtsMatVy1 * worldY + wtsMatTx; 
    var screenY = wtsMatVx1 * worldX + wtsMatVy2 * worldY + wtsMatTy; 

    ... 
    //Do something with screenX and screenY 
}