3D 그래픽엔진 화면 흔들림방지하기

|

대부분의 3디 그래픽스 랜더들은 씬그라프들에 대한 update 콜백을 제공한다.

대부분의 어플리케이션들은 그곳에서 씬그라프상의 오브잭트들을 움직이게된다.

그리고 함수의 마지막 부분에서 updateAll을 하게 되는데

문제는 여기서 발생한다.


주로 물체와 카메라를 동시에 움직일때 발생한다.


카메라의 시점과 오브잭트가 위치가 갱신한 타이밍이 교묘하게 엇갈리기때문에 발생한다.


가장간단한 해결방법은 물체를 움직이기전에 카메라의 메트릭스를 한번 갱신해주는 방법이다(월드행렬)


var self = this;
self.camera.updateMatrixWorld();

var v1 = new THREE.Vector3( 0, 0, 0.5 ).unproject( self.camera );
self.testnode.position.copy(v1)

this.updateAll();


위와 같이 말이다.


'html5' 카테고리의 다른 글

electron 자료모음  (0) 2016.07.17
nwjs 자료 모음  (0) 2016.07.16
3D 그래픽엔진 화면 흔들림방지하기  (0) 2015.12.31
cordova-pulgin-whitelist 사용법  (0) 2015.11.29
crosswalk 사용기 1차  (0) 2015.11.22
How to process argument between js(html5) and cordova 3.x  (0) 2014.06.09
Trackback 0 And Comment 0
prev | 1 | ··· | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | ··· | 18 | next