-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
STUDIOMEAL WORLD에서는...
22.05.06 17:19 작성 조회수 139
1
안녕하세요!!
강의를 열심히 듣다가 갑자기 질문이 생겼습니다.
그리고 Pointerlook을 사용한 상태에서 클릭은 어떻게 하나요??ㅜㅜ 포인터도 사라져서
클릭을 어떻게 하는지요! 에러가 뜨는데요! pointerlock상태에서는 클릭이 안되는거 같아용...
Studiomeal world에서 가운데에 FPS게임처럼 점 포인터?! 그런것두...혹시...! 어떻게 하나요?
강의 영상에서는 마인크래프트 스타일 컨트롤에서만 Pointerlook을 사용하시던데용!
답변을 작성해보세요.
2
1분코딩
지식공유자2022.05.12
Raycaster 섹션 진도를 나가셨는지 모르겠는데.. pointerlock 상태에서는 마우스를 움직이는게 아니기 때문에, 클릭했을 때 화면 중앙으로 Raycaster로 광선을 쏘아서 처리해주면 된답니다. 그렇게 하면 화면 중앙에 있는 메쉬를 클릭한 효과가 발생하겠지요?
즉, 아래와 같이 해주면 카메라로부터 화면 중앙으로 광선을 쏘기 때문에 화면 가운데 위치한 메쉬를 체크할 수 있습니다.
raycaster.setFromCamera(new Vector2(), camera);
화면 중앙의 + 표시는 무조건 화면 가운데부분을 클릭한다는걸 식별하기 쉽게 장식을 붙여준건데요, 그냥 html div와 css로 화면 가운데에 띄워준 것으로, three.js랑은 직접 관련은 없답니다. + 모양 div 엘리먼트의 css의 display 속성값을 조정해서 보였다 안보였다 처리를 해준건데요,
lock 이벤트 발생 시에는 보여야 하니 display: block;
unlock 이벤트 발생 시에는 안보여야 하니 display: none;
이런 식으로 하면 되겠지요~
답변 1