본문 바로가기

html5 게임 소스 모음

이전에 아주 오래전에 게임 개발을 업으로 삼을 때가 있었다. 너무 좋아하기도 했지만 신기하기도 해서 내가 직접 만들면 어떨까 하고 그렇게 살던 때가 있었다.

 

공의 포물선 궤적을 구하기 위해 온 세상을 다 뒤져서 알고리즘을 고민했고 그 당시에는 휴대폰의 속도가 엄청느리고 메모리에 대한 제약도 많았기 때문에 그걸 개선하기 위해서 시간을 많이 투자했었다.

 

 

 

 

또 한 폰 제조사마다 보여지는 스펙과 실제 같은 게임을 적용했을 때 속도가 틀리거나 특정 색깔이 빠져서 투명이 되거나 이미지를 로드하다가 부족해서 뻣어버려서 런칭은 해야겠고 그런 부분을 포기하거나 할 수 있는 부분이 아니였다.

 

 

그래서 큰 배경이미지를 4조각 혹은 그 이상으로 쪼개서 로드하기도 했고 여러가지 사이드 이펙트 처리에 바빴다..

 

물론 온라인상에서는 플래쉬로 제작된 게임이 대부분이였고 지금도 그렇지만...

 

요즘은 인터넷의 발달이라고 해야 하나 브라우저의 발달이라고 해야 하나 아무튼 html5로 제작된 게임들이 많이 나오는 추세다

 

그에 따르는 게임 엔진도 많이 나왔고 공개된 오픈소스들도 많이 있어서 공부에 도움이 되는 것 같다.

 

플래시 게임과 다른점은 브라우저에서 지원만 하면 flash처럼 별도로 설치를 하지 않아도 바로 즐기거나 제작을 할 수 있다는 것인데 그런 의미로 공개된 소스는 어떤게 있는지 몇가지 찾아봤다.

 

시간이 꽤 지났고 그부분에는 손을 놓은지 나도 오래되었지만 그래도 여전히 혹은 언제나 게임제작에는 관심을 갖고 있을 수 밖에 없는 나로써는 호시탐탐 기회를 엿보곤 한다.

 

게임 소스를 받아서 분석을 하다보면 그 게임의 전체적인 프로세스라던지 여러가지로 공부가 되고 분석이 된다. 

 

그런것들이 쌓이면 실력이 된다. 단 꾸준해야 한다. 그것으로 인해 돈이 되던지 안되던지 간에 꾸준히...

 

먼저 이전에 광풍을 몰고 지나간 플래시 버드란 게임과 거의 똑같은 오픈소스이다.

 

 

Clumsy Bird

소스 : https://github.com/ellisonleao/clumsy-bird

플레이 주소 : http://ellisonleao.github.io/clumsy-bird/

 

 

 

Javascript Pseudo 3D Racer

소스 : http://Javascript Pseudo 3D Racer

플레이 주소 : https://codeincomplete.com/games/racer/v4-final/

 

어렸을 적에 오락실에서 많이 봤던 것과 되게 흡사하다. 사고가 나거나 잘못되면 옆에 여자가 잔소리 하는 장면이 인상깊었는데 이게임에도 그 포인트가 들어가 있나?

 

 

MK.js 모탈컴뱃 클론이라고 한다.

소스 : https://github.com/mgechev/mk.js

게임 플레이 화면을 찍고 싶은데 현재는 플레이 링크는 깨진거 같아서 소스내의 리소스로 대충 스샷을 만들어 보았다.

 

 

Pocket Island

소스 : https://github.com/wooga/Pocket-Island

플레이 주소 : http://wooga.github.io/Pocket-Island/ipad.html

 

 

HexGL

소스 : https://github.com/BKcore/HexGL

플레이 주소 : http://hexgl.bkcore.com/play/

 

 

Tower Building game

소스 : https://github.com/bmqb/tower_game

플레이 : http://fe.bmqb.com/tower_game/index.html

일종의 탑 쌓기 인가. 몰랑몰랑한 그래픽이 맘에 든다.

 

 

소스 : https://github.com/StrykerKKD/SpaceInvaders

플레이 : http://strykerkkd.github.io/SpaceInvaders/

 

게임책을 보거나 제일 처음에는 이런 슈팅류를 만들어 봤던 옛기억이 떠오른다.

 

 

