[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:06.59,0:00:08.42,Default,,0000,0000,0000,,안녕하세요, Guillaume 입니다. Dialogue: 0,0:00:08.60,0:00:11.14,Default,,0000,0000,0000,,저는 Little Workshop에서 웹 디자이너로 일하고 있습니다. Dialogue: 0,0:00:11.14,0:00:13.19,Default,,0000,0000,0000,,그리고 BrowserQuest의 개발자로 참여했습니다, Dialogue: 0,0:00:13.19,0:00:16.61,Default,,0000,0000,0000,,HTML5로 만든 2D MMO 게임에 말이죠. Dialogue: 0,0:00:17.46,0:00:19.09,Default,,0000,0000,0000,,지금 보시고 있는 것이 BrowerQuest입니다. Dialogue: 0,0:00:19.09,0:00:21.79,Default,,0000,0000,0000,,이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다. Dialogue: 0,0:00:21.79,0:00:24.84,Default,,0000,0000,0000,,이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다. Dialogue: 0,0:00:24.84,0:00:26.43,Default,,0000,0000,0000,,우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다. Dialogue: 0,0:00:26.43,0:00:31.78,Default,,0000,0000,0000,,우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다. Dialogue: 0,0:00:31.78,0:00:35.89,Default,,0000,0000,0000,,BrowerserQuest에서 당신은 평범한 마을사람으로 시작하게 됩니다. Dialogue: 0,0:00:35.98,0:00:37.09,Default,,0000,0000,0000,,탐험을 하면 할수록 Dialogue: 0,0:00:37.09,0:00:39.52,Default,,0000,0000,0000,,많은 아이템을 얻고, 성과를 올릴수 있습니다. Dialogue: 0,0:00:39.52,0:00:41.95,Default,,0000,0000,0000,,당신은 혼자서 게임을 할수도 있고 Dialogue: 0,0:00:41.95,0:00:45.76,Default,,0000,0000,0000,,다른 플레이어와 함께 협동하여 사냥을 할수도 있습니다. Dialogue: 0,0:00:45.76,0:00:47.98,Default,,0000,0000,0000,,성과창은 트로피 모양의 아이콘 클릭하면 언제든지 볼수 있습니다. Dialogue: 0,0:00:47.98,0:00:52.42,Default,,0000,0000,0000,,성과창을 클릭하여 모험의 정도를 확인할 수 있습니다. Dialogue: 0,0:00:58.42,0:01:01.36,Default,,0000,0000,0000,,이 게임의 네트워크 엔진은 Websockets으로 구동됩니다. Dialogue: 0,0:01:01.36,0:01:04.50,Default,,0000,0000,0000,,WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다. Dialogue: 0,0:01:04.50,0:01:06.82,Default,,0000,0000,0000,,WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다. Dialogue: 0,0:01:06.82,0:01:09.72,Default,,0000,0000,0000,,다른 플레이어들이 활동하는 것을 볼 수 있습니다. Dialogue: 0,0:01:10.82,0:01:13.40,Default,,0000,0000,0000,,당연하지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다. Dialogue: 0,0:01:13.40,0:01:16.42,Default,,0000,0000,0000,,당연한 얘기지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다. Dialogue: 0,0:01:16.42,0:01:19.67,Default,,0000,0000,0000,,이 게임의 클라이언트는 JavaScript로 써졌으며, Dialogue: 0,0:01:19.67,0:01:21.84,Default,,0000,0000,0000,,렌더링엔진에는 HTML5 Canvas를 사용했습니다. Dialogue: 0,0:01:21.84,0:01:25.58,Default,,0000,0000,0000,,LocalStorage는 디바이스에 캐릭터 정보를 저장하는 부분에서 사용되었습니다. Dialogue: 0,0:01:25.58,0:01:28.84,Default,,0000,0000,0000,,한편으로는 음악과 소음에 HTML5 Audio가 사용되었습니다. Dialogue: 0,0:01:35.30,0:01:39.67,Default,,0000,0000,0000,,BroweserQuest의 또다른 놀라운점은 이 모든 것들이 Dialogue: 0,0:01:39.67,0:01:42.87,Default,,0000,0000,0000,,많은 플랫폼의 웹페이지에서 이용이 가능하다는 것입니다. Dialogue: 0,0:01:42.87,0:01:45.83,Default,,0000,0000,0000,,WebSockets이 구동되는 웹브라우저를 사용한다면 Dialogue: 0,0:01:45.83,0:01:48.94,Default,,0000,0000,0000,,당신의 데스크탑에서도 사용가능 할 것이며, Dialogue: 0,0:01:48.94,0:01:57.04,Default,,0000,0000,0000,,실험 버젼 또한 iPhone, iPad 그리고 Android Firefox에서도 사용이 가능할 것 입니다. Dialogue: 0,0:01:57.04,0:02:00.34,Default,,0000,0000,0000,,우리는 렌더링 최적화의 조합을 통해 이것을 이루어냈으며 Dialogue: 0,0:02:00.34,0:02:05.26,Default,,0000,0000,0000,,CSS media queries를 통해 디바이스에 적용했습니다. Dialogue: 0,0:02:05.26,0:02:07.65,Default,,0000,0000,0000,,당신의 컴퓨터에서만 게임이 실행가능한 것이 아니라 Dialogue: 0,0:02:07.65,0:02:12.95,Default,,0000,0000,0000,,셀룰러나 타블렛의 브라우저로도 가능합니다. Dialogue: 0,0:02:13.12,9:59:59.99,Default,,0000,0000,0000,,지금까지 봐주셔서 감사합니다!. 게임속에서 만나길바랍니다!