5. Creating GUIs | Cocos2d-x cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Cocos2d-x cookbook

By : Akihiro Matsuura

4.6 (5)

Cocos2d-x cookbook

4.6 (5)

By: Akihiro Matsuura

Overview of this book

Cocos2d-x is a suite of open source, cross-platform game-development tools used by thousands of developers all over the world. Cocos2d-x is a game framework written in C++, with a thin platform-dependent layer. Completely written in C++, the core engine has the smallest footprint and the fastest speed of any other game engine, and is optimized to be run on all kinds of devices. You will begin with the initial setup and installation of Cocos2d before moving on to the fundamentals needed to create a new project. You will then explore and create the sprites, animations, and actions that you will include in the game. Next you will look at strings and create labels, including a label with True Type Font (TTF) font support. Later, you will learn about layer and scene creation and transition. Then you will create the GUI parts essential for a game, such as buttons and switches. After that, you will breathe life into the game with background music and sound effects using the all new Cocos2d-x audio engine. You will then discover how to manage resource files and implement processes that depend on the operating system. Finally, you will polish your game with physics such as gravity and elevation, learn about tools that will help you make games more robust and stable, and get to know best practices to improve the game you have developed.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with Cocos2d-x

1. Getting Started with Cocos2d-x

Introduction

Setting up our Android Environment

Installing Cocos2d-x

Using the Cocos command

Building the project using Xcode

Building the project using Eclipse

Implementing multi-resolution support

Preparing your original game

2. Creating Sprites

2. Creating Sprites

Introduction

Creating sprites

Getting the sprite's position and size

Manipulating sprites

Creating animations

Creating actions

Controlling actions

Calling functions with actions

Easing actions

Using a texture atlas

Using a batch node

Using 3D modals

Detecting collisions

Drawing a shape

3. Working with Labels

3. Working with Labels

Creating system font labels

Creating true type font labels

Creating bitmap font labels

Creating rich text

4. Building Scenes and Layers

4. Building Scenes and Layers

Introduction

Creating scenes

Transitioning between scenes

Transitioning scenes with effects

Making original transitions for replacing scenes

Making original transitions for popping scenes

Creating layers

Creating modal layers

5. Creating GUIs

5. Creating GUIs

Introduction

Creating menus

Creating buttons

Creating checkboxes

Creating loading bars

Creating sliders

Creating text fields

Creating scroll views

Creating page views

Creating list views

6. Playing Sounds

6. Playing Sounds

Playing background music

Playing a sound effect

Controlling volume, pitch, and balance

Pausing and resuming background music

Pausing and resuming sound effects

Playing background music and a sound effect by using AudioEngine

Playing movies

7. Working with Resource Files

7. Working with Resource Files

Selecting resource files

Managing resource files

Using SQLite

Using .xml files

Using .plist files

Using .json files

8. Working with Hardware

8. Working with Hardware

Introduction

Using native code

Changing the processing using the platform

Using the acceleration sensor

Keeping the screen on

Getting dpi

Getting the maximum texture size

9. Controlling Physics

9. Controlling Physics

Introduction

Using the physics engine

Detecting collisions

Using joints

Changing gravity by using the acceleration sensor

10. Improving Games with Extra Features

10. Improving Games with Extra Features

Introduction

Using Texture Packer

Using Tiled Map Editor

Getting the property of the object in the tiled map

Using Physics Editor

Using Glyph Designer

11. Taking Advantages

11. Taking Advantages

Introduction

Using encrypted sprite sheets

Using encrypted zip files

Using encrypted SQLite files

Creating Observer Pattern

Networking with HTTP

Index

Index

Creating loading bars

When you are consuming a process or downloading something, you can indicate that it is not frozen by showing its progress to the user. To show such progresses, Cocos2d-x has a LoadingBar class. In this recipe, you will learn how to create and show the loading bars.

Getting ready

Firstly, we have to prepare an image for the progress bar. This image is called loadingbar.png. You will add this image in the Resouces/res folder.

How to do it...

It generates an instance of the loading bar by specifying the image of the loading bar. Further, it is set to 0% by using the setPercent method. Finally, in order to advance the bar from 0% to 100% by 1% at 0.1 s, we will use the schedule method as follows:

auto loadingbar = ui::LoadingBar::create("res/loadingbar.png");
loadingbar->setPosition(size/2);
loadingbar->setPercent(0);
this->addChild(loadingbar);
this->schedule([=](float delta){
    float percent = loadingbar->getPercent();
    percent++;
    loadingbar->setPercent...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Cocos2d-x cookbook

Search

Your notes and bookmarks