Book Image

Cocos2d-X Game Development Blueprints

By : Karan Sequeira
Book Image

Cocos2d-X Game Development Blueprints

By: Karan Sequeira

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Cocos2d-X Game Development Blueprints
Karan Sequeira
Jul, 2015 | 392 pages
No titles found
Table of Contents (17 chapters)
Cocos2d-x Game Development Blueprints
Cocos2d-x Game Development Blueprints
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
A Colorful Start
A Colorful Start
An overview of ColourSmash
Setting up the environment for Cocos2d-html5
Creating a project in Cocos2d-html5
Getting acquainted with the project structure
Creating the first scene – the main menu
Moving on to the game world
Summary
2
How to Fly a Dragon!
How to Fly a Dragon!
Getting to know sprite sheets
Creating a lively menu screen
Creating a fairy tale
Setting things into motion
On to the game world
Saving a high score using LocalStorage
Let's make some HTML5 noise
Summary
3
Not Just a Space Game
Not Just a Space Game
An overview of SpaceCraze
Creating a project
Defining the global variables of the game
Creating your own Sprite
On to the game world...
Summary
4
Back to the Drawing Board
Back to the Drawing Board
An introduction to Inverse Universe
The CCDrawNode class
Figuring out the geometry
Defining the elements of Inverse Universe
Creating the game
The update loop
Adding tilt controls
Moving the player
Adding progression and difficulty levels
Summary
5
Let's Get Physical!
Let's Get Physical!
An overview of Jumpy Clown
The basics of Box2D
Creating the world
Using debug draw
Stepping into the world
Creating the GameObject class
Creating the walls
Creating the base
Creating the clown
Defining the clown's state machine
Creating the platform
Adding and removing platforms
Adding the controls
Listening for collisions
The Collectible class
Creating and reusing collectibles
The update loop
Summary
6
Creativity with Textures
Creativity with Textures
An introduction to Penguins Can Fly
The Terrain class
The Penguin class
On to the game world
Summary
7
Old is Gold!
Old is Gold!
An introduction to Iceman
What is a tile-based game?
What is the Tiled Map Editor?
Tile-based collision detection
The GameObject class
The Hero class
The Enemy class
Collisions with moving platforms and enemies
Summary
8
Box2D Meets RUBE
Box2D Meets RUBE
An introduction to Angry Fish
A brief introduction to RUBE
Creating a level with RUBE
Generating a world using data exported from RUBE
Defining the fish
Creating and spawning the fish
Creating a mouse joint
Summary
9
The Two Towers
The Two Towers
Introduction to Pumpkin Defense
Defining the properties of the tower
Defining the properties of the enemy
Defining the XML file for a level
Designing the level in Tiled
The Tower class
The Lightning class
The Enemy class
Spawning waves of enemies
The GestureLayer class
Spawning the towers
Fast forwarding the gameplay
Summary
10
Cross-platform Building
Cross-platform Building
Setting up the environment for Android
Building Pumpkin Defense on Android
Creating an Android Virtual Device
Running Pumpkin Defense on Android
Setting up the environment for Windows Phone 8
Building Pumpkin Defense on Windows Phone 8
What to do next?
Summary
Index
Index

Getting acquainted with the project structure

The main backbone files required for any Cocos2d-html5 game are the index.html, main.js, and cocos2d.js files. These are exactly the files you will see in your project's root directory. In addition to these three files, you can also see a file called build.xml and another file called cocos2d-jsb.js. Take a look at the following table for a brief description of what these files are responsible for:

File

Description

index.html

This is the main HTML page that will be displayed on any device's browser. This is where your game will run. This is also the file you must double-click on in order to launch the game in a browser.

main.js

This file could be compared to the AppDelegate class from Cocos2d-x. It is the starting point of our game and is where the director is informed of which the game's first scene should be.

cocos2d.js

This file is the main configuration file and is the only source file that gets linked to your HTML page. This file is responsible for invoking the engine's main loader. Any sources that go into your game need to be listed in this file.

cocos2d-jsb.js

This JavaScript source file is required to boot JavaScript bindings and is not required for Cocos2d-html5. You could delete this file if you don't intend on using JavaScript bindings.

build.xml

You can compress your entire game's source code into a single file using the Google Closure Compiler that is provided under the tools directory of the Cocos2d-html5 source. This file is the input to the Ant build command that invokes the compiler. To run this, you will need Ant and JRE installed on your machine.

resources.js

This file contains a JSON object that lists all the resources that you will need to run the game. You must ensure that each and every resource (image, plist, font, audio, and so on) is included in this file. Not doing so will most certainly crash your application.

The engine will then load all the files listed in this file into the browser's memory. Therefore, you will still need to load the textures, sprite frames and animations into their respective caches.

Now that we have a basic understanding of the structure of a typical Cocos2d-html5 project, it is time to create our very first scene in ColourSmash.

Previous Section
End of Section 5
Next Section