inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

애니메이션 성능 보정

애니메이션 Date.now에 대한 질문입니다.

213

Inwoo J

작성한 질문수 6

0

function draw() 위에 let oldTime = Date.now();를 만들면 ex06_02.js 라는 파일이 실행될 때 시간이 딱 고정될테고, draw() 함수 안에 const deltaTime = newTime - oldTime;는 즉, draw 함수를 실행했을 때와 파일을 열었을 때를 빼는 값인 것은 이해하였습니다.

하지만 그 다음 줄에 oldTime = newTime에서 draw 함수는 계속해서 실행되다보니 oldTime에 newTime을  계속 대입시키면 결국 두 개의 값이 같아지는게 아닌가요?? 그러면 deltaTime의 값은 결국 0이 되는걸로 이해하였는데

어떤 부분을 잘못 이해하였는지 질문드립니다!

blender 인터랙티브-웹 Three.js

답변 1

0

1분코딩

해당 코드의 실행 시점이 중요합니다.
const deltaTime = newTime - oldTime; 이 때 시간차가 deltaTime에 저장이 되고,
deltaTime이 정해진 이후에 oldTime = newTime를 실행하기 때문에 deltaTime에는 여전히 이전에 넣어준 시간차가 저장되어 있다고 생각하시면 됩니다.
oldTime = newTime은 다음 실행 턴을 위해서 해준 것이고요. 현재의 newTime값을 다음번에는 oldTime으로 사용해야 하니까요~

CDN으로 수업을 들을경우

0

18

1

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

98

1

소스코드 파일이 강의랑 같나요?

0

139

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

131

0

gltf 포맷 사용

0

262

1

점프 애니메이션 stop

0

143

2

사양에 따른 다른 결과

0

119

1

중복 질문 삭제

0

167

1

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

0

129

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

118

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

181

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

85

0

그림자가 다르게 표현됩니다

0

155

1

setAnimationLoop 위치가...

0

111

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

150

1

블렌더 texture paint 시 미러모드

0

172

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

110

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

1025

2

fin 버전도 그냥 실행이 안돼요

0

304

2

자바스크립트 실행이 안되는 것 같아요

0

408

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

247

1

live server와 localhost:8080

0

361

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

280

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

219

1