Book Image

Learning Cocos2d-JS Game Development

By : Emanuele Feronato
Book Image

Learning Cocos2d-JS Game Development

By: Emanuele Feronato

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning Cocos2d-JS Game Development
Emanuele Feronato
Jan, 2015 | 188 pages
No titles found
Table of Contents (18 chapters)
Learning Cocos2d-JS Game Development
Learning Cocos2d-JS Game Development
Credits
Credits
Foreword
Foreword
Foreword
Foreword
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Hello World – A Cross-platform Game
Hello World – A Cross-platform Game
Why should I make cross-platform games?
What Cocos2d-JS is and how it works
The structure of your Cocos2d-JS project
Hello Cross-World
Preloading and adding images
Removing images and changing the background color
Summary
2
Adding Interactivity – The Making of a Concentration Game
Adding Interactivity – The Making of a Concentration Game
Creating multiple instances of game assets
Adding a gradient background
Extending the Sprite class beyond its capabilities
Making assets react to clicks and touches
Changing sprite images on the fly
Shuffling the tiles and adding the score
Summary
3
Moving Sprites Around the Screen – An Endless Runner
Moving Sprites Around the Screen – An Endless Runner
Loading and placing graphic resources
Adding an endless scrolling background
Adding the spaceship
Controlling the spaceship
Adding asteroids
Asteroid versus spaceship collision
Invulnerability
Preventing the spaceship from flying off the screen
Adding particles
Summary
4
Learn about Swipes through the making of Sokoban
Learn about Swipes through the making of Sokoban
Loading graphic assets
Building a level
Detecting swipes
Completing the game
Summary
5
Become a Musical Maestro
Become a Musical Maestro
Choosing sounds
Preloading sounds
Creating a sound menu
Managing music and sound effects
Summary
6
Controlling the Game with Virtual Pads
Controlling the Game with Virtual Pads
Overview of virtual pads
First things first – the game
Summary
7
Adding Physics to Your Games Using the Box2D Engine
Adding Physics to Your Games Using the Box2D Engine
Before you start
Adding the Box2D engine to your project
Configuring the physics world
Adding bodies to the world
Updating sprite position as the world changes
Selecting and destroying world bodies
Checking for collisions among bodies
Summary
8
Adding Physics to Your Games Using the Chipmunk2D Engine
Adding Physics to Your Games Using the Chipmunk2D Engine
Adding the Chipmunk2D engine to your project
Configuring the physics space
Adding bodies to the space
Selecting and destroying space bodies
Checking for collisions among bodies
Using your own graphic assets
Summary
9
Creating Your Own Blockbuster Game – A Complete Match 3 Game
Creating Your Own Blockbuster Game – A Complete Match 3 Game
Setting up the game
Where to go now
Summary
Index
Index

Updating sprite position as the world changes

Unfortunately, our totem is still just a bunch of static sprites. Yes, we attached them to a body, but what happens when the world changes?

Try to remove the left foot of the totem, this way:

init:function () {
  this._super();
  var backgroundLayer = cc.LayerGradient.create(cc.color(0xdf,0x9f,0x83,255), cc.color(0xfa,0xf7,0x9f,255));
  this.addChild(backgroundLayer);
  var gravity = new Box2D.Common.Math.b2Vec2(0, -10)
  world = new Box2D.Dynamics.b2World(gravity, true);
  
  this.scheduleUpdate();
  this.addBody(240,10,480,20,false,"assets/ground.png","ground");
  //this.addBody(204,32,24,24,true,"assets/brick1x1.png",  "destroyable");
  this.addBody(276,32,24,24,true,"assets/brick1x1.png","destroyable");
  this.addBody(240,56,96,24,true,"assets/brick4x1.png","destroyable");
  this.addBody(240,80,48,24,true,"assets/brick2x1.png","solid");
  this.addBody(228,104,72,24,true,"assets/brick3x1.png","destroyable");
  this.addBody(240,140,96,48,true...
Previous Section
End of Section 6
Next Section