Skip to content
(*.162.235.3) 조회 수 8573 추천 수 1 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

이번에는 Cocos2d-JS를 설치해보겠습니다.


http://cocos2d-x.org/


Cocos2d-X 공식 웹사이트에 접속해서 상단 메뉴 중 Download를 클릭합니다.


그 중에서 Cocos2d-JS의 최신 버전을 다운로드 합니다.


제가 글을 쓰는 시점에서는 v3.0 RC2가 최신 버전입니다.


다운로드가 완료되면 zip 파일의 압축을 풀어줍니다.


Cocos2d-JS를 설치하시기 전에 다음과 같이 설치되어 있는지 확인해주시고 없으시다면 설치해주시기 바랍니다.


Android NDK : https://developer.android.com/tools/sdk/ndk/index.html


Android SDK : http://developer.android.com/sdk/index.html


Apache ANT : http://ant.apache.org/bindownload.cgi


파이썬 2.7.5 이상(파이썬 3 제외) : https://www.python.org/downloads/


모두 설치하셨으면


Cocos2d-JS 압축을 푼 폴더로 이동해서 setup.py를 실행합니다.


제대로 설치가 이루어지지 않으면 환경 변수를 설정해줘야 하는데 


상세한 내용은 http://www.cocos2d-x.org/docs/manual/framework/html5/v2/cocos-console/en를 참조하세요.


설치가 완료되셨으면


$ cocos new MyGame -l js -d ./


를 누르시면 새로운 프로젝트를 생성하실 수 있습니다.


$ cd MyGame


을 하셔서 생성한 프로젝트 폴더로 이동하셨으면 이제 바로 프로젝트를 실행해보겠습니다.


웹서버로 실행시키려면


cocos run -p web


을 입력하시면 됩니다.


Cocos2d-JSB를 통해서 컴파일과 실행을 하시려면


cocos compile -p ios|mac|android|web

cocos run -p ios|mac|android|web


을 입력하시면 됩니다.


Xcode나 비주얼 스튜디오 프로젝트를 사용하신다면


/frameworks/runtime-src/proj.xxx


를 이용하시면 됩니다.


새로운 프로젝트의 구조를 살펴보면


  • frameworks

    • cocos2d-html5 : Cocos2d-JS html5 엔진 소스

    • js-bindings : JSB 엔진 소스 (Cocos2d-x와 JSB 포함)

    • runtime-src : IDE 프로젝트 (android, ios, mac, win32)

  • publish : 퍼블리쉬된 앱

  • runtime : 앱 디버그 파일

  • tools : JS 바인딩 생성기

  • res : 사운드, 이미지와 같은 게임 리소스 폴더

  • src : 게임의 자바스크립트 소스 코드 폴더

  • main.js : 게임 로직의 출발점

  • index.html : 웹버전 게임의 웹페이지

샘플 코드는 

/samples 폴더를 보시면

js-test와 js-moonwarriors가 있습니다.

온라인 데모로 바로 보시려면 아래 링크를 방문하세요.


문워리어 http://www.cocos2d-x.org/MoonWarriors/index.html 


js-test http://www.cocos2d-x.org/js-tests/


---


Cocos2d-JS 설치를 완료하셨으면 전용 IDE인 Cocos Code IDE를 설치해보겠습니다.


별도로 사용하시는 IDE가 있으시다면 굳이 설치하실 필요는 없습니다.


http://cocos2d-x.org/download


현 시점에서 최신 버전은 1.0.0-RC1입니다.


사용법은 아래의 링크를 참조하시면 됩니다.


http://www.cocos2d-x.org/wiki/How_to_build_a_simple_game_with_Cocos_Code_IDE


기본적인 사항으로 온라인 API 레퍼런스는 http://www.cocos2d-x.org/wiki/Reference를 이용하시면 되고


제가 설치 과정에서 이미지를 첨부하거나 자세한 설명을 하지 않은 이유는 제가 사용하는 환경이 Mac OSX 환경인데 반해서


대부분의 유저들은 윈도우즈 환경을 사용하실거라고 생각했기 때문입니다.


차후에 여유가 된다면 상세하게 윈도우즈 설치 과정을 본 문서에 추가할 예정입니다.




List of Articles
번호 제목 글쓴이 조회 수 날짜
공지 HTML5 참고 사이트 모음 신큰특스 161238 2010.08.30
공지 소스 코드는 Code Highlighter를 이용해주세요. sincntx 74401 2010.08.30
공지 강좌 / 팁 이용 안내 sincntx 73028 2010.08.30
121 C# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상과정 탑크리에듀 0 2018.10.23
120 [오라클전문가과정/오라클학원교육]SQL 활용과 오라클(Oracle) Hint를 이용한 SQL튜닝 재직자 향상과정 탑크리에듀 0 2018.10.22
119 [Vue.js필수/Vue.js개발] 뷰제이에스(Vue.js) 프로그래밍 입문 탑크리에듀 0 2018.10.19
118 [닷넷재직자실무/닷넷교육] c# 기본 & 고급프로그래밍, 윈폼(Winform), 네트워크, ADO.NET 재직자향상과정 탑크리에듀 0 2018.10.18
117 [자마린실무강좌/자마린전문학원] 자마린(Xamarin) 크로스 플랫폼 앱개발 재직자 향상과정 탑크리에듀 1 2018.10.13
116 [UI/UX 개발전문가양성/ 국비무료] 자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React/Ioinic(평일주간)_국비무료교육, 수당지급교육, 취업알선교육 탑크리에듀 4 2018.10.12
115 2018년 SW융합전문인력양성 교육생 모집 - 가상현실(VR), 사물인터넷(IoT) 서버(Server) file IBITP 39 2018.08.03
114 [취업교육모집] 네트워크전문가,자바개발자_아이티윌 아이t 62 2018.06.13
113 [앵귤러학원/앵귤러교육/React교육] 앵귤러(Angular), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정 탑크리에듀 83 2018.06.07
112 ▶[정보처리기사학원] 정보처리기사 취득 양성과정(국비무료 자격증과정) 탑크리에듀 89 2018.05.31
111 ◆2018년 상반기 자바 개발자 무료취업교육 (취업우수기관)◆ 수키 203 2018.03.07
110 JAVA 웹개발자 신입(준경력)인재 양성과정-정부취업교육지원제도 file 아이티윌리더 186 2018.01.25
109 4차 산업혁명 시대 관련 VR, IoT IBITP 1437 2017.09.29
108 [무료온라인강의] SK T아카데미 사이트 무료 IT 강의 file IBITP 1574 2017.09.19
107 [ 오라클 DBA & 빅데이터 분석 ] 국비지원 취업연계교육 연수생모집 아이티윌GN 1771 2017.07.12
106 HTML5 개요 ojcedu.com 4161 2016.03.09
105 [C#,링크강좌]SelectMany ojcedu.com 3813 2015.12.12
» [강좌] Cocos2d-JS #1. Cocos2d-JS 설치하기 신큰특스 8573 2014.08.18
103 [강좌] Cocos2d-JS #0. Cocos2d-JS란? 신큰특스 7579 2014.08.11
102 웹표준 진단도구 신큰특스 9443 2014.04.08
Board Pagination ‹ Prev 1 2 3 4 5 6 7 Next ›
/ 7

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5