Cocos2d: creare videogiochi con facilità!

Maurizio Moriconi
Cocos2d: creare videogiochi con facilità!

maurizio.moriconi@mobilesoft.it - MobileSoft

Chi sono
Maurizio Moriconi maurizio.moriconi@mobilesoft.it

• CTO presso Mobilesoft • Co-founder
• Mobile Developer • Main Developer

http://www.linkedin.com/in/bugman

@bugman79

http://www.facebook.com/maurizio.moriconi

Cocos2d

• Framework per videogiochi 2D Open Source
• Nato inizialmente in Python e portato su altri linguaggi
• Versione Objective-c sviluppata da Ricardo Quesada
(assunto da Zynga dal 2011)
• Basato su OpenGL ES 1.1 e 2.0
• Con più di 3500 giochi presenti nel solo Apple Store

Cocos2d ports

Esempi di successo

• Alice (iPad)
• The Elements (iPad)
• Tiny Tower
• StickWars
• Farmville
• Zombie Farm
• Foldify

Perché usare Cocos2d

• E’ gratis (no royalties)
• E’ Open Source
• 2D (ma usa openGL ES!)
• E’ scritto in objective-C * ma meno tecnico
• Si programma!
• Ci fa concentrare sul gioco e sul design
* o altri linguaggi di programmazione (Java, C++, C#, JavaScript, Python)

Materiale e comunità

• Documentazione: http://www.cocos2d-iphone.org/wiki/doku.php/
• Forum: http://www.cocos2d-iphone.org/forum/
• API reference / Xcode Documentation integration
• Tanti esempi e tool esterni (CososBuilder ed altro)
• Varie pubblicazioni

Cocos2d Features

• Scene management (workﬂow)
• Transitions between scenes
• Sprites and Sprite Sheets
• Effects: Lens, Ripple, Waves, Liquid, Twirl...
• Actions (behaviors): Move, Rotate, Scale, Jump...
• Basic menus and buttons
• Integrated physics engine: Box2d / Chipmunk
• Particle systems
• Text rendering support
• Tile Map support: Orthogonal /Isometric / Hexagonal Map
• Parallax scrolling support
• Sound support
• Touch/Accelerometer (iOS)
• Fast Textures: Supports PVRTC textures, 8-bit textures, 16-bit textures and 32-bit textures
• Ribbons
• Shaders (versione 2.0)

Download ed installazione

http://www.cocos2d-iphone.org/download

https://github.com/cocos2d/cocos2d-iphone/tags

Ci sono template per Xcode!!

Stable Version: 2.0 / 1.0.1
Unstable Version: 2.1-rc / 1.1

Hello World

Hello World

Application Delegate

HelloWorld Scene

Intro Scene

Icone e SplashScreen

Librerie cocos2d

Hello World

Intro Scene

Splashscreen

Hello World Scene Game Center già configurato!!!


Show me the code...

Basic Concepts

Director
inizializza OpenGL ES e gestisce le scene

Scenes
pensiamole come una schermata di gioco

Layers
compongono le scene (vedi Photoshop)

Spites
vi dice qualcosa questa parola?? 8-)

Nodes
sono l’oggetto base di cocos2d

Scenes

CCScene

Fonte immagine cocos2d Wiki

• Sono composte da uno o più layer
• E’ una sottoclasse di CCNode
• E’ possibile avere delle transizioni CCTransitionScene

Layers

CCLayer

Fonte immagine cocos2d Wiki

• Gestisce gli eventi di touches e l’accellerometro
• E’ una sottoclasse di CCNode
• Può essere semitrasparente
• Contengono gli Sprites

Nodes

CCNode
• E’ la classe base da cui derivano le altre
• Tutto quello che è disegnato è un NODO!
• Possono contenere altri nodi
• Eseguono Actions
• Alcune proprietà Y#

• Position
• Z order Sperando che vi ricordate
cosa sia un sistema di

• Tag riferimento cartesiano

• ...
0,0#
X#

Sprite

Sprites

Creazione
CCSprite* ryu = [CCSprite spriteWithFile:@"0.png"];

Posizionamento (di base è 0,0)

ryu.position = ccp( x , y );

Aggiunta al Layer
Sprite posizionato a 0,0
[self addChild:ryu z:1 tag:123];

Anchor Point
di base è 0.5,0.5

Actions

CCActions
• Sono gli “ordini” che possiamo dare ai nodi!
• Possono essere: istantanee o periodiche
• Si auto-rimuovono una volta terminate
• Si definiscono con un tempo, i movimenti o altre
azioni sono interpolate e gestiti in automatico!!!

es. spostati fino a x,y in 2 secondi!!!

Actions

Basic Move, Scale, Rotate, Bezier, Hide, Fade,Tint..

Composition Sequence, Repeat, Spawn, RepeatForever..

