Basic Concepts ============== There are some basic concepts introduced in this library that you will need to know when developing a cocos2d application: .. contents:: :local: .. _guide_scene: Scenes ------ A scene (implemented with the :class:`~cocos.scene.Scene` object) is a more or less independent piece of the app workflow. Some people may call them "screens" or "stages". Your app can have many scenes, but only one of them is active at a given time. For example, you could have a game with the following scenes: Intro, Menu, Level 1, Cutscene 1, Level 2, Winning cutscene, losing cutscene, High scores screen. You can define every one of these scenes more or less as separate apps; there is a bit of glue between them containing the logic for connecting scenes (the intro goes to the menu when interrupted or finishing, Level 1 can lead you to the cutscene 1 if finished or to the losing cutscene if you lose, etc.). .. figure:: scenes.png A scene is described in cocos2d as a tree of :class:`.CocosNodes` where the root is a :class:`.Scene` node, the most near descendants usually are :class:`.Layers`, and they hold and organize individual elements. Example for the main menu screen:: main_menu_scene : Scene node holding all the main menu elements animated_background : Layer depicting an animated background static_background : Sprite with a nice draw covering all the screen far_trees : Layer holding the most distant trees tree_1..tree_k : Sprites showing trees birds : Layer holding flying birds bird_1..bird_n : Sprites showing birds near_trees : Layer holding the most near trees tree_1..tree_m : Sprites showing trees main_menu : Menu, a Layer subclass provided by cocos that handles all the behavior related to menu (key listening, highlight, select...) item1 : MenuItem , 'play' item2 : MenuItem , 'options' item3 : MenuItem , 'quit' There is also a family of `Scene` subclasses called transitions (implemented with the :class:`~cocos.scenes.transitions.TransitionScene` object) which allow you to make transitions between two scenes (fade out/in, slide from a side, etc). Since scenes are subclass of :class:`.CocosNode`, they can be transformed manually or by using actions. See :doc:`actions` for more details about actions. Director -------- The **director** is the component which takes care about going back and forth between scenes. The director is a shared (singleton) object. It knows which scene is currently active, and it handles a stack of scenes to allow things like "scene calls" (pausing a :class:`.Scene` and putting it on hold while other enters, and then returning to the original). The push, replacement or end of the current scene is made by director. The director is also responsible for initializing the main window. To get the director object you do:: import cocos from cocos.director import director Implementation lives in :mod:`cocos.director` .. _guide_layer: Layers ------ Layers helps you organize the scene in the back to front axis, for example - background : a fixed draw of landscape - far : decorative trees and birds - middle : platforms - near : player, enemies, coins - HUD : Heads Up Display to show game stats like life, energy You can think layers as (usually) transparent sheets where the children are drawn, and the scene as the stack of sheets. .. image:: layers.png In non MVC (model - view - controller) design style, some code related to nodes interaction tends to float in the layer holding the entities, providing higher functional units. For example, :class:`.Menu` is a Layer subclass that knows how to layout and animate items, read user inputs and do control flow. Layers are the ones defining appearance and behavior, so most of your programming time will be spent coding :class:`.Layer` subclasses that do what you need. The :class:`.Layer` is where you define event handlers. Events are propagated to layers (from front to back) until some layer catches the event and accepts it. Even if any serious app will require you to define some :class:`.Layer` subclasses, cocos2d provides some useful specialized layers: - :class:`.MultiplexLayer`, a group of layers where only one is seen at a time - :class:`.ScrollingManager`, :class:`~cocos.layer.scrolling.ScrollableLayer`; does the logic to limit scroll to viewable areas - :class:`.RectMapLayer`, :class:`.HexMapLayer`, :class:`.TmxObjectLayer`; displays a group of rectangular or hexagonal tiles or TMX objects - :class:`.Menu`, implements simple menus - :class:`.ColorLayer`, a solid color rectangle - :class:`.PythonInterpreterLayer`, used by director to pop up an interactive console to peek and poke at the objects in our scene (ctrl + I to toggle on-off) To make loading of appropriate assets easier you may override the ``__init__`` method of your :class:`.Layer` subclass. This will be called when your Layer is created. Since layers are subclasses of :class:`.CocosNode`, they can be transformed manually or by using actions. See :doc:`actions` for more detail about actions. Sprites ------- A cocos2d' sprite is like any other computer sprite. It is a 2D image that can be moved, rotated, scaled, animated, etc. Sprites (implemented using the :class:`.Sprite` class) can have other sprites as children. When a parent is transformed, all its children are transformed as well. Since sprites are subclass of :class:`.CocosNode`, they can be transformed manually or by using actions. See :doc:`actions` for more detail about actions. Events ------ cocos2d uses `The pyglet Event Framework`_ to handle events. The pyglet event framework in a pinch ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - you have **emitters** (instances of `pyglet.event.EventDispatcher `_) - each emitter registers as many events as desired, each one identified by a string (the event name) - to act over events, you register **listeners** with the emitter. Essentially, you provide the emitter with a (, callable) and the emitter will call the callable when happens. Any number of listeners can register for a (emitter, ) pair. A listener can register to any number of emitters. - example registration **emitter** events:: class Bunker(pyglet.event.EventDispatcher): ... def building_update(self, dt): ... if self.elapsed_time>self.building_time: self.dispatch_event('on_building_complete', self) def take_damage(self, damage): self.dispatch_event('on_building_under_attack', self) self.life -= damage if self.life<0: self.dispatch_event('on_building_destroyed', self) # following lines register the events that Bunker instances can emit Bunker.register_event_type('on_building_complete') Bunker.register_event_type('on_building_under_attack') Bunker.register_event_type('on_building_destroyed') Note that an event can carry zero, one or more arguments; here we send the instance emitting the event. - example registration **listeners**:: class Commander(object): def __init__(self, ...): self.buildings = [] ... def invest_resources(self): ... bunker = Bunker(...) # register to receive all events from object bunker bunker.push_handlers(self) self.buildings.append(bunker) ... # handlers for the events def on_building_complete(self, building): ... def on_building_under_attack(self, building): ... def on_building_destroyed(self, building): ... Note that the handlers accepts the parameters that the event carries. The listener registration here works as: - we pass a class instance to push_handlers - pyglet will look at methods in this class instance whose name match for any which the emitter registered, and then register ( , obj.event_name ) for each match. With this style of listener registration you should be careful when registering for two emitters: if both emitters can generate 'on_cuack' events and you register:: emitter1.push_handlers(obj) emitter2.push_handlers(obj) then obj.on_cuack will be called by both emitters. Another listener registration style is pushing explicit handlers:: bunker.push_handlers( self.on_building_complete, self.on_building_under_attack, self.on_building_destroyed ) - When you want a listener to stop receiving events from an emitter, you de-register the listener:: emitter.remove_handlers(...) # params as in push_handlers - Event propagation : The event is propagated to all handlers from the top of the emitter stack until one returns EVENT_HANDLED (which is the value True). Cocos and events ^^^^^^^^^^^^^^^^ Besides using events to get user input ('on_key_press', 'on_mouse_move',...) or window status change ( 'on_activate', ... ), you can use events to decouple the model from the view in your app. The game Tetrico, to be found in samples/tetrico is an example of this usage. Cocos in general will **not** automatically handle listeners registration/de-registration, except for one special case: the emitter is director.window and the listener is a layer or scene Thus, for the general case, you must handle the push_handlers - remove_handlers thing by yourself. When your listener lives in a CocosNode, a good scheme is pushing handlers in the on_enter method and remove handlers in the on_exit method. This way, you are sure your handlers will not be called when the node is not in the active scene. Also, for custom events, it is a good practice to not use event names that director.window uses: that prevents unexpected double calls to the handler(s). For the special case that emitter is director.window and the listeners are layers or scenes, cocos can handle the registration / de-registration: - When a scene becomes active, it would walk the scene tree to allow layers autoregistering for director.window events. The walk begins in the scene, and passes only to layer class children. - When prompted from the above walk, a layer whose class member is_event_handler has a True value, it will register itself as a director.window listener. The registration will be in the form:: director.window.push_handlers(layer) So any method whose name matches an will be registered as a listener. - When the scene becomes inactive (by director.pop or director.replace for example), the matching walk calling:: director.window.remove_handlers(layer) will be issued. Events generated by cocos itself: - (director, 'on_push') - (director, 'on_pop') - (director, 'on_cocos_resize') Cocos registers a default key listener that provides handy functionality, see :doc:`default_handlers` .. _The pyglet Event Framework: http://www.pyglet.org/doc/programming_guide/the_pyglet_event_framework.html