Cocos2d: creare videogiochi con facilità!

maurizio.moriconi@mobilesoft.it - MobileSoft

Maurizio Moriconi

maurizio.moriconi@mobilesoft.itMaurizio Moriconi

Chi sono

• CTO presso Mobilesoft• Mobile Developer

• Co-founder• Main Developer

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

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

@bugman79

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

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

Esempi di successo

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)

• 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

Materiale e comunità

• Scene management (workflow)• 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)

Cocos2d Features

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

Download ed installazione

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

Ci sono template per Xcode!!

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

Hello World

Librerie cocos2d

Icone e SplashScreen

Application Delegate

Intro Scene

HelloWorld Scene

Hello World

Splashscreen

Intro Scene

Hello World Scene Game Center già configurato!!!

Show me the code...

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-)

Nodessono l’oggetto base di cocos2d

Basic Concepts

CCScene

Scenes

Fonte immagine cocos2d Wiki

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

CCLayer

Layers

Fonte immagine cocos2d Wiki

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

CCNode

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

• Position• Z order• Tag• ...

Sperando che vi ricordate cosa sia un sistema di riferimento cartesiano

0,0# X#

Sprite

Creazione

Sprites

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

ryu.position = ccp( x , y );

Posizionamento (di base è 0,0)

Anchor Pointdi base è 0.5,0.5

[self addChild:ryu z:1 tag:123];

Aggiunta al LayerSprite posizionato a 0,0

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!

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

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

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

[ryu runAction:sequence];

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

Show me the code...

Sprite Sheets

Super Mario All-Stars: Super Mario Bros. 2

Texture con dimensioni di potenze di 2

Texture Atlas

2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048

Texture 256x256

Wasted memory

1. Chiamate ad OpenGLES ridotte2. Utilizzo della memoria ottimizzato3. Si possono gestire sprite con diverse dimensioni4. Ci sono tool ottimi come Texture Packer (o Zwoptex) per crearle

Perchè usarle ???

http://www.codeandweb.com/texturepacker

Texture Packer

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

Show me the code...

Scelta tra 2 motori Fisici:• Box2D• ChipMunk

Physics engine

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

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

CocosDenshion

Sound Engine

• 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

Play a sound

SimpleAudioEngine

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

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

Play a music

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

Preload a sound

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

CDAudioManagermaurizio.moriconi@mobilesoft.itMaurizio Moriconi

CDAudioManager e CDSoundEngine

CDSoundEngine

• E’ usata anche da SimpleAudioEngine

• Permette di gestire più tracce di lunga durata

• Utile se serve suonare più suoni contemporaneamente

• Sound Engine basato su OpenAL

• Gestisce fino a 32 suoni contemporanei

• Permette effetti come:• Pitch• Pan• Gain

Il tempo è tiranno...

Alcune features

Vediamo alcune features al volo...

CCMenu

composto da Menu Item

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

Particle system

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

Ribbons

Shaders

BitMapped Font

Cocos Builder

Game Center

Cocos2d è uno dei tanti mezzi...

il resto ce lo mettete voi...

Cocos2d

Donald Knuth “The Art of Computer Programming”

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.

Cocos2d: creare videogiochi con facilità!

Technology

Transcript of Cocos2d: creare videogiochi con facilità!

MOBIILIPELINKEHITYS COCOS2D-X -SOVELLUSKEHYKSELL„

Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」

Chi gioca ai videogiochi?

Introducción a Cocos2D

For cocos2d jpn devcon

Creatore di Videogiochi - Accademia Tecnologie...Videogiochi il corso “game Soul” - creatore di videogiochi è a suo modo rivoluzionario. reare videogiochi di successo senza imparare

06 html5 and cocos2d-x

Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」

Videogiochi per il turismo

Vivencias desarrollando cocos2d

Videogiochi, informatica per l’intrattenimento

La Storia Dei Videogiochi

Cocos2d x-sprite3d

20150108 cocos2d x-talk

Sistemi Intelligenti Videogiochi CNR

Videogiochi e psicologia

Gcs2014 0225 cocos2d-xjsb

Cocos2d-x 3D Extension

Videogiochi per la didattica

Introducción a Cocos2D: Evento Codemotion