inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

마인크래프트 스타일 컨트롤

walk 함수을 RAF 내부에 넣는 것과 이벤트 바인딩에 대해 질문 있습니다.

240

이종민

작성한 질문수 61

1

walk 함수를 정의하여 draw 함수에서 계속 호출하도록 하셨는데, keydown 이벤트 자체를 canvas에 걸어주는 것과 차이점이 있을까요?

인터랙티브-웹 blender Three.js

답변 1

0

1분코딩

말씀대로 그냥 keydown 이벤트를 캔버스에 바인딩해서 사용해도 되는데, 그렇게 할 경우 간혹 브라우저 마다 동작에 조금씩 차이가 발생하는 경우가 있어서 확실히 동작하도록 처리하기 위해 이런 방법을 사용하기도 한답니다.
키보드 이벤트만을 위해 반드시 requestAnimationFrame을 사용해서 반복시켜줄 필요는 없지만, three.js나 캔버스 애플리케이션은 어차피 requestAnimation을 사용해서 함수를 반복 실행을 하고있기 때문에 그걸 활용하는거지요~

0

이종민

아 그렇군요!! 항상 친절한 설명 감사드립니다~ 유튜브도 잘보고 있어요~~

CDN으로 수업을 들을경우

0

17

1

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

0

98

1

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

0

138

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