WebVR은 브라우저에 내장된 API로, 스테레오 렌더링과 실시간 머리 추적이 결합되어 있으면 온라인에서 VR 콘텐츠를 빠르고 쉽게 즐길 수 있습니다. WebVR을 사용하면 콘텐츠 크리에이터는 온라인에서 다양한 VR 하드웨어에서 실행되는 몰입형 VR 콘텐츠를 만들 수 있습니다.
Bear 71 정보
베어 71은 캐나다 국립영화위원회(NFB)에서 제작한 대화형 다큐멘터리입니다. 원래 플래시로 빌드된 Bear 71은 2011년에 출시되어 평단의 찬사를 받았습니다. 이 경험의 근간은 23분 길이의 오디오 및 동영상 트랙으로, 인간, 자연, 기술, 특정 불곰 한 마리의 관계를 강조합니다. 시청자는 추상적인 기호 그리드로 표현되는 정보의 세계에서 관음자입니다. 놀랍게도 이것은 내부의 감정적 이야기를 저해하지 않으며 직접 경험해 보고 이해해야 합니다.
당면 과제
오리지널 Bear 71은 플래시로 개발된 최고의 대화형 스토리텔링 매체입니다. 상당한 관심을 가졌으며 이 기술이 최첨단으로 간주되었습니다. 5년이 지난 후에도 원래의 비전은 유지되고 이야기는 여전히 관련성이 있지만 그 이면의 기술은 업데이트가 필요합니다. 어떤 기술이든 창의적으로 사용하면 좋은 이야기를 들려줄 수 있지만, 가상 현실은 특별한 주의를 기울여야 합니다. VR은 이전에도 여러 차례 등장했지만 드디어 대세가 되었습니다. 이것은 스토리텔링에 엄청난 기회입니다. 전통적으로 눈앞에서 펼쳐졌던 스토리가 이제는 VR을 통해 내 주변에서 일어날 수 있습니다.
Bear 71이 탄생했을 때 Adobe Flash는 황금기였습니다. 해가 갈수록 Flash의 시장점유율은 축소되고 이에 따라 이전에 접근할 수 있었던 작품이 점점 더 어려워지고 보기 어렵습니다. 하지만 플래시가 감소하면서 HTML 5의 성숙도가 높아졌습니다. 게다가 VR은 스토리텔링을 위한 진정한 플랫폼으로서 그 어느 때보다도 진지하게 받아들여지고 있습니다.
VR은 사람의 눈과 귀에 자연스럽게 몰입할 수 있지만, 여기에는 몇 가지 장벽이 있습니다. 언뜻 보기에는 다양한 헤드셋이 여러 요구사항과 예산에 맞아야 하며, 배포에 관련된 다양한 앱 스토어는 더 많은 선택입니다. 하지만 사용자는 브라우저에서 가능한 한 많은 작업을 선호하는 것으로 알려져 있습니다. 사용자는 다운로드와 설치를 가능한 한 적게 선호합니다. HTML5의 매력은 사용자 및 콘텐츠 제작자 모두에게 URL 하나로 풍부한 경험을 제공할 수 있다는 점입니다. 여기에 WebVR이 필요합니다.
WebVR은 다양한 소프트웨어와 하드웨어를 통해 브라우저에서 몰입도 높고 편안한 VR 콘텐츠를 지원합니다.
NFB는 이러한 기회를 인지하고 HTML5 및 WebVR에서 Bear 71에 새로운 생명을 제공하는 것을 고려했습니다. 이러한 기회는 많은 VR 프로젝트에 공통적으로 직면하는 새로운 과제가 없었을 것입니다. 어떻게 하면 휴대전화를 비롯한 다양한 플랫폼에서 좋은 프레임 속도, 스테레오 비전으로 아름다운 것을 얻을 수 있을까요?
해결 방법
2016년 말 개발이 시작되었을 때는 WebVR이 아직 제공되지 않았습니다. WebVR API는 빠르게 진화하고 있으며 현재 WebVR 표준의 초안을 작성하는 중입니다. 하지만 그렇다고 해서 커뮤니티가 WebVR 폴리필이라는 적절한 장애물을 묶는 것은 막지 않았습니다. 자이로스코프와 WebGL을 통해 유용한 머리 추적 및 스테레오 렌더링을 제공했습니다. 이 폴리필을 Google Cardboard와 함께 사용하여 콘텐츠를 빌드하고 테스트할 수 있었습니다. Google Pixel과 Daydream View가 출시되었을 때, Chrome의 첫 번째 실제 WebVR 빌드와 함께 Google 콘텐츠는 이를 활용할 준비를 마쳤습니다. 빠른 개발을 위해 WebVR이 아직 제공되지 않는 경우에도 polyfill을 포함하고 사용합니다. 예를 들어 대부분의 개발과 디버깅은 Chrome 55의 모바일 에뮬레이터에서 이루어집니다. 또한 HTC One M9, iPhone 5S, Samsung Galaxy, Pixel by Google을 포함하되 이에 국한되지 않고 쉽게 사용할 수 있는 제품이라면 무엇이든 개발하고 디버그하는 경우도 일반적이었습니다. 폴리필의 다양성은 절제할 수 없습니다.
polyfill의 유틸리티에도 불구하고 일부 필수 WebVR 기능은 에뮬레이션이 불가능합니다. VR이 직면한 가장 큰 장애물 중 하나는 멀미입니다. 멀미는 여러 가지 측면에서 머리 추적의 프레임 속도 및 속도와 정확성과 관련이 있습니다. WebVR에는 재투영 및 고속 방향 센서와 같은 몇 가지 필수 기능이 있습니다. 하지만 고속 프레임 속도를 유지하는 것은 여전히 콘텐츠 크리에이터의 책임입니다. WebVR은 프레임당 장면을 두 번 (각 눈에 한 번씩) 렌더링해야 하므로 최적화가 두 번 중요합니다. WebGL 콘텐츠를 올바르게 최적화하는 것은 이 도움말의 범위에 포함되지 않지만 다음과 같은 몇 가지 핵심 사항이 있습니다.
- 그리기 호출을 줄입니다. 이를 위한 좋은 방법은 머티리얼을 공유하는 요소를 병합하는 것입니다.
- 셰이더를 단순하게 유지합니다. 표준 머티리얼과 셰이더는 사용되지 않는 기능을 최적화하는 데 뛰어나지만 때로는 잔혹하게 최적화된 셰이더를 직접 작성하는 것이 가장 좋은 방법입니다.
- 그리기 거리를 가깝게 유지하고 안개를 효과적으로 사용하세요.
- 텍스트 도형보다 읽기 성능이 뛰어나고 렌더링이 빠른 텍스처 기반 텍스트를 선호합니다.
- 아트 스타일이 렌더링하기에 경제적이어야 합니다. 6fps의 Mario Galaxy보다 60fps의 Super Mario 64처럼 보이는 것이 더 좋습니다.
- 사용자를 고독하다고 생각하세요. 플레이어 주변의 세계만 시뮬레이션하는 방법을 찾으세요.
- 유형이 지정된 배열에서 비용이 많이 드는 계산 결과를 캐시할 기회를 찾습니다. 메모리는 종종 처리 성능보다 저렴합니다.
이 목록은 전체 목록은 아니지만 대부분의 기기에서 적절한 프레임 속도로 실행하기 위해 사용한 대부분의 최적화를 다룹니다.
8명의 즐거운 참여자로 구성된 소규모 팀을 대상으로 약 12주 동안 콘텐츠 제작, 용도 변경, 최적화를 진행했습니다. 노력은 격렬하면서도 고통스럽지 않았죠. Bear 71 VR은 긍정적인 반응을 얻어 이미 2편의 영화제에서 제한적으로 등장한 바 있습니다. 페스티벌 회로에서 찾을 수 없는 경우 WebVR을 통해 브라우저에서 편안한 경험을 할 수 있습니다. 새로운 광고 소재 프로젝트를 고려하고 있다면 웹은 리치 콘텐츠를 제공하는 플랫폼이라는 점을 기억하세요. Google은 이러한 플랫폼을 당연하게 여겨서는 안 됩니다. VR은 발명품의 새로운 세계로 우리를 안내합니다. WebVR은 이 두 가지의 장점을 결합하기 위해 만들어졌습니다.