'Study/Cocos2d-x 3.x' 카테고리의 글 목록

Study/Cocos2d-x 3.x (22)

[cocos2d-x] 2048 게임 만들기 feat. SpriteBuilder and Swift

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 6. 5. 16:24

퍼즐게임중에 2048이란 게임이 있는데 이 게임을 한번 따라서 만들어 보겠습니다. 추가적인 이미지나 Resource를 사용하지 않고 아주 노멀하게 ~ 기본적인 소스들만 사용해서 만들 예정입니다. 일단 2048이라는 게임을 모르시는 분들도 있기때문에 아래 링크를... http://2048game.com/ 몇 번 플레이해보시면 아시겠지만 2의 배수로 계속 더해 2048을 만드는 것이 목적인 게임입니다. 한 때 모바일로 출시되 많은 사랑을 받은 게임인데요, 사실 2048보다는 Three라는 게임이 원조입니다. 그 뒤에 2048이 나왔는데 어찌 마케팅을 2048이 더 잘 해서 2048이 더 유명해졌네요.암튼 Three보다는 2048이 게임 로직이 더 쉽기 때문에 2048을 따라해보려고 합니다. 개발 환경은 Sp..

[cocos2d-x] SpriteBuilder와 Swift이용한 게임 만들기 (preeved penguins 프로젝트)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 6. 1. 12:28

기존까지는 Cocostudio와 x-code 의 오브젝트-C를 이용하여 게임을 개발했는데, 앵그리버드와 비슷한 게임인 Preeved Penguin 프로젝트를 진행하면서 SpriteBuilder와 Swift를 사용하게 되었습니다. SpriteBuilder는 Cocostudio와 비슷한 Sprite편집 툴이라고 생각하면 됩니다. 게임 개발에서 GUI나 애니메이션 등을 담당하는데, 기존의 Cocostudio와 다른점은, 툴 내에서 커스텀클래스를 명시할 수 있다는 점입니다. Cocostudio의 경우 코드상에서 노드를 받아와 클래스를 일일이 생성해주었지만, SpriteBuilder는 커스텀 클래스를 명시하면 해당 이름으로 코드에서 바로 사용가능합니다. (물론 선언하는 과정은 있음.) Preeved Penguin..

[cocos2d-x] 간단한 게임 만들기 (4)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 4. 23. 20:16

게임이 거의 다 만들어진줄 알았는데 생각보다 아직 할게 많이 남았더군요. 이번이 마지막 포스팅일 줄 알았는데 ...!! 일단 이번 포스팅의 시작은 시작화면 만들기, 시작 준비 화면, 탭 화면 입니다. 먼저 메인화면을 만들기 위해 코코스 스튜디오로 가서 MainScene.csd에 title.png 파일을 드래그합니다. 앵커 포인트와 위치를 설정해주시면 됩니다. 위치가 위로 가 있는 이유는 아마 위에서부터 내려오는 애니메이션을 넣기 위해서겠죠? 개발할때는 화면 밖에 있는 객체도 보이기 때문에 편하게 작업을 할 수 있습니다. 이제 애니메이션을 설정합니다. 애니메이션은 노드탐색창 위에 + 모양의 버튼을 누르면 만들 수 있습니다. 이름은 title, frame은 1부터 55로 설정합니다. frame은 장면수를 나..

[cocos2d-x] 간단한 게임 만들기 (3)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 4. 16. 20:16

저번 포스팅에서 초밥을 쌓는 것 까지 구현했습니다. 이제 터치 이벤트를 넣어서 실제로 냥이가 움직이고 초밥을 날리는 애니메이션을 추가해보도록 하죠. 일단 본견적으로 기능들을 만들기 전에 게임내의 상수를 관리하는 중앙 헤더파일을 만들어 보도록 하죠. 어떤 프로그램을 만들든 공통으로 사용하는 상수를 관리하는 헤더파일은 중요합니다. Constant.h라는 헤더파일을 만듭니다. 가장 먼저 선언할 상수는 냥이의 위치입니다. 터치할 때마다 냥이가 왼쪽, 오른쪽 움직이는 것을 구분할 수 있도록 냥이에 위치 변수를 만들어 줍니다. 이처럼 뭔가 공통된 변수나 연속된 변수를 만들때에는 enum을 주로 사용합니다. 일일이 상수를 지정해 줄 수도 있지만 enum을 사용하면 연속된 상수를 차례대로 입력하게 할 수 있습니다. e..

