본문으로 바로가기

Cocos2D-X HTML5 처음 시작해보기

category Dev Game/Cocos2d-X 2015.02.23 18:12


우선 Cocos2D-X HTML5 는 게임을 만들기위한 엔진으로 WebGL을 이용한 게임을 만들기를 쉽게 해주는 역할을 합니다. 

*WebGL : 브라우져용 그래픽 엔진 으로 간단하게 이해하시자면 Direct-X 와 같은 역할을 하신다고 보시면됩니다.

우선 HTML 5 를 이용하기 때문에 WAS(Web Application Server) 혹은 Web Server 를 설치해야 운영 혹은 테스트가 가능합니다. ( 더욱 정확히 이해 하자면 엔진의 구동 방식으로 인하여 웹 서버가 필요합니다. )


PS. HTML5 를 구동하기 위해서 굳이 WAS 까지는 필요 하지 않습니다. Apache 나 Nginx 에서 Application Server 단을 제외한 Web Server 로도 운영이 가능합니다.


여기서는 테스트 용이기 때문에 간단하게 이용할수 있는 AMP 를 추천드립니다.


*현재 kr.tutorialboat.com 의 글을 옴겨 오고 있습니다.


 AMP 란 Apache(Web Server) Mysql(DB) PHP(Server Language) 라는 서비스 어플리케이션들을 통합하여 한번에 쉽게 설치하여 사용할수 있도록 해놓은 패키지를 뜻하며 보통 버튼 한번으로 설치및 단순 운영이 가능합니다.


Windwos 용 : WAMP ( http://www.wampserver.com/ ) 

Linux 용 : LAMP

MAC 용 MAMP ( http://www.mamp.info/en/index.html )

Cross Platform : XAMP ( http://www.apachefriends.org/en/xampp.html )


 WAS 의 경우 NginX, Tomcat 등의 서버가 많이 있습니다. 알아 보고 싶으시다면 한번 찾아 보시기 바랍니다.( WAS 서버의 설치는 후에 각 서버 별로 포스팅해드리겠지만 서버 관리자가 아니시더라도 한번 쯤 셋팅하는 방법에 대하여 공부하여 보시기 바랍니다. )

 



 설치를 하셨다면 이제 Cocos2D 를 다운받으러가볼 차례 입니다.


홈페이지 : http://www.cocos2d-x.org/

Cocos 2D HTML5 다운로드 : 링크

 현재 링크는 2.1.4 버전의 링크 입니다. 원하신다면 위의 홈페이지로 가셔서 최신버전을 다운받아 사용하시면 됩니다.





이제 다운받으신 폴더를 통째로 WAS 에서 지정하셨을 localhost 로 이동합니다.





저의 경우 MAMP 를 이용하며 localhost 를 /Volumes/Data/project 에 연결해놓았음으로 /Volumes/Data/project 폴더를 이동하시고 다운 받은 폴더를 cocos2d-html5 로 변경하여 주시기 바랍니다..





그런 후 localhost/cocos2d-html5 로 연결하여 보시면 아래와 같은 화면과 함께 예제로 연결되어 있는 프로젝트들을 보실수 있습니다.



 일단은 간단하게 아래의 예제들을 한번씩 해보시기 바랍니다. 



아직은 저도 많이 보지 않아서 하이브리드 앱으로 스마트폰 에서 가능한지는 여러가지 테스트를 더욱해봐야 겠지만 좋은 공부가 될것 같습니다.


후에 관련 글을 정리하여 쓰겠지만 ... 

우선 궁금하신 분들은 아래의 WAS(Web Application Server) 와 Web Server 에 관한 글들을 참고하여 보시기 바랍니다.


http://ko.wikipedia.org/wiki/웹_애플리케이션_서버

http://ko.wikipedia.org/wiki/웹_서버_(소프트웨어)

http://www.diffen.com/difference/Application_Server_vs_Web_Server


저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

댓글을 달아 주세요

  1. 2016.01.28 01:29

    비밀댓글입니다

    • 개발자 눈싹 2016.01.29 09:54 신고

      제가 답변을 드리지 못할 것같내요;; 혹시 크롬의 요소 검사와 같은 디버깅 툴로 확인 해보셨나요? 명확한 답을 드릴수가 없내요. 죄송합니다.

튜토리얼북
블로그 이미지 눈싹 님의 블로그
VISITOR 오늘556 / 전체536,107