Using WebGL Templates
WebGL에서 입력(Input in WebGL)

WebGL 의 커서 잠금 및 전체화면 모드(Cursor locking and full-screen mode in WebGL)

커서 잠금(Cursor.lockState 사용) 및 전체화면 모드(Screen.fullScreen 사용)는 모두 개별 HTML5 API(Element.requestPointerLock 및 Element.requestFullscreen)를 사용하여 구현되는 Unity WebGL 에서 지원됩니다. Firefox 및 Chrome 에서 지원되며, Safari 에서는 현재 전체화면 및 커서 잠금을 사용할 수 없습니다.

WebGL 의 커서 잠금 및 전체화면 모드 활성화

브라우저에서는 보안과 관련한 이유로 마우스 클릭이나 키보드 누름과 같은 사용자가 시작한 이벤트에 직접 반응하기 위해서만 커서를 잠그거나 전체화면 모드로 전환할 수 있습니다. 아쉽게도 Unity 는 분리 이벤트와 렌더링 루프를 지원하지 않기 때문에, Unity 스크립트에서 발생한 전체화면 모드나 커서 잠금 요청은 해당 요청을 발생시킨 이벤트에 대한 직접적인 반응으로 브라우저가 더 이상 인지하지 않을 때까지 이벤트를 지연시킵니다. 따라서 Unity 는 커서 잠금이나 전체화면 요청을 발생시킨 이벤트 시점이 아니라, 다음 사용자가 시작한 이벤트 시점에서 요청을 발생시키게 됩니다.

이러한 제약에도 불구하고 올바른 결과를 얻으려면 커서 잠금이나 전체화면 요청을 마우스나 키보드 눌림 해제 이벤트가 아니라 눌림 이벤트에서 트리거해야 합니다. 이렇게 하면 해당 요청이 다음 사용자가 시작한 이벤트 시점까지 연기되더라도 사용자가 마우스나 키보드를 놓는 시점에서 요청을 트리거할 수 있게 됩니다.

Unity 의 UI.Button 컴포넌트를 사용하는 경우 OnPointerDown 메서드를 오버라이드하는 Button의 서브클래스를 만들어서 원하는 동작을 얻을 수 있습니다.

전체 화면 모드로 전환하거나 커서를 잠그기 전에 브라우저에서 알림 메시지를 표시하거나 사용자에게 허가를 요청할 수 있습니다.

Using WebGL Templates
WebGL에서 입력(Input in WebGL)