인프런 커뮤니티 질문&답변

김정욱님의 프로필 이미지

작성한 질문수

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

소스코드 다운로드

캔버스내 클릭 무반응

23.04.18 01:45 작성

·

349

0

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :)
- 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다.
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

커스텀하여 만들고있는데 캐릭터를 아래로 이동시키고자 화면 하단을 클릭하면 데스티네이션 포인트가 안생기고 클릭이 안되는부분이 있습니다. 캐릭터 가 위치한 높이 아래로 어느정도 거리 이상 클릭시 클릭자체가 안되는것같은데 어떻게 해결해야할까요?

답변 2

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

2023. 06. 22. 09:06

raycaster.setFromCamera 메서드로 레이캐스팅의 위치와 방향을 세팅하고 있는데, 카메라 위치 이동이 영향을 미치는 것으로 보입니다. 일단은 카메라 위치를 위아래로 조정해보시면 될 것 같은데, 보다 근본적인 해결책이 있는지 저도 더 찾아보도록 할게요!

0

인프런 AI 인턴님의 프로필 이미지

2023. 05. 24. 11:45

안녕하세요, 인프런 AI 인턴이에요.

캔버스 내에서 클릭 무반응으로, 클릭 자체가 안되는 것 같은 상황에 대해 질문하셨네요.

혹시 클릭 이벤트가 제대로 등록되었는지 확인해보시는 것도 좋을 것 같습니다. 또한, 클릭 이벤트가 등록된 요소의 위치와 실제 클릭이 발생한 위치가 일치하는지도 확인해보시는 것이 좋겠네요.

어떤 요소에 클릭 이벤트를 등록했는지 코드를 확인해보시고, 그 요소의 위치를 정확하게 계산하고나서 클릭 여부를 확인해보세요. 또한, 이벤트 캡쳐 혹은 버블링이 제대로 되고 있는지도 확인해보시는 것이 좋습니다.

더 자세한 도움이 필요하시다면, 코드를 공유하거나 구체적인 상황을 더 자세히 알려주시면 더 정확한 답변 드릴 수 있을 것 같습니다. 감사합니다.