Book Image

Learning Cocos2d-JS Game Development

By : Emanuele Feronato
Book Image

Learning Cocos2d-JS Game Development

By: Emanuele Feronato

Overview of this book

Table of Contents (18 chapters)
Learning Cocos2d-JS Game Development
Credits
Foreword
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
9
Creating Your Own Blockbuster Game – A Complete Match 3 Game
Index

Loading and placing graphic resources


You need to build the game over the blueprint created in the first chapter, so here is the content of the assets folder:

You can see the spaceship, the asteroid you have to avoid, a small circle to create particle effects, and the scrolling background.

You will spend some time trying to understand the background. As the game is 480 x 320 pixels, your background should be at least 480*2=960 pixels wide, which is made by two 480 x 320 seamless images.

With the following image, you will be able to give the player the possibility to fly through an endless cityscape:

All these images need to be preloaded by the loadassets.js file located in src, which will become:

var gameResources = ["assets/background.png","assets/ship.png","assets/particle.png","assets/asteroid.png"];

You also need to make some changes to main.js because this time you want a game in the landscape mode:

cc.game.onStart = function(){
  cc.view.setDesignResolutionSize(480, 320, cc.ResolutionPolicy...