Download as PDF, PPTX
Uploaded byChangwon National University
Cocos2d game programming 2
Cocos2D is an open source 2D game framework for building games and interactive applications. It is built on top of OpenGL and supports multi-platform development for iOS, Android, Mac OS X and more. Cocos2D provides a scene graph structure and classes like CCNode, CCLayer and CCSprite that make it easy to build 2D games. It includes features like actions, effects, tiled maps and a physics engine. Cocos2D games are easy to develop and it has a large community and tools to support game development.
More Related Content
Similar to Cocos2d game programming 2
Cocos2d game programming 2
- 1.
- 2. Cocos2d • Open Source2D Game Framework • Built upon the OpenGL API’s • 2D Game, Graphic, Interactive Application Programs • Sep. 2008 - 0.3.0 version released • Used in thousands of apps • Active developer community
- 3. Cocos2d • Multi-platform gameengine • iOS, Mac OS X, Android ported • Cocos2d-x multi-platform port written in C++
- 4. iOS game engines (non-commercial) Sparrow Cocos2d (open source) (open source) oolong engine Galaxy (MIT License) (New BSD License)
- 5. iOS game engines (commercial) Unreal Game salad Dev Kit Unity SIO2 And much more...
- 6. iOS game engines •http://maniacdev.com/2011/01/open-source- and-commercial-ios-game-engine-listings- updated/ • http://maniacdev.com/2009/09/the- commercial-iphone-game-engine- comparison-3d-and-2d/
- 7. Cocos2d games Tap PetHotel: #1 Free Zombie Farm: #6 Free Tap Zoo: #2 Free iStunt 2: #6 Free
- 8. Cocos2d games Air Penguin: #1 Paid ZombieSmash: #1 Paid Fishing Frenzy: #7 Paid Trainyard: #2 Paid
- 9.
- 10. Cocos2d vs OpenGL •You can make a high level game using openGL • You will need an animation of sprits, menus for the game, actions for game objects, sound effects, and much more... • Cocos2d supports a wrapper class of OpenGL • Also sound control class, menu class, sprites...
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. Sample Program Many featuredsample codes are provided
- 17. Cocos2D Package Tutorial codes for beginners-easy to start
- 18.
- 19.
- 20.
- 21. Features • Scene Graph Structure • Flow Control(Scene Management) • Flow Control between Scenes • Sprites and Sprite Sheets • Easy and powerful way of Sprite Usage • Action • Supports many actions including move, rotate, scale, sequence, spawn,...
- 22. Features • Effect •Various 2D effect including wave, twirl, lens, liquid, ripple • Tiled Maps, Transition, Menus, Text Rendering • Physics Engine : Chipmunk, Box2d, Particle System
- 23. Features • Basic Menuand Button • Parallax scrolling • Sound Controls, Particle System • High Score server(Cocos live) • Based on OpenGL ES 1.1 - for iOS • Based on OpenGL 1.5 - for Mac
- 24. Scene Graph • Hierarchyof every Cocos2d NODE that's currently active. • Every node has exactly one parent node, except the scene itself, and can have any number of child nodes. • General technique on high level graphics system or game programming
- 25. Scene Graph CCScene CCLayer CCLayer CCLayer CCSprite CCMenu CCSprite
- 26. Scene Graph Structure •General data structure used in Vector based graphics editing application or games. • Acrobat 3D, Java 3D, AutoCAD,VRML, Open Inventor,.. • Collection of nodes in a graph or tree structure
- 27. Object class inJava • The Object class is the super class for all classes in Java • Defines the basic states and behavior that all objects must have • equals, getClass, toString, ...
- 28. CCNode in Cocos2d •The CCNode class is the super class of all Cocos2d class • Defines common attributes and methods that all Cocos2d object must have
- 29. CCNode Class • Mostimportant Cocos2D class, most object in Cocos2d inherits from CCNode • CCScene, CCLayer, CCSprite, CCMenu classes are children of CCNode class • Can include another CCNode object. • Can schedule periodic callbacks • Can run all actions
- 30. CCNode Class • Attributes • rotation, scaleX_, scaleY_,position, visible_, anchorPointInPixels_, anchorPoint_, isRelativeAnchorPoint_, contentSize_, transform_, inverse_, vertexZ_, camera_, grid, zOrder_, children_
- 31. CCNode: Attributes • If you want to draw a monster in your game anchorPoint scene • You will need an image( CCSprite ) rotation • And its position, size, rotation angle, anchor point, ... ion sit po
- 32. CCDirector Class • Cocos2DClass has name space starting with CCxxx. • Director(CCDirector) • Management object for game control thru scene • OpenGL ES environment setting • Running the game loop
- 33. CCScene Class • Scene • A game is composed of multiple screens • Each scene compose each screen on game • Scene is composed of multiple layers(hierarchical structure)
- 34. Scene & Director CCDirector .. CCScene CCScene .. CCScene
- 35. CCScene Class CCScene CCLayer CCLayer (game layer) (touch handling layer)
- 36. CCLayer Class • OneGame scene can contain many layers • and each layer contains more than one sprite or menu • Capture user interaction or accelerometer • Layer consists a scene
- 37. CCLayer CCLayer Score: 210 LIFE : 3 .. CCSprite CCLabel .. CCNode CCSprite CCSprite ..
- 38. CCLayer CCLayer Score: 210 LIFE : 3 .. CCSprite CCLabel .. CCNode CCSprite CCSprite ..
- 39. CCLayer • CCLayer canhandle events • isTouchEnabled_ • isAccelerometerEnabled_ • Game controller • Manage game entities
- 40. Sprite Object • Imagefiles are loaded into OpenGL ES Textures in a format that the GPU can understand • Sprites can move within a scene or a layer • Sprites may be animated, by cycling through a number of different images
- 41. CCSprite Sprites Texture-Sprite Sheet
- 42. Action • Control themovement, transition, and effects of Cocos2d objects. • All CCNode objects are able to run actions. • CCAnimate, CCJumpBy, CCRepeatForever, CCSequence, CCSpawn, CCMoveTo, CCFadeTo,...
- 43. CCNode: Actions • Modifynode’s attributes by time • position/rotation/scale/opacity/grid/... • Interval actions and Instant actions
- 44. Running an Action high level action description
- 45. Tools - TexturePacker •Loading a sprite requires much system resources • In a game scene many sprites are required • each sprite contains many animation images • packaging each image into a big sprite sheet
- 46. Sprite Images MB_01.png MB_02.png MB_03.png MB_03.png ...
- 47. Making a bigSprite Sheet
- 48.
- 49. in your code Sprite Sheet file Sprite file
- 50. Tools-Font Generator • Manygame developers want in-house bitmap font • Game scene needs an special font effect and customized fonts
- 51.
- 52. in your code font file (testFont.png) import meta-data(testFont.fnt)
- 53. Sound Editor • SoundEffect is very important in a game
- 54.
- 55.
- 56.
- 57. Game Tools • Many3rd party game tools for Cocos2d are available • Enrich your game effect • Minimize your programming efforts • More efficient way of memory management
- 58.
- 59. Download • Unzip downloadedfile • “ZhouWeikuan-cocos2d-1d79d40” folder will be generated.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.