안녕하세요, Guillaume 입니다.

저는 Little Workshop에서 웹 디자이너로 일하고 있습니다.

그리고 BrowserQuest의 개발자로 참여했습니다,

HTML5로 만든 2D MMO 게임에 말이죠.

지금 보시고 있는 것이 BrowerQuest입니다.

이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다.

이 게임은 한 웹페이지에서 여러사람들과 즐길수 있는 액션RPG입니다.

우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다.

우리의 목표는 WebSockets으로 어떻게 재미있고 상호작용하는 웹앱과 게임을 만드는지를 보여주는 데모를 만드는 것이었습니다.

BrowerserQuest에서 당신은 평범한 마을사람으로 시작하게 됩니다.

탐험을 하면 할수록

많은 아이템을 얻고, 성과를 올릴수 있습니다.

당신은 혼자서 게임을 할수도 있고

다른 플레이어와 함께 협동하여 사냥을 할수도 있습니다.

성과창은 트로피 모양의 아이콘 클릭하면 언제든지 볼수 있습니다.

성과창을 클릭하여 모험의 정도를 확인할 수 있습니다.

이 게임의 네트워크 엔진은 Websockets으로 구동됩니다.

WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다.

WebSockets은 여러분의 웹브라우져와 서버간의 Realtime Communication을 가능하게 하는 신기술입니다.

다른 플레이어들이 활동하는 것을 볼 수 있습니다.

당연하지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다.

당연한 얘기지만, BrowserQuest는 WebSockets뿐만 아니라 상당히 많은 웹기술을 사용하고 있습니다.

이 게임의 클라이언트는 JavaScript로 써졌으며,

렌더링엔진에는 HTML5 Canvas를 사용했습니다.

LocalStorage는 디바이스에 캐릭터 정보를 저장하는 부분에서 사용되었습니다.

한편으로는 음악과 소음에 HTML5 Audio가 사용되었습니다.

BroweserQuest의 또다른 놀라운점은 이 모든 것들이

많은 플랫폼의 웹페이지에서 이용이 가능하다는 것입니다.

WebSockets이 구동되는 웹브라우저를 사용한다면

당신의 데스크탑에서도 사용가능 할 것이며,

실험 버젼 또한 iPhone, iPad 그리고 Android Firefox에서도 사용이 가능할 것 입니다.

우리는 렌더링 최적화의 조합을 통해 이것을 이루어냈으며

CSS media queries를 통해 디바이스에 적용했습니다.

당신의 컴퓨터에서만 게임이 실행가능한 것이 아니라

셀룰러나 타블렛의 브라우저로도 가능합니다.

지금까지 봐주셔서 감사합니다!. 게임속에서 만나길바랍니다!