getelapsedtime()

시간 흐름 측정, getDelta()와 getElapsedTime()

getDelta()와 getElapsedTime()주로 3D 라이브러리 Three.js에서 시간 흐름을 측정할 때 사용하는 메서드이다.두 메서드 모두 렌더링이나 애니메이션의 타이밍 조절에 유용하게 사용되지만, 목적과 결과값에서 차이가 있다.  getDelta() 설명마지막 getDelta() 호출 이후 경과된 시간(초 단위)을 반환하는 메서드이다.  용도프레임 간의 간격을 계산해 애니메이션을 프레임 속도에 독립적으로 조정하는 데 사용한다.  특징매번 호출 시 그 이후의 경과 시간만을 계산하므로, 각 프레임마다 경과된 시간이 달라질 수 있다.예를 들어, 60fps로 렌더링 되는 경우 getDelta()는 약 0.0167초를 반환하고, 30 fps로 렌더링 된다면 약 0.033초를 반환한다.프레임 간격이 일..

애니메이션 성능 보정

애니메이션 성능 보정 사용자마다 다른 기기에서 사용컴퓨터 성능에 따라 움직이는 속도가 다를 수 있음 주의 getElapsedTime()와 getDelta()은 동시에 사용하면 값이 꼬이기 때문에 동시에 사용하지 말자  성능 보정 : 경과시간 clock.getElapsedTime() clock.getElapsedTime() 메서드를 사용하여 경과시간으로 성능 보정하기 실행 시점으로부터 총 경과 시간초 단위로 찍힘성능이 시간에 영향을 주지 않음 (절대 시간)  기존// 1초에 60도씩 돌아간다.mesh.rotation.y += THREE.MathUtils.degToRad(1);  성능 보정// 1도 대신 경과 시간을 넣기const time = clock.getElapsedTime() ;mesh.rotatio..