OpenGL 캔버스 좌표를 HTML5 캔버스 좌표로 변환

Question

자바 애플릿 OpenGL 시뮬레이션이 있는데 을 HTML5 캔버스로 변환하려고합니다. 누구든지이 좌표를 어떻게 변환 할 수 있는지 알고 있습니까?

OpenGL은 음의 좌표없이 을 600y하는 -400x 400X +와 -600y에서 내 캔버스 400X에 대해 0x에서다면 + 600y, 및 해당 제품이 사용에서에서 얻을.

Answer 1

이것은 단순한 선형 함수입니다. 선형 함수 형태에 대한 f(x) = m * x + n

을 가지고있는 x 좌표 :

을 당신은 400에 0 -400과 400을 매핑 할 두 점 그래서 (-400, 0), (400, 400) 당신의 선형 관계를 묘사합니다. m = (400-0)/(400--400) = 그래서 1/2

:

이제이 예에서 (Y1-Y2)/(X2-X1)과 그레디언트 계산 m 함수는 이제 다음과 같습니다 F (X) = 2 * X + N

계산하기 위해 N (y 절편) 방금 점을 삽입 (예 : (-400, 0)) :

참고로 200 N 얻을 0 = 1/2 * (-400) + N

그래서 최종 함수

인

y 좌표를 얻으려면 g(y) = 1/2 * y + 300