웹 콘텐츠 배포하기

지금까지 Light 2D가 적용되지 않은 순수한 2D 장면을 Light 2D와 여러가지 텍스쳐를 활용하여 멋지게 바꾸어보았습니다. 이 내용은 프로젝트에 포함된 Complete 장면에서 확인하실 수 있습니다.

배운 내용을 토대로 조명의 색상, 형태 등 여러분이 멋지다고 생각하는 방향으로 자유롭게 추가하고 편집해보세요.

유니티6에서는 사전 설정된 빌드 설정으로 보다 빠른 플랫폼 빌드가 가능합니다. 이 프로젝트에는 Window 데스크탑 및 Web 플랫폼 대상 빌드 프로필 에셋이 포함되어 있습니다.

이것을 사용하려면 먼저 File > Build Profile 메뉴로 들어가야 합니다. 이후 나타나는 창에서 아래에 보이는 Window Profile 항목을 선택하고 우측 상단의 Switch Platform 버튼을 눌러 빌드 프로필을 변경합니다.

여러분께서 직접 제작한 장면을 넣어야 하므로 Scene List의 Complete는 제거하고 Add Open Scenes을 눌러 여러분의 장면을 빌드에 추가합니다. 나머지는 모두 설정되어 있으므로 편집하실 필요는 없습니다. 바로 우측 상단에 위치한 Build버튼을 누르고 프로젝트 폴더 바로 아래의 새로운 build 폴더를 생성하여 지정합니다.

빌드가 완료되면 Build 폴더 하나가 나타나고 멋진 Window 데스크탑 어플리케이션이 들어가 있는 모습을 볼 수 있습니다. 실행 파일을 더블클릭하여 데스크탑에서 잘 작동되는지 테스트해보세요.

데스크탑 (Window, Mac, Linux) 플랫폼은 빌드 수행 과정은 쉽고 빠르지만 콘텐츠 사용자는 어플리케이션 파일을 다운로드 받고 실행해야 하므로 배포하기가 어렵습니다. 그래서 다운로드 과정없이 바로 웹에서 콘텐츠를 플레이 할 수 있는 Web 빌드로 바꾸고자 합니다. 일단 File > Save 및 Save Project를 통해 저장하고 에디터를 종료합니다.

Web 빌드는 기본 모듈이 아니므로 환경에 따라 설치가 필요할 수 있습니다. 그러므로 유니티 허브 > 설치 > 설치된 에디터의 환경설정 (톱니바퀴) 버튼 > 모듈 추가 까지 들어간 다음 WebGL Build Support를 체크하고 설치 버튼을 클릭합니다.

용량이 꽤 있으므로 차분히 설치 완료까지 기다립니다. 설치 진행과 완료 사항은 유니티 허브에서 실시간으로 확인할 수 있습니다. 설치가 완료되었다면 다시 프로젝트 메뉴로 들어가서 에디터를 엽니다.

다시 File > Build Profile 로 이동하여 이번에는 아래 쪽의 Web Profile을 선택하고 Switch Platform을 클릭합니다. 다른 환경의 플랫폼을 대상으로 하기 때문에 전환 시 컴파일 시간이 환경에 따라 길어질 수 있습니다. 전환이 되었다면 Scene List를 여러분의 장면으로 교체하고 Build 버튼을 눌러 build 폴더에 빌드합니다.

Web 첫 빌드는 많은 시간이 필요합니다. 이것 또한 데스크탑 환경에 따라 다를 수 있습니다. 빌드가 완료되면 Window 데스크탑과는 다른 구조의 빌드 결과물을 확인할 수 있습니다.

바로 실행할 수 있긴하나 브라우저 보안상 제대로 실행되지 않은 경우가 많습니다. 그러므로 빌드 결과물을 웹 서버에 업로드하고 정상적인 주소로 접속하여 콘텐츠를 확인해야 합니다.

유니티에서는 다양한 사용자들이 자신의 Web 콘텐츠를 공유할 수 있는 Unity Play를 운영하고 있습니다. 에디터에서도 바로 업로드가 가능합니다. 일단 Window > Package Manager > Unity Registry > WebGL Publisher 패키지를 선택하고 Install 버튼을 눌러 설치합니다.

설치가 끝나면 에디터 상단에 Publish 메뉴가 새롭게 나타납니다. 메뉴를 클릭하면 창이 열리고 Get Started 버튼이 보입니다.

이것을 클릭하면 웹 퍼블리싱이 시작되는데, 이미 Web 빌드를 했기 때문에 Lastest WebGL Builds에 빌드가 끝난 결과물이 목록으로 표시됩니다.

Publish 버튼을 누르면 현재 유니티 허브 및 유니티 에디터에 로그인 된 계정으로 빌드된Web 콘텐츠가 업로드됩니다. 업로드가 끝나면 자동으로 브라우저에 업로드된 페이지가 열립니다.

처음에는 build 이름만 있는데 다른 사용자의 관심을 이끌어내기 위해서 타이틀과 부연 설명, 그리고 썸네일 이미지까지 업로드하여 페이지를 멋지게 꾸밉니다. 작업이 완료되었다면 아래의 Update 버튼을 눌러주세요.

축하드립니다! 이렇게 하여 여러분만의 멋진 픽셀아트 라이팅 콘텐츠가 웹에 배포되었습니다. 여러분의 작품을 이 페이지에 공유하시고 다른 튜토리얼 학생의 작품도 감상하시길 바랍니다.