티스토리

gharlic
검색하기

블로그 홈

gharlic

gharlic.tistory.com/m

gharlic 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • 퍼즐 게임 만들기13 - 애니메이션 추가하기 시작하기에 앞서 블록이 새로 생길 때 위에서 부터 떨어지는건 좋은데 그게 보이지는 않았으면 좋겠다 요런 식으로 말이다 먼저 위 파일을 다운받는다. 이번에 새로 수정한 리소스들이다. CGameLyaer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 void startGame() { for (int x = 0; x setPosition(ccp(0.0f, 1470.0f)); addChild(pTop, 4); m_countFallingObject = 0; searchMacthedStreak(); clearRemovealObject(); ProcessFalling(); // .. 공감수 0 댓글수 0 2016. 1. 19.
  • 퍼즐 게임 만들기12 - 빈칸 채우기 슬슬 복잡해지고 있다 또 한번 전체적으로 수정을 해야했다. 미리 다 완성한 다음 쓰는 글이 아니라서 계속 수정하고 있다 더 이상 소스를 설명할 자신이 없다. 최대한 주석을 많이 달았다. CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97.. 공감수 0 댓글수 0 2016. 1. 19.
  • 퍼즐 게임 만들기11 - 비매칭 시 복귀 먼저 한가지 문제부터 해결하고 시작한다 게임이 시작했을 때 이미 3개이상 연결되 있는 블록들이 존재한다. 일단 이 블록들을 매칭시켜 제거하는 것 부터 시작하겠다. CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 void startGame() { for (int x = 0; x setAnchorPoint(ccp(0.5f, 0.5f)); pGameObject->setPosition(Common::ComputeXY(x, y)); pGameObject->SetGameLayer(thi.. 공감수 0 댓글수 0 2016. 1. 18.
  • 퍼즐 게임 만들기10 - 중간 수정 터치를 수정해야한다 중간 점검 차 Visual Studio에서 디버깅하지 않고 Eclipse로 넘어가 안드로이드 휴대폰에서 디버깅하는 과정에서 터치에 관련된 문제를 찾았다. 터치가 조금 이상했다 터치가 묘하게 되다 안되다 하는 느낌이었다. 이유는 이랬다 기존의 터치는 좌측 사진과 같았다. 터치 -> 드래그 -> 릴리즈해서 릴리즈된 위치의 블록과 swap하는 방식이었다. 문제는 터치를 딱! 그 블록까지만 해야한다는 것이다. 우측 사진과 같이 손가락이 더 멀리가면 문제가 생긴다는 것이다. 개선된 방식은 다음과 같다 터치 -> 드래그 -> 드래그 중 인접한 블록을 찾아 스왑 손가락이 더 멀리가더라도 드래그하는 도중 인접한 블록을 찾았으면 바로 스왑해버리기 때문에 손가락을 길게 늘려도 정상적으로 터치한다. CG.. 공감수 0 댓글수 0 2016. 1. 18.
  • 퍼즐 게임 만들기9 - 블록 매칭 구현하기 시작하기에 앞서 그 동안 쓰진 않았는데 미리 만들어 두었던 것들에서 많은 것들을 수정했다. 그래서 일단 전체소스부터 공개하고 시작하겠다. CGameLayer.cpp - 번거로워서 삭제했다. CGameLayer.h에 병합시켜 인라인 함수로 쓰기로 했다. 인라인으로 쓰는게 좋은 버릇은 아니다. 근데 한눈에 보기 좋게 모아놓기는 좋다. CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 7.. 공감수 0 댓글수 0 2016. 1. 18.
  • 퍼즐 게임 만들기8 - 블록 이동 액션(모션) 추가하기 지난 시간까지 구현한 프로젝트를 실행해보면 인접한 두 블록의 위치가 서로 바뀜을 확인할 수 있다. 이번엔 두 블록이 뿅!하고 바뀌는게 아니라 이동하는 액션을 추가하도록 하겠다. 액션 - 이동 모션 추가하기 CGameObject.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 #ifndef PuzzleGame_GameObject #define PuzzleGame_GameObject #include "Common.h" class CGameObject : public Sprite { public: CGameObject(); ~CGameObject(); protected: s.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기7 - 터치해서 두 블록의 위치 바꾸기 지난 시간에 터치를 통해 블록이 정상적으로 선택됨을 확인했다. 이재 블록을 터치->드래그->릴리즈를 통해 블록을 교환하는 기능을 구현할 것이다. 터치->드래그->릴리즈 구현하기 CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 #ifndef PuzzleGame_GameLayer #define PuzzleGame_GameLayer #include "Common.h" #include "GameObject.h" class CGameLayer : public cocos2d::Layer { public: static cocos2d::Scene* createScene(); virtual .. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기6 - 터치 구현하기2 지난 게시물에 이어서 터치를 사용해 오브젝트를 제어할 것이다. 먼저 퍼즐 블록이 터치를 통해 제대로 선택되는지 확인해야 한다. 블록 선택하기 CGameLayer.cpp 1 2 3 4 5 6 7 8 9 10 11 12 void CGameLayer::onTouchesBegan(const std::vector&pTouches, cocos2d::Event* pEvent) { Touch* pTouch = (Touch*)pTouches.back(); Point point = pTouch->getLocation(); int boardX = Common::ComputeBoardX(point); int boardY = Common::ComputeBoardY(point); CCSprite* pCGameObject = m_.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기5 - 터치 구현하기1 일단 터치기능을 세팅해보자 터치 기능으로 무얼하는지는 나중에 생각하고 일단 터치부터 세팅한다. CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 #ifndef PuzzleGame_GameLayer #define PuzzleGame_GameLayer #include "Common.h" class CGameLayer : public cocos2d::Layer { public: static cocos2d::Scene* createScene(); virtual bool init(); void startGame(); void onTouchesBegan(const std::vector&pTouches, cocos2d::Eve.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기4 - 게임화면에 블록 출력하기2 지난 게시물에 이어서 벌집모양으로 배치한 육각형 테두리 안에 여러가지 색의 블록을 위치시킬 것이다. 블록 위치 시키기 CGameLayer.h 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 #ifndef PuzzleGame_GameLayer #define PuzzleGame_GameLayer #include "Common.h" class CGameLayer : public cocos2d::Layer { public: static cocos2d::Scene* createScene(); virtual bool init(); void startGame(); CREATE_FUNC(CGameLayer); protected: Sprite* m_pBoard[COLUMN_CO.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기3 - 게임화면에 블록 출력하기1 게임화면에 블록 출력하기 http://gharlic.tistory.com/23 위 게시물에서 CGameLayer.h와 CGameLayer.cpp를 생성하는 것 까지 했을 것이다. 이 번엔 전 게시물에서 만든 리소스를 바탕으로 게임화면에 블록을 출력하도록 하겠다. 리소스 파일은 어디로? 제작된 리소스 파일들은 위 사진과 같이 프로젝트 폴더\Resources에 위치시키면 된다. MFC에서 처럼 따로 Visual Studio에서 불러와 ID를 매겨 사용할 필요없이 그냥 저대로 두고 사용할 수 있다. 먼저 배경 출력하기 CGameLayer.cpp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 #inclu.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기2 - 배경 이미지, 아이콘 등 리소스 만들기 리소스 만들기 프로젝트에서 사용되는 이미지 파일을 제작할 필요가 있다. 결론만 얘기하면 포토샵에서 해상도 고려해서 png파일로 대충 만들어 오면 된다. 디자인 해상도를 고려해 1080x1920으로 제작한다. 귀찮은 사람은 맨 아래로 내려가면 이 게시물에서 만들 리소스파일을 다운 받을 수 있다. Backround 배경 이미지 프렌즈팝을 참고하여 디자인하였다. 상단 : 1080x450 중앙 : 1080x1270 하단 : 1080x200 미술에 재능이 없어서 예쁘게는 못만든다. 레이어 분리해서 대충 페인트통으로 색 채운 다음 조금 어두운 색으로 끝 부분에만 그라이데션을 준다. Shift키를 누르면 마우스를 수직으로만 움직일 수 있다. 상단 하단을 따로 관리하는 것이 유지관리면에서 좋지만 예제 작품이니 간단하게.. 공감수 0 댓글수 0 2016. 1. 17.
  • 퍼즐 게임 만들기1 - 프로젝트 생성 및 세팅 프로젝트 생성하기 http://gharlic.tistory.com/21 위 게시물을 참고해 프로젝트를 생성한다. 윈도우키 + R -> cmd 실행 -> cd C:\CocosProject 입력 cocos new [프로젝트 이름] -p com.[패키지 이름].[프로젝트 이름] -l cpp를 입력 ex) cocos new puzzleTest -p com.puzzleTest.puzzleTest -l cpp 프로젝트 실행하기 프로젝트 폴더\project\puzzleTest\proj.win32 디렉토리에서 puzzleTest.sln파일을 실행하여 Visual Studio 2013에서 개발을 시작할 준비를 한다. 가로모드 / 세로모드 설정하기 프로젝트 폴더\proj.android\AndroidManifest.xml파.. 공감수 0 댓글수 0 2016. 1. 16.
  • 퍼즐 게임 만들기0 - 프로젝트 개요 간단히 얘기해서 프렌즈팝을 만들 것이다. 아이템, 특수블록 기타 등등은 덜어내고 기본적인 기능만 만들어볼 예정이다. 개발환경 Window7 cocos2D-x 3.2 ndk r9d Visual Studio 2013 Eclipse (java8) 참고서적 http://book.naver.com/bookdb/book_detail.nhn?bid=7307932 책에서는 cocos2D-x 2.0.4버전을 사용해서 문법이 현재와 상당히 다른 부분이 있다. 책의 예제는 육각형 퍼즐게임이 아닌 사각형 퍼즐게임이기 때문에 이 글과 상이한 부분이 있음을 알림 참고로 Cocos2d-x를 처음 배우는 과정에서 포스팅하는 글이다. 중간에 코드가 계속 바뀔 수 있다. 공감수 1 댓글수 0 2016. 1. 16.
  • cocos2d-x 프로젝트 생성 및 빌드 테스트 프로젝트 생성 먼저 Python 2.7이 설치되어 있어야 한다. 다음으로 프로젝트를 생성할 workspace를 생성한다. 그냥 폴더를 만들라는 얘기다. ex) C:\CocosProject 윈도우키 + R -> cmd 실행 -> cd C:\CocosProject 입력 이 상태에서 cocos new -h를 입력하면 프로젝트 생성에 대한 도움말이 출력된다. cocos new [프로젝트 이름] -p com.[패키지 이름].[프로젝트 이름] -l cpp를 입력 ex) cocos new puzzleTest -p com.puzzleTest.puzzleTest -l cpp 프로젝트 설명 프로젝트 생성에 성공했다면 다음과 같이 폴더가 생성된다. 1. Classes폴더 : Visual studio에서 개발할 때 사용되는 .. 공감수 1 댓글수 0 2016. 1. 16.
  • 윈도우 환경 cocos2d-x 설치하기 개발환경 Windows7 64bit Visual Studio 2013 Cocos2D-x 3.2 Python 2.7.8 Eclipse (java 8) 개발환경 설치 환경변수 설정을 쉽게 하기 위해 모든 프로그램을 같은 폴더에 설치한다. ex) C:\COCOS 폴더를 생성 Cocos2D-x3.2 http://www.cocos2d-x.org/filedown/cocos2d-x-3.2.zip Ant 1.9.4 http://apache.tt.co.kr//ant/binaries/apache-ant-1.9.4-bin.zip NDK r9d 32bit http://dl.google.com/android/ndk/android-ndk-r9d-windows-x86.zip 64bit http://dl.google.com/andr.. 공감수 0 댓글수 0 2016. 1. 16.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.