본문 바로가기

cocos2dx

cocos2d-x 포코팡 류 게임만들기!! - 14 - 시간 제한 드디어! 제가 계획한 내용의 마지막입니다. 초기화면에서 게임화면으로 전환되는 부분까지 지난 시간에 만들어봤고요. 이번에는 시간제한 부분을 추가해서 정해진 시간이 완료되면 게임을 중단하고 다시 초기화면으로 돌아가도록 해보겠습니다. - 14 - 시간 제한 1. 화면 구성기대하는 화면 구성은 다음과 같은데요. 처음 어플을 실행하면, '초기화면'이 나오고, 터치를 하면, '게임화면', 여기서 '60초'가 지나면, 다시 '초기화면', 터치를 하면, '게임화면'...'초기화면','게임화면',... 계속 반복입니다.게임화면 하단에 노란색 타임바를 추가하여 60초 동안 오른쪽에서 왼쪽으로 줄어들도록 합니다. 다 줄어들면 다음 화면인 초기화면으로 넘어가게 됩니다. 그럼 구현을 해보도록 하겠습니다. 2. CCProgres.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 13 - 화면 전환 지금까지는 게임화면을 만드는 것에만 집중했었는데요. 이번에는 화면을 전환하는 방법에 대해 확인해보겠습니다. 일반적으로 'Scene'이라고 부르는데요. 게임을 진행하던 HelloWorldScene과는 달리, 초기화면을 구성하는 Scene을 만들어보겠습니다. 이 두 개의 Scene은 완전히 대등한 관계라고 할 수 있는데요. 마치 한 장면 장면이 연결되어 한 편의 드라마나 영화가 되는 것처럼, 게임 또한 여러 장면을 구성하고 장면들을 연결하여 하나의 게임을 완성할 수 있습니다. - 13 - 화면 전환 1. 초기화면 구성게임을 구성하는 장면은 아주 다양합니다. 실제 게임을 진행하는 장면도 있고, 게임을 처음 켰을 때 나오는 회사마크도 장면이라고 할 수 있고요. 초기 메뉴도 장면, 게임이 종료되고 점수가 나오는 .. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 11 - 새로운 코인 생성 이제 새로운 코인만 생성하면 대충 완성된 형태의 게임이 완성될 것 같습니다. 남은 과정은 점수, Scene 전환, 시간제한 정도가 있겠네요. 점점 마지막을 향해 가고 있습니다!! - 11 - 새로운 코인 생성 1. 사라진 코인의 수?새로운 코인을 생성할 차례입니다. 이미 남아있는 코인들은 바닥 쪽으로 이동한 상태이기 때문에, 각 라인 별로 비어있는 위치에 코인을 생성해주면 될 것 같습니다. 다음과 같이 해보려고 합니다. - 랜덤하게 코인 종류를 선택 - 코인 이미지를 종류에 맞게 변경 - 코인을 setVisible(True)로 화면에 보이도록 설정 - 새로운 코인의 액션 추가이렇게 하면, 마치 새로운 코인이 위에서 아래로 떨어지는 것처럼 보이게 할 수 있을 것 같습니다. 여기서 새로운 코인이 떨어지는 위.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 10 - 코인 애니메이션 이번에는 코인이 떨어지는 동작을 만들어보겠습니다. 지난 시간에 코인의 이전 위치와 새 위치를 확인해서 변경하는 내용까지 살펴보았는데요. 단순히 위치를 변경하는 것이 아니라, 기존 위치에서 새 위치로 움직이는 액션을 추가하면 코인이 아래로 떨어지는 형태의 애니메이션을 구현할 수 있습니다. - 10 - 코인 애니메이션1. MOVE state기존의 코인 state는 LIVE, DEAD, SELECT로 구분되었습니다. 코인이 '움직이는 동작' 역시 하나의 상태이므로 움직이는 중간에 다른 동작과 혼선이 없도록 MOVE state를 추가하도록 하겠습니다./Classes/GameCoin.h class GameCoin : public CCSprite { private: public: enum gameState { LI.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 7 - 게임을 좀 더 제대로! (2) 우연하게 네이버 블로그에서 제 글의 게임이미지로 포코팡류 게임을 만들고 계시는 분을 봤습니다. 신기하기도 하고, 뿌듯하기도 했지만, 열심히하고 계시는 그 분에 비해 저는 너무 지지부진한 것 같아서 부끄러운 마음도 들었습니다. 열심히 해야겠습니다. 지난 시간에 이어서, 좀 더 게임답게 동작하도록 만들어보겠습니다. 같은 종류의 코인이 연속되어 선택되도록 만들어 놓은 상태기 때문에, 이번에는 화면에서 손가락을 떼는 순간 선택된 코인들을 제거하도록 해보겠습니다. 처음 선택된 코인 기준으로 동일한 종류인 경우 카운트값을 증가시키고, 이 값이 3개 이상이면 제거하면 되기 때문에 그렇게 어려운 작업은 아닐 것 같습니다. - 7 - 게임을 좀 더 제대로! (2) 1. 선택된 코인의 개수를 저장우선 헤더파일에 선택과 삭.. 더보기
[중간점검] cocos2d-x 포코팡 류 게임만들기!! 최종 게임영상 및 계획 안녕하세요.개인적으로 큰 일을 치르느라 시간이 많이 없었습니다. 연초로 계획했던 일이 계속 미뤄지다가 벌써 반 년이나 지났네요. 꼭 다음 달까지는 마무리하도록 하려고 합니다.목표한 결과물을 완성한 지는 몇 달 지났지만, 정리가 계속 늦어지고 있습니다. 이번에는 제 기준에서 완성된 게임영상을 보여드리고, 앞으로 진행하려고 하는 내용을 다시 계획해보도록 하겠습니다.[중간점검]다음의 영상이 최종 게임영상입니다. 혼자 촬영하고 게임까지 진행하느라 조작이 자연스럽지 못한 점 양해바랍니다.게임은 초기화면이 나오고, 화면을 터치하면 게임을 진행합니다. 1분 동안 게임을 진행하고 1분이 지나면 다시 초기화면으로 돌아갑니다. 끝. 어떠신가요? 그럴싸한지 모르겠습니다.위와 같은 최종 게임형태를 위해서 좀 더 작업할 내용이.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 6 - 게임을 좀 더 제대로! (1) 터치 동작도 확인했으니, 이제 좀 더 게임스럽게 동작하도록 만들어봐야겠습니다. 처음 터치된 위치에서부터 같은 모양이 세 개 이상 연속되는지를 확인하려고 하는데요. 1. 처음 터치된 위치의 코인을 확인 2. 터치 상태에서 움직이는 동안 선택된 코인이 1에서 선택된 것과 같은지 확인 3. 터치를 떼는 순간 선택된 코인이 3개 이상이면, 선택된 코인을 모두 제거 이러한 과정을 거치면 포코팡과 비슷한 동작을 할 것 같습니다. 게임 메인동작과 관련된 부분은 내용이 많을 것 같아서 나누어 포스팅할 예정입니다. - 6 - 게임을 좀 더 제대로! (1) 1. 처음 터치된 위치의 코인을 확인지난 시간에 터치된 위치를 확인하여 코인을 제거하는(보이지 않게 하는) 부분을 구현해봤는데요. 이번에는 터치를 떼는 순간 일괄적으로.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 4 - 게임 Coin!! CCArray 이전 작업들을 통해 게임화면을 어느 정도 준비했다면, 이제부터는 실제 게임에 필요한 코인(딱히 부를만한 이름이 없어서 마음대로 정했습니다. 모양도 동그랗고 해서...)들을 배치하고 터치해서 없애고, 없어진 부분에 새로 코인이 생기게 하는 진짜 게임스러운 부분들을 만들어보겠습니다.우선 게임 동작에 대한 기본적인 아이디어들을 생각해보고 실제로 구현해보겠습니다.- 4 - 게임 Coin!! CCArray처음 구상 부분에서 가볍게 생각해봤지만, 이제는 실제로 구현을 해야되기 때문에... 앞으로의 뻘짓을 줄이기 위해서라도 최대한 자세히 동작들을 구분하고 정리해야겠습니다. 요구사항을 결정하는 것은 정말 중요합니다. 혼자 생각하고 혼자 구현하고 해야되기 때문에 시간낭비를 하지않기 위해서는 준비를 잘 해야겠습니다.1. .. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 3 - 액션 Action!! 지난 번에 CCSprite 로 이미지를 화면에 추가하는 방법을 알아봤습니다. 배경화면, 나무, 적 캐릭터를 화면에 추가해봤는데요. 이번에는 나무와 적 캐릭터가 너무 심심하게 가만히 있는 것 같아서 좌우로 움직이도록 만들어 보겠습니다. - 3 - 액션 Action!! Action은 CCAction Class를 이용합니다. CCAction은 여러가지 움직임을 조합해서 다양한 동작을 만드는 것이 가능합니다. 예를 들어, "왼쪽으로 10미터 갔다가" > "한 바퀴 회전하고" > "크기를 10%로 줄였다가" > "오른쪽으로 20미터 갔다가" 이런 식으로 움직임을 만들 수 있다는 것이지요. 이렇게 복잡하게는 아니고, 저는 나무를 좌우로만 움직이게 해보려고 합니다. "왼쪽으로 10도" > "오른쪽으로 10도" 이 동.. 더보기
cocos2d-x 포코팡 류 게임만들기!! - 2 - 기본 화면 구성 다음의 내용들을 통해 게임의 기본 화면을 구성해보려고 합니다. - 화면을 세로로 고정 - 배경화면 이미지 삽입 - 나무 이미지 삽입 - 적 이미지 삽입 화면을 세로 또는 가로로 고정하는 방법과 게임 이미지를 원하는 크기와 위치에 배치하도록 하는 방법 등을 알아보겠습니다. 특히 게임 이미지를 제어하는 것은 앞으로 자주 사용할 것 같아서 익숙해지도록 노력해야겠습니다. - 2 - 기본 화면 구성 일단 뭐든 시작하기 전에 프로젝트를 생성하겠습니다. 저는 포코팡의 표절작이라는 의미에서 '표코팡 프로젝트'라고 지칭하겠습니다. 이전 글을 참조해서 프로젝트를 생성합니다. 프로젝트 생성 방법 1. 화면을 세로로 고정 기본적으로 포코팡과 동일하게 세로화면으로 고정하고 게임을 진행하도록 하겠습니다. 플랫폼 마다 방법이 다른.. 더보기

티스토리툴바