01219245/cocos2d-js/Platform1

This is part of 01219245. Original article was written for Cocos2d-html5.

This guide is very short. It only discuss various techniques in implementing platform games.

Here are a few useful links:

• The guide to implementing 2D platformers by Rodrigo Monteiro.
• Sonic Physics Guide

Collision detection: cc.Rect

Previously, we have implemented our own collision detection routine. However, Cocos2d-html5 has provided us with a few nice collision detection tools. See code here.

Related functions are:

• Creation: cc.rect
• Accessing functions: cc.rectGetMaxX, cc.rectGetMidX, cc.rectGetMinX, cc.rectGetMaxY, cc.rectGetMidY, cc.rectGetMinY
• Testing:
  • cc.rectEqualToRect
  • cc.rectContainsRect
  • cc.rectContainsPoint
  • cc.rectIntersectsRect
  • cc.rectOverlapsRect
• Manipulation:
  • cc.rectUnion
  • cc.rectIntersection

Falling on top

Example code

This is a sample Cocos2d-JS project that has a jumper over a set of blocks. It implements simple physical movement and rectangular collision detection. View its repository here.