Cocos2d-x v3.17/기본기능 (20) 썸네일형 리스트형 [Cocos2d-x 기본기능]UI 컴포넌트 TextField TextField 만약 당신게임의 게이머에게 닉네임을 입력시키게 하고 싶을땐 어디서 입력을 하게 만들것인가?Cocos2d-x는 TextField객체를 제공하여 이런 요구사항을 만족시켜줄수 있다.이것은 터치이벤트,포커스,위치 고정비율 등을 지원한다. C++ #include "ui/CocosGUI.h" auto textField = TextField::create("","Arial",30); textField->addTouchEventListener([&](Ref* sender, Widget::TouchEventType type){ std::cout addTouchEventListener([&](Ref* sender, Widget::TouchEventType type){ std::cout [Cocos2d-x 기본기능]UI 컴포넌트 Slider Slider Slider슬라이더는 당신이 배경음악의 음량을 조절할때 자주 사용된다.이런 경우엔 슬라이더를 많이 사용한다.Cocos2d-x는 Slider객체로 슬라이더를 지원한다. C++ #include "ui/CocosGUI.h" auto slider = Slider::create(); slider->loadBarTexture("Slider_Back.png"); // what the slider looks like slider->loadSlidBallTextures("SliderNode_Normal.png", "SliderNode_Press.png", "SliderNode_Disable.png"); slider->loadProgressBarTexture("Slider_PressBar.png"); slid.. [Cocos2d-x 기본기능]UI 컴포넌트 LoadingBar LoadingBar 당신이 자주 게임을 한다면 꼭 봤을법한 장면이 있다.화면에 로딩바가 등장하고 리소스가 로딩되는 속도를 보여주는것이다.Cocos2d-x는 Loadingbar객체를 제공하여 로딩바를 구현한다. 로딩바 생성 C++ #include "ui/CocosGUI.h" auto loadingBar = LoadingBar::create("LoadingBarFile.png"); // set the direction of the loading bars progress loadingBar->setDirection(LoadingBar::Direction::RIGHT); this->addChild(loadingBar); 위의 예제에서 우린 로딩바를 생성하고 진도가 나갈때 우측으로 증가하라고 설정해줬다.진도를 컨.. [Cocos2d-x 기본기능]UI컴포넌트 CheckBox CheckBox 일상생활중에 체크박스는 어디에나 있습니다.설문지를 작성할때에 우리에게 취미같은것을 고르라고 할때처럼 말입니다.게임설정에서는 어떤 설정은 열거나 닫는 두개의 상태가 존재할수있습니다.이런설정을 체크박스로 구현합니다.Cocos2d-x는 Checkbox객체로 체크박스기능을 제공합니다. 체크박스 생성 C++ #include "ui/CocosGUI.h" auto checkbox = CheckBox::create("check_box_normal.png", "check_box_normal_press.png", "check_box_active.png", "check_box_normal_disable.png", "check_box_active_disable.png"); checkbox->addTouchEv.. [Cocos2d-x 기본기능]UI 컴포넌트 Button Button 버튼이 무엇인가에 대한 해석이 필요없을것 같습니다.우리모두 클릭하는것으로 다알고있을테니깐요.클릭하면 우리의 게임에서 어떤 변화를 줄겁니다.예를들면 배경을 바꾼다던가 씬 전환등을 하거나 입니다.버튼은 클릭하면 이벤트가 발생하고 우리가 정의한 콜백함수를 부르게 됩니다.버튼은 일반상태,선택상태,클릭불가상태가 있습니다.버튼의 외관은 이 세개의 상태에 따라서 변합니다.Cocos2d-x는 Button객체가 버튼기능을 제공합니다.버튼을 생성하고 콜백함수를 정의하는것은 간단합니다.사용하기 위해선 ui/CocosGUI.h 헤더파일을 포함시켜야 합니다. C++ auto button = Button::create("normal_image.png", "selected_image.png", "disabled_ima.. [Cocos2d-x 기본기능]UI 컴포넌트 Menu Menu 메뉴란 무엇인가,우린 이미 익숙할것이다.모든 게임엔 메뉴가 있다.우린 메뉴를 통해서 게임의 설정을 변경할수 있고 게임의 씬을 오고갈수 있다메뉴는 보통. 시작,종료,설정등의 구성요소를 포함한다.메뉴도 당연히 자식메뉴가 있다.Cocos2d-x가 메뉴객체를 제공하여 메뉴기능을 이용한다.메뉴는 특별한 Node객체이다. 메뉴를 생성해보자. C++ auto myMenu = Menu::create(); 위에서 언급한대로 메뉴 Item을 추가해야 한다.예를들면 시작,종료,설정등이다.메뉴 item이 없는 메뉴는 존재의 이유가 없다.Cocos2d-x는 메뉴item을 추가하는 방법을 제공한다.예를들면 Lebel객체를 사용하거나 혹은 이미지를 사용하는것이다.메뉴item은 보통 정상상태와 선택상태가 있다.메뉴item을.. [Cocos2d-x 기본기능]UI 컴포넌트 소개 및 Label UI 컴포넌트 UI컴포넌트는 게임전용이 아니고 어떤 응용프로그램도 사용할수 있는것이다.당신이 자주 사용하는 프로그램을 보면 분명이 UI컴포넌트가 있을것이다.UI가 무엇을 뜻할까?UI컴포넌트가 무엇을할까? UI는 사용자 인터페이스를 뜻한다.User Interface의 약자이다.당신이 스크린에서 보는것이 사용자 인터페이스 이다.사용자 인터페이스는 라벨,버튼,메뉴,스라이드바등이 있다.Cocos2d-x는 쉽게 사용할수 있는 UI컴포넌트를 제공한다.게임개발중에 당신은 아주 쉽게 당신의 게임에 추가할수 있다. 듣기론 굉장히 쉽게 구현 할수 있을것같다.하지만 라벨과 같은 이런 핵심클래스를 직접 구현할떄는 많은 문제를 고려해봐야 한다.그렇지만 그럴필요가 없다.Cocos2d-x가 이미 만들어 놨기 때문이다. 출처: La.. [Cocos2d-x 기본기능]Scene 전환 씬 전환 어떤 게임을 시작하고 스테이지를 변경하거나 게임을 종료시킬때 게이머에게 다른 장면을 보여주기위해선 다른 씬으로 전환하는게 필요하다.Cocos2d-x는 이러한 방법을 위해 씬전환을 제공한다. 씬 전환하는 방법 씬전환 하는 방법은 여러방식이 있다.한번 봐보자. C++ auto myScene = Scene::create(); runWithScene()은 게임을 시작할때 첫번째 씬을 로드할때 사용된다.첫번째 씬만 로드하는것이다. C++ Director::getInstance()->runWithScene(myScene); replaceScene() 는 원래 있던씬에서 다른 씬으로 로드할때 사용된다.그리고 전환되기전의 원래의 씬은 릴리즈된다.이것은 씬전환할때 가장 자주 사용된다. C++ Director::.. 이전 1 2 3 다음