[cocos2d-x] 간단한 게임 만들기 (2)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 4. 10. 18:27

지난 포스팅을 완료하셨다면 실행했을 때 다음과 같은 화면이 나올겁니다. 오홋.... 뭔가 그럴 듯 해 보이지만 터치하면 아무일도 일어나지 않죠... 이제부터 만들어야 할 과제입니다. 먼저 지난 포스팅에서 분명 백그라운드를 화면 아래로 맞췄는데 실행하면 꽉찬 그림이 아닌걸 알 수 있습니다. AppDelegate.cpp에서 다음 코드를 수정합니다. 위와 같이 코드를 바꾸고 다시 실행하면 화면이 풀로 차는것을 알 수 있습니다. 참고로 AppDelegate::applicationDidFinishLaunching()은 앱이 최초에 실행되었을 때 실행되어지는 메소드입니다. 다음은 앞서 설명했듯이 디바이스 화면에 알맞은 그림을 찾아서 뿌려주는 코딩을 해야합니다. 현재 디바이스의 화면을 읽어서 원하는 위치의 폴더에서 ..

[cocos2d-x] 간단한 게임 만들기 (1)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2016. 4. 10. 15:19

지난번에 코코스를 사용해 game of life인가 뭐시긴가를 만들었는데.. 도통 게임이 무슨 게임인지를 모르니 만들고 나서도 뭔가 느낌이 찜찜하더라구요..?! 그래서 이번에는 처음 하는 사람도 딱 보면 알 수 있는 그런 게임을 만들어보려고 합니다. 일단 소스는 역시 Make school 이구욤 간단히 소개하면 다음과 같은 게임입니다. https://www.makeschool.com/tutorials/build-a-clone-of-timberman-in-c-with-cocos2d-x-and-cocos-studio/getting-started 위 링크에서 동영상을 보시면 어떤게임인지 확 알 수 있어요. 제목은 스시네코인데... 한글로 하면 초밥고양이..? 라고 할 수 있습니다. 초밥이라고 하기엔 뭔가 김밥..

[cocos2d-x] Makeschool 강좌 (4) Xcode를 이용해 코딩하기 2편

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 12. 20. 17:23

지난시간에 이어 Touch 이벤트 코드를 작성해 보겠습니다. Grid.cpp에 위 메소드를 추가합니다.터치이벤트 코드인데, 여태까지 해왔던 터치이벤트와 다르게 처리하는군요..? 여태까지 해왔던 방법은 메인 메소드에 Touch메소드를 전부 선언하고 사용하는 거였는데, 여기서는 필요한 터치 이벤트만 그때 그때 선언하는 방법입니다. 안드로이드에 비유해보면 onClickListener 를 상속받아 한꺼번에 onClick메소드를 호출하는 것이 아니라 중간중간에 새롭게 onClickListener를 선언하고 그안에 onClick메소드를 정의하는 방법과 같습니다. 여기서는 TouchOneByOne을 선언하고 onTouchBegan만 선언했습니다. 터치관련 메소드에는 Began말고도 Moved, Ended, Cance..

[cocos2d-x] Makeschool 강좌 (3) Xcode를 이용해 코딩하기.

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 12. 13. 19:35

