1 00:00:06,593 --> 00:00:08,417 안녕하세요, Guillaume 입니다. 2 00:00:08,602 --> 00:00:11,143 저는 Little Workshop에서 웹 디자이너로 일하고 있습니다. 3 00:00:11,143 --> 00:00:13,193 그리고 BrowserQuest의 개발자로 참여했습니다, 4 00:00:13,193 --> 00:00:16,613 HTML5로 만든 2D MMO 게임에 말이죠. 5 00:00:17,459 --> 00:00:19,087 지금 보시고 있는 것이 BrowerQuest입니다. 6 00:00:19,087 --> 00:00:21,791 이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다. 7 00:00:21,791 --> 00:00:24,835 이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다. 8 00:00:24,835 --> 00:00:26,428 우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다. 9 00:00:26,428 --> 00:00:31,777 우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다. 10 00:00:31,777 --> 00:00:35,893 BrowerserQuest에서 당신은 평범한 마을사람으로 시작하게 됩니다. 11 00:00:35,985 --> 00:00:37,089 탐험을 하면 할수록 12 00:00:37,089 --> 00:00:39,525 많은 아이템을 얻고, 성과를 올릴수 있습니다. 13 00:00:39,525 --> 00:00:41,950 당신은 혼자서 게임을 할수도 있고 14 00:00:41,950 --> 00:00:45,759 다른 플레이어와 함께 협동하여 사냥을 할수도 있습니다. 15 00:00:45,759 --> 00:00:47,985 성과창은 트로피 모양의 아이콘 클릭하면 언제든지 볼수 있습니다. 16 00:00:47,985 --> 00:00:52,424 성과창을 클릭하여 모험의 정도를 확인할 수 있습니다. 17 00:00:58,424 --> 00:01:01,362 이 게임의 네트워크 엔진은 Websockets으로 구동됩니다. 18 00:01:01,362 --> 00:01:04,503 WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다. 19 00:01:04,503 --> 00:01:06,825 WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다. 20 00:01:06,825 --> 00:01:09,719 다른 플레이어들이 활동하는 것을 볼 수 있습니다. 21 00:01:10,820 --> 00:01:13,405 당연하지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다. 22 00:01:13,405 --> 00:01:16,417 당연한 얘기지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다. 23 00:01:16,417 --> 00:01:19,667 이 게임의 클라이언트는 JavaScript로 써졌으며, 24 00:01:19,667 --> 00:01:21,839 렌더링엔진에는 HTML5 Canvas를 사용했습니다. 25 00:01:21,839 --> 00:01:25,576 LocalStorage는 디바이스에 캐릭터 정보를 저장하는 부분에서 사용되었습니다. 26 00:01:25,576 --> 00:01:28,840 한편으로는 음악과 소음에 HTML5 Audio가 사용되었습니다. 27 00:01:35,302 --> 00:01:39,672 BroweserQuest의 또다른 놀라운점은 이 모든 것들이 28 00:01:39,672 --> 00:01:42,870 많은 플랫폼의 웹페이지에서 이용이 가능하다는 것입니다. 29 00:01:42,870 --> 00:01:45,830 WebSockets이 구동되는 웹브라우저를 사용한다면 30 00:01:45,830 --> 00:01:48,940 당신의 데스크탑에서도 사용가능 할 것이며, 31 00:01:48,940 --> 00:01:57,040 실험 버젼 또한 iPhone, iPad 그리고 Android Firefox에서도 사용이 가능할 것 입니다. 32 00:01:57,040 --> 00:02:00,341 우리는 렌더링 최적화의 조합을 통해 이것을 이루어냈으며 33 00:02:00,341 --> 00:02:05,263 CSS media queries를 통해 디바이스에 적용했습니다. 34 00:02:05,263 --> 00:02:07,653 당신의 컴퓨터에서만 게임이 실행가능한 것이 아니라 35 00:02:07,653 --> 00:02:12,948 셀룰러나 타블렛의 브라우저로도 가능합니다. 36 00:02:13,118 --> 99:59:59,999 지금까지 봐주셔서 감사합니다!. 게임속에서 만나길바랍니다!