inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 웹 개발 제대로 시작하기

전진! 3D 스크롤 26

키다운 이벤트 시 문제가 있습니다..

329

아침에사과

작성한 질문수 21

0

강의 잘 보고 있습니다^^~! 다만, 실습중에 문제가 생겨서요..

방향 전환(왼쪽 방향키에서 오른쪽 방향키를 누를 때)을 하면 바로 동작을 안하고 1초 정도 멈춘 후에 반대방향으로 가는 현상이 발생하는데 혹시 어떤 문제일까요? 크롬 브라우저 쓰고 있고 this와의 연결은 .bind로 처리해줬습니다.. 나머지는 코드는 같구요.. 같은 방향은 문제가 없는 것으로 보여집니다..

javascript 인터랙티브-웹 HTML/CSS

답변 3

3

1분코딩

키보드 이벤트는 키보드나 기기에 따라 차이가 있을 수 있는데요, 혹시 제가 업로드 해드린 완성 소스도 같은 문제가 발생하나요?
똑같은 문제가 생긴다면 그런 문제일 것 같은데..

참고로 게임에서는 키보드 이벤트의 타이밍이 아주 중요하기 때문에, 보통 requestAnimationFrame으로 기본적으로 계속 반복실행 시킨 상태에서 키 입력 상태를 지속적으로 체크하는 식으로 처리를 하거든요~

말 나온 김에, 시간날 때 추가로 키보드 입력에 대한 영상을 만들어서 업로드 하도록 하겠습니다.
다른 분들께도 유용할 것 같다는 생각이 들어서요^^

0

fullsunflower

매우 뒷북이지만ㅎㅎ.. 저도 같은 증상이 있습니다

제 예상이 맞다면..

예를들어 왼쪽에서 바로 오른쪽으로 이동할 때,

왼쪽방향키가 아직 떼지지 않은(아직 keyup되지 않은) 상태에서 오른쪽 방향키를 누른(keydown한) 후, 왼쪽을 떼면(keyup하면) 발생하는 현상인 것 같아요!

(keyup에서 runningState를false로 만들어주기때문..!)

만약 제 추측이 맞다면,,, 이것도 requestAnimationFrame으로 지속적으로 체크하는 것으로 해결이 되는 그런.. 건지 궁금하네요..!

0

아침에사과

업로드 해주신 완성된 소스도 실행해봤는데 증상이 동일하네요..ㅠㅎㅎ

답변 감사합니다^^

왼쪽/오른쪽 동작시 딜레이 문제

0

93

1

변수 범위 관련 질문

0

106

1

perspective 문의

0

100

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

150

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

125

1

animation이벤트 질문이요!

0

71

1

resize handler에서 질문이 있습니다.

0

110

1

카드 뒤집힐 때 F가 보인 이유

0

149

1

3d 뒤집기 추가효과

0

216

1

전진! 3D 스크롤 21 강의 질문

1

171

1

eventlistener 질문

0

147

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

168

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

191

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

264

1

rotateY()에서 deg에 따른 차이

0

196

1

코드 작성 순서

0

275

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

392

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

265

2

섹션5 자바스크립트 이벤트 다루기 질문

1

243

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

423

2

css 는 직접 작성을 해야하는걸까용?

0

323

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

356

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

302

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

303

2