Circus HTML5

소스 : https://github.com/Gamegur-us/circushtml5

플레이 : http://gamegur-us.github.io/circushtml5/

 

어렸을 적에 오락실에서 많이 봤고 엄청 재미있게 했던 게임이다.

원숭이가 너무나 싫었던 게임.

 

 

마메로 플레이를 해보거나 월광보합인가 게임 엄청 들어있는 제품으로 해볼려고 생각중이긴 하다. 거기에도 들어가 있나.

 

구매했던 사람을 보니 티비가 너무 오래됬거나 하니 HDMI를 꼽아도 화면이 안나오는 경우가 있던데 우리집꺼는 되나 모르겠다. 

 

게임은 역시 조이스틱으로 해야 제맛.

 

 

Alien Invasion

소스 : https://github.com/cykod/AlienInvasion

플레이 : http://cykod.github.io/AlienInvasion/

 

배경화면에 흐르는 별빛이라고 해야 하나 속도가 느린거. 빠른거. 그리고 화면 끝에 갔을 때 위에서 다시 나오는 처리 등등 고심했던 옛기억이 떠오른다.

 

뭔가 공부를 시작할 때는 거창하고 큰 것을 가지고 하는거 보다 작고 쉬운것을 분석하고 읽고 이해하고 거기에 응용을 한두번해보는게 나중을 위해서 큰 도움이 되는 거 같다는 생각을 그 때도 했다.

 

 

나는 rpg가 만들고 싶었지만 이런류로 최초기에 공부를 하면서 구조를 익혔다. 총알도 바꿔보고 적의 움직임도 바꿔보고 그래픽도 바꿔보고 히팅 구간도 표기하거나 바꿔보고 등등....

 

 

디아블로js

소스 : https://github.com/mitallast/diablo-js

플레이 : http://mitallast.github.io/diablo-js/

 

이전에 정말 엄청나게 했었던 디아블로도 누군가가 만들어 놨다. 너무 오래전이라 똑같은지는 기억이 나질 않는데 분위기는 비슷한거 같다.

 

오픈소스 html5를 확인하고 있는데 추억만 돋네.

 

 

알카노이드

소스 : https://github.com/budnix/ball-and-wall

플레이 : http://budnix.github.io/ball-and-wall/

 

 

그 이외에 좀 더 이러한 부분에 관심이 있다면 참조해볼만한 사이트들

 

phaser.io

 

 

https://phaser.io/

 

Open Source Game Clones

 

 

https://osgameclones.com

 

이미지 썸네일을 상세하게 안만들고 목록 형태만 있어서 글자만 보고는 정확하게 어떤 게임인지 알기는 어렵지만 잘 찾아보면 원하는 것들이 꽤 있다. 목록이 길기도 하고.

 

이것 이외에도 찾아보면 무한 횡스크롤 달리기 게임도 많이 있다. 러너 게임도 한 때는 잠안자고 했던 적이 있는데 그 다음으로 퍼즐게임 등.

 

읽어볼만한 글들

 

핸드폰 위치추적 하는법

핸드폰 위치추적은 몇가지 방법이 있는데 이참에 알아보았는데 휴대폰번호나 스마트폰위치추적등을 통해서 쉽게 확인을 해볼 수 있다. 나도 몇번은 택시나 대중교통을 이용중에 두고 내린적도

sway.tistory.com

 

 

SK매직 서비스센터 전화번호 확인

정수기를 사용하거나 오븐, 인덕션등을 쓰다가 고장이 나면 불편해 진다. 자주 있는 일은 아니지만 사용하는 브랜드에 문의를 해서 AS를 해야 할 경우가 발생을 하는 경우가 더러 있다. 제품은

sway.tistory.com

 

 

국민은행 고객등급 정리

오늘은 국민은행 고객등급 정리 한번 해볼려고 한다. 보통은 사는것에 크게 불편한것이 없어서 이렇구나 하고 넘어가지만 우연히라도 올라가서 혜택을 보게 되면 그 위에는 또 뭐가 있고 구체

sway.tistory.com

 

내가 하고 싶었던 이루지 못한 꿈처럼 아직도 내 하드 어딘가에 위치하고 있다. 차마 지우지 못하면서..

 

그래도 오래간만에 보니 소스 보는 재미에 푹 빠져서 시간이 너무 지나가 버렸다.