[Node.js] 유니티 WebGL 웹에서 유니티 띄우기

유니티 WebGL 빌드 

유니티 상단에 File 메뉴에서 Build Setting을 눌러줍니다

Build Setting에서 WebGL을 누르고 변경해줍니다

이후 Build를 눌러 프로젝트를 빌드해줍니다.

 

웹(node.js) 적용

설명은 node.js express 서버를 기반으로 작성하겠습니다.

프로젝트 빌드 후 생성된 파일을 웹 서버에 포함시킵니다.

index.html 파일을 열어서 추가한 파일의 경로를 알맞게 지정해줍니다

모바일이 포함된경우 아래 처럼 스크립트를 통해 경로 지정이 따로됨

 

이제 다른 뷰 페이지를 생성해서 해당 페이지를 붙이고 싶은 위치에 붙였습니다

 

그리고 서버를 실행 시키고 접속을 하면 페이지가 화면에 출력됩니다.

 

 

 

무한로딩 발생 시 처리방법

유니티 프로젝트를 빌드 하실때 파일이 압축되는데, 압축파일이 재대로 동작하지 않아 무한 로딩화면만 뜨는경우가 있습니다

유니티 Build Setting >> Player Setting... 누릅니다.

Player Setting 창에서 webgl 로고를 누르고 Publishing Settings의 Compression Format을 Disable로 변경합니다

 

이후 위의 빌드 >> 적용 단계를 다시 진행하시면, 무한로딩이 해결됩니다.