지난 포스팅에서 코코스 스튜디오를 통해 화면을 만들었습니다. 그 다음 만든 화면은 Xcode로 publish했지요. 기존에 Xcode상에서 화면을 만들었을때는 객체나 스프라이트를 만드는 것을 일일이 선언했기 때문에 사용하는데 크게 문제가 없었는데, 지금 같이 코코스 스튜디오를 사용해 화면을 만든 경우, Xcode상에는 단순히 .csb파일을 로드한 코드밖에 없습니다. 따라서 화면에 사용된 스프라이트들을 사용하기 위해서는 매칭하는 코드가 있어야 할텐데요... 이번 강좌에 해답이 있을 것 같네요. 일단 지난시간에 publish했던 앱의 소스를 Xcode로 실행합니다. 가장 먼저 손봐야할 부분은 AppDelegate.cpp입니다. 앱의 기본적인 설정을 정하는 파일이죠. Xcode의 AppDelegate화면입니다..

[cocos2d-x] Makeschool 강좌 (2) 화면 만들기.

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 12. 9. 12:49

게임 화면을 만들어봅시다. 위와같은 화면을 만들건데, 간단해보여도 xcode상에서 코딩할라면 배치스프라이트를 만들어서 배경깔아주고, 생성하고... 생각보다 작업양이 많습니다. 좌표도 일일이 찍어줘야 하구요. 코코스 스튜디오를 통해 간단히 스프라이트를 만들어서 적용해 봅시다. 일단 그림파일들을 다운받습니다. --> 다운 압축을 풀고 코코스 스튜디오에 추가합니다. 리소스패널에서 오른쪽 클릭을 하고, Import Resources를 누릅니다. 짜잔~ 추가됬습니다. 받은 이미지들을 셋팅하기 전에 기존 배경화면을 지워야 겠지요~? Scene안에 있는 HelloWorld 화면을 과감하게 지웁니다.그럼 기존에 있던 화면이 없어지고~ 까~~만 화면이 생깁니다. 이제 원하는 이미지를 넣어봅시다~ MainScene을 클릭..

[cocos2d-x] Makeschool 강좌 (1)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 12. 3. 12:55

COCOS에 잠깐 손을 놓은 사이, 온라인상의 makeschool이라는 사이트에 코코스 강좌가 생겼습니다!! 무려 온라인 코스까지!! 아무래도 한국에서는 낮선 툴이다 보니 프로젝트 생성부터 매우 까다로웠는데, 이번 기회에 복습겸 포스팅을 하려고 합니다. 공식홈페이지 URL은 다음과 같습니다. https://www.makeschool.com 예전에는 명령 프롬프트에서 명령어를 사용해 코코스 프로젝트를 만들었는데, 지금은 COCOS라는 앱을 이용해 쉽게 만들 수 있더군요? 일단 COCOS 앱을 다운받습니다. http://www.cocos2d-x.org/download 처음 받으시는분은 WITH FRAMWORK 로 받아주세요~! 어짜피 나중에 설치해야됩니다. cocos를 실행하면 매우 그럴듯한 윈도우가 나옵니..

[cocos2d-x 3.6] 포코팡류 게임 만들기~! (3) 드래그 이벤트

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 8. 4. 22:51