Ease Ease, EaseExponential, EaseBounce..

Effects Lens, Liquid, Ripple, Shaky,Twirl,Waves..

Special CallFunc, Follow..

Actions in action!

CCMoveTo *moveToAction = [CCMoveTo actionWithDuration:duration
position:newPosition];
[ryu runAction:moveToAction];

CCScaleTo *scaleToAction = [CCScaleTo actionWithDuration:duration scale:scale];

CCRotateBy *rotateByAction = [CCRotateBy actionWithDuration:duration angle:angle];

CCSequence *sequence = [CCSequence actions:scaleToAction, rotateByAction, nil];

[ryu runAction:sequence];

Sprite Sheets

Super Mario All-Stars: Super Mario Bros. 2

Texture Atlas

Texture con dimensioni di potenze di 2
2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048

Wasted memory

Perchè usarle ???
1. Chiamate ad OpenGLES ridotte
2. Utilizzo della memoria ottimizzato
3. Si possono gestire sprite con diverse dimensioni
4. Ci sono tool ottimi come Texture Packer
(o Zwoptex) per crearle
Texture 256x256

Texture Packer

http://www.codeandweb.com/texturepacker

Gestire i controlli

- (void)ccTouchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)ccTouchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;

- (void)ccTouchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

• Ogni layer può ricevere comandi
(touch, mouse, tastiera)

• Facile da implementare!!!
• Implementazioni di Joypad OpenSource

Physics engine

Con un motore fisico si delega la gestione delle
animazioni mappando Sprite con oggetti della fisica

Scelta tra 2 motori Fisici:
• Box2D
• ChipMunk

Box2d

Caratteristiche:
• scritto in C++
• sviluppato da Erin Catto (Blizzard Entertainment)
• openSource e multipiattaforma

http://box2d.org

ChipMunk

Caratteristiche:
• scritto in C
• sviluppato da Scott Lembcke (Howling Moon Software)
• openSource e multipiattaforma
• esistono versioni a pagamento

http://chipmunk-physics.net

Cocos2d Templates

Sound Engine

CocosDenshion
• Libreria audio iOS e Mac OS X
• Si può usare al di fuori di Cocos2d!!
• Alto e basso livello
• Supporta molti formati tra cui:
• Caf
• Aiff
• Wav
• Mp3

SimpleAudioEngine

Play a sound
[[SimpleAudioEngine sharedEngine] playEffect:@"mysound.wav"];

Play a music
[[SimpleAudioEngine sharedEngine] playBackgroundMusic:@"mario-music.mp3"];

Preload a sound
[[SimpleAudioEngine sharedEngine] preloadEffect:@"mysound.wav"];

Preload a music
[[SimpleAudioEngine sharedEngine] preloadBackgroundMusic:@"mario-music.mp3"];

CDAudioManager e CDSoundEngine

CDAudioManager
• E’ usata anche da SimpleAudioEngine
• Permette di gestire più tracce di lunga durata
• Utile se serve suonare più suoni contemporaneamente

CDSoundEngine
• Sound Engine basato su OpenAL
• Gestisce fino a 32 suoni contemporanei
• Permette effetti come:
• Pitch
• Pan
• Gain

Alcune features

Il tempo è tiranno...

Vediamo alcune features al volo...

Menu

CCMenu
composto da Menu Item

Particle system

Sistema particellare, alcuni effetti:
• fuoco
• pioggia
• neve
• galassia
• molti altri....

CCParticleFire *fire = [[CCParticleFire alloc] initWithTotalParticles:100];
[fire setLife:20];
[fire setAutoRemoveOnFinish:YES];
fire.position = ccp(size.width/4,size.height/2);
[self addChild:fire];

Tile maps

Basate sul concetto di Tile
• riuso della grafica
• possibilità di assegnare status a dei tile
• editor esterni per creare “mondi”
Ortogonali

Isometriche

Altre ancora...

Parallax Scrolling BitMapped Font

Ribbons Cocos Builder

Shaders Game Center

Cocos2d

Cocos2d è uno dei tanti mezzi...

il resto ce lo mettete voi...

Programmare è un arte!

Our discussion indicates that computer
programming is by now both a science
and an art, and that the two aspects
nicely complement each other.
[...] We have seen that computer
programming is an art, because it
applies accumulated knowledge to the
world, because it requires skill and
ingenuity, and especially because it
produces objects of beauty. A
programmer who subconsciously views
himself as an artist will enjoy what he
does and will do it better. Therefore we
can be glad that people who lecture at
computer conferences speak about
the state of the Art.

Donald Knuth
“The Art of Computer Programming”

Cocos2d: creare videogiochi con facilità!

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Cocos2d: creare videogiochi con facilità!

Ähnlich wie Cocos2d: creare videogiochi con facilità! (20)

Cocos2d: creare videogiochi con facilità!