여러 사람들이 여러 플랫폼으로 1 to 50 게임을 공부용으로 만드는 것을 보고 나도 자바스크립트로 만들어 봤다. 사용 라이브러리는 jQuery 이다. jQuery 는 약간씩 다른 자바스크립트 엔진을 가지고 있는 웹브라우저들간에, jQuery 전용 함수를 통해 최대한 호환성을 제공 해준다. 예를 들자면 본문의 스크롤 길이를 측정하는 것이나, 특정 오브젝트의 좌표 픽셀 값이 각각 브라우저들간에 자바스크립트에서 쓰는 변수나 방법이 다른 경우가 있다. 이런 것을 1개의 함수로 통합하여 제공해준다. 대부분의 자바스크립트 라이브러리가 그런 목적을 가지고 있다. 이 jQuery 를 이용하여 상당히 빠른 시간안에 크로스 플랫폼으로 만들어봤다. 이런 좋은 라이브러리가 없다면 자바스크립트로 만든다고 하더라도 상당히 오래 걸렸을 것이다. 혹은 실제 C언어나 Java, Objective-C 등의 언어로 만드는 것보다 더 느려질수도 있다.

아무튼 jQuery 든 뭐든, 웹버전의 게임을 만들때 특히 제일 뚜렷한 장점은 크로스 플랫폼이라는 것이다. Windows, Linux, Mac OS, Android, iPhone, 심지어 Windows Mobile에서 까지 모두 웹브라우저는 구동 될 수 있다. 옛날에는 휴대폰에서 WAP 기반의 웹페이지만 정상적으로 읽을 수 있었지만 최근 스마트폰과 PDA의 보급으로 인해 휴대폰에서도 PC용 웹사이트를 아무런 문제나 속도 저하 없이 읽을 수 있게 됐다. 그렇게 크로스 플랫폼의 장점으로 웹은 폭풍성장하고 있다.

게임 해보기

게임은 아래에서 바로 가능하다. http://1to50.zz.gg/을 웹브라우저로 직접 들어가거나 아이폰, 안드로이드 폰으로 들어가면 멀티터치도 지원되는 웹게임을 해볼 수 있다.