드래그 이벤트는 onTouchesMoved 메소드를 이용합니다. onTouchesMoved는 터치가 지속되면서 이동될때마다 호출되는 메소드입니다. 따라서 여기에 코드를 입력하면 드래그 할 때마다 실행됩니다. 12345678910111213141516171819202122232425void HelloWorld::onTouchesMoved(Touch* touch, Event* event){ Point touchLocation = touch->getLocation(); for(GameBall*ball : balls){ if(ball->getBoundingBox().containsPoint(touchLocation)){ if(ball->isVisible()==true && ball->getState() == G..

[cocos2d-x 3.6] 포코팡류 게임 만들기~! (2) 게임볼 배치, 클릭 이벤트

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 6. 16. 11:28

이번 포스팅에서는 간단한 스프라이트 배치입니다. 지난 포스팅에서 배경화면만 뿌렸었는데, 이번에는 게임에 실질적으로 사용되는 동그라미(편의상 볼로 부르겠습니다.)를 화면에 배치하고, 적으로 사용되는 그림 하나를 상단에 띄우고 애니메이션 효과를 주겠습니다. 일단 화면에 볼을 배치하기 위해 GameBall이라는 스프라이트 객체를 만듭니다. 123456789101112131415161718192021222324252627282930313233343536373839//// GameBall.cpp// mingpang//// Created by Cho on 2015. 6. 9..//// #include "GameBall.h" GameBall::~GameBall(){} GameBall::GameBall(): _type..

[cocos2d-x 3.6] 포코팡류 게임 만들기~!

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2015. 5. 31. 17:33

요즘 회사에서 리눅스와 C만 하다보니 다른 프로그래밍을 다 까먹었더군요.. 역시 프로그래밍은 오래쉬면 다 잊어버리는듯.. 물론 다른것들도 오래안하면 잊어버리지만요 *^^* 주 관심사였던 모바일프로그래밍을 다시 접해보기 위해 어떤것부터 할까 고민하다가 cocos2d-x를 활용한 간단한 미니게임을 만들어보려고 합니다. 물론 이전에 만들어보려고 했던 게임이 있었으나.. 상당히 큰 프로젝트 였기에 회사일과 병행하면서 하기는 힘들 것 같더라구요. 그래서 간단한 미니게임을 하나 만들어보려고 합니다. 이전에 유행했던 포코팡을 따라한 게임을 만들계획입니다. 오랜만에 코코스를 다운받으려고 홈페이지에 들어가니 벌써 3.6버전이더군요. 3.2 alpha를 쓴게 엇그제 같은데.. 벌써 3.6!!!!하.. 또 많이 바꼈을꺼라 ..

cocos2d-x 3.2 가상패드 만들기( 가상조이스틱, dpad, sneakyinput, virtual pad)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 9. 2. 15:51

cocos2d-x로 게임을 만들고 있는데, 가상패드를 넣기 위해서 구글링을 해보았습니다. 하지만 다 이전버전에서 사용되는 가상패드만 있고 3.2에서는 잘 되지 않더군요. i try to create game by using cocos2d-x 3.2 alpha ver. i wanna make virtual d-pad. but i cant find any soruce on google XD. there are old ver code i could find. sneakyinput이라고 가상패드 오픈소스도 있던데 잘 되지않아서. 에라이! 내가 만들고 말지! 하고 3.2에서 돌아가는 가상 패드 소스를 만들게 되었습니다. sneakyinput is an open soruce to use dpad. but it di..

5가지 실전 게임으로 배우는 코코스2d-x(cocos2d-x) 모바일 2D 게임 개발 두번째 예제(4)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 28. 20:52

게임 완성 코드입니다. Colored By Color Scripter™12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515..

5가지 실전 게임으로 배우는 코코스2d-x(cocos2d-x) 모바일 2D 게임 개발 두번째 예제(3)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 28. 04:25

이번 포스팅은 상당히 오래걸렸습니다.. 왜냐하면 2.x 버전을 3.x 버전으로 바꾼다는게 생각보다 상당히 어렵더군요. 아에 없어진 것들을 새로 생긴것으로 바꾸자니 전체를 바꿔야 해서 차라리 새로운 게임을 만드는게 더 쉽게 느껴졌습니다. 일단 현재까지 진행한 소스는 다음과 같습니다. Colored By Color Scripter™1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071..

5가지 실전 게임으로 배우는 코코스2d-x(cocos2d-x) 모바일 2D 게임 개발 두번째 예제(2)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 26. 04:43

지난 시간에 이어 스카이디펜스 게임을 만들어 보겠습니다. cocos3.x버전에 맞게 말이죠. 1. 배경 오브젝트 추가 저번시간에서 배경화면을 그렸는데, 이젠 배경 오브젝트를 그립니다. 다음과 같은 코드를 입력합니다. Colored By Color Scripter™1234567891011121314151617 auto sprite=Sprite::create(); for (int i=0; isetPosition(Point(winSize.width*(0.25f+i*0.5f),sprite->boundingBox().size.height*0.5f)); _gameBatchNode->addChild(sprite,kForeground); sprite=Sprite::createWithSpriteFrameName("cit..

5가지 실전 게임으로 배우는 코코스2d-x(cocos2d-x) 모바일 2D 게임 개발 두번째 예제(1)

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 22. 04:35

첫번째 예제는 코드를 다 바꾸고 나서 포스팅을 했더니.. 과정이 생각이 안나서 그냥 결과를 다 올렸습니다....ㅎㅎ 귀차니즘... 그래서 이번에 두번째 예제를 하려고 하는데, 지난번 처럼 다 하고나서 포스팅을 하면 분명 귀찮을 태고 기억도 안날태니.. 예제를 해보면서 올리겠습니다. 일단 두번째 예제이니 만큼 처음 설정 부분이 아주 생략되있더군요. 그냥 홈페이지에서 다운받은 예제코드를 import해서 실행하라고 합니다. 하지만 버전이 2.x버전 코드니 3.2에서 제대로 작동할리가!!!!!! 잘 작동하더군요............ 하지만 우리는 3.2를 쓰니 3.2문법으로 바꿔보도록 합시다..... 일단! 지난시간에도 쓰였지만 사용하는 디바이스에 맞게 해상도가 다른 리소스를 사용하는 방법입니다. 지난번에는 그..

cocos2d-x 기본 프로젝트 생성하기

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 8. 02:25

다른 언어와 달리 Cocos2d-x 는 설치부터 첫 프로젝트 만들기까지가 상당히 어려웠다. 뭔말인지 하나도 모르겠고 참... 게다가 맥으로 해서 너무 생소했다.지금은 그냥 뚝딱하고 새 프로젝트를 만들지만.. 일단 맥 환경에서 cocos를 설치한뒤, 터미널에서 cocos폴더로 이동한다음 다음 명령어를 입력한다. cocos new ProjectName -p PakageName -l cpp 위와 같이 프로젝트 이름과 패키지이름을 정하고 엔터를 치면 끗. 경로도 정할수 있지만 입력하지 않으면 코코스 폴더 내에 프로젝트 이름으로 생성된다. 위와 같이 뭐라 샤불샤불 하고나서 폴더가 띵~ 생성됨. 이제 Xcode를 실행해서 생성된 폴더 안에 iosmac폴더안에서 proj파일을 찾아 실행하면 끝. 난 skydef라는 ..

5가지 실전 게임으로 배우는 코코스2d-x(cocos2d-x) 모바일 2D 게임 개발 첫번째 예제.

Study/Cocos2d-x 3.x 마이쮸(mychew__) 2014. 8. 8. 01:24

에이콘 출판사에서 나온 5가지 실전 게임으로 배우는 코코스2d-x 책을 보려고 하는데 코코스 2d-x버전으로 되있어서 현재 버전에 적용하기 상~당히 힘들다. (3.2 alpha) 그렇다고 딱히 다른 책이 있는 것도 아니고...해서 예제를 처보기로 정했다. 하지만 생각보다 코코스 2.x 와 3.x 가 달라진게 많아서 상~당한 시행착오를 겪었는데 다른 사람들도 이책을 공부하려고 하다가 버전이 안맞아서 짜증날지도 모르니 포스트 하려고 한다. 일단 이 책에 첫번째 예제는 하키게임을 만드는 것입니다. 하키게임이 뭐냐면.. 아시죠? ㅎㅎ 스샷이 이 책에서 만든건데 생각보다 완성도 있는 게임이였습니다. 그럼 책에 있는 코드에서 수정해야 되는 부분을 살펴볼까요? 일단 제일 첫번째 부터 수정해야합니다. 책에 보면 CCS..

1
2

IT, I Think