E Introducción aCocos2D for iPhone

Av del Partenón, 10(campo de las naciones)

28042, Madrid

Sofía Swidarowicz Andrade

Kit 26 Enero de 2012

Videojuegos 2D

1

2/35

Parte 1: Generalidades

Parte 2: Introducción a Cocos2D for iPhoneParte 3: Características de Cocos2D for iPhone

Videojuegos 2D e Introducción a Cocos2D for iPhone

Parte 4: Demo Prueba

Parte 1: Generalidades

4/35

El Juego

SimuladoresSerious Games

Actividad Recreativa

Entretenimiento y Diversión

Personas

Educativo

• Objetivos• Reglas• Retos/Desafios • Plataforma

5/35

El Juego

• ¿Prohibimos jugar hoy en día?

• ¿Es jugar...si te obligan a hacerlo?

• ¿Como cambian las actitudes con el tiempo

y la edad?• La educación es una responsabilidad muy

seria... Los que juegan hoy, mandaran mañana

6/35

Experiencia Multimedia

IEEE TRANSACTIONS ON MULTIMEDIA, VOL. 6, NO. 6, DECEMBER 2004

7/35

Experiencia Multimedia

Como en una buena Sopa

8/35

Videojuegos

Un buen ejemplo: VideojuegosMáximo exponente de complejidad

multimedia

9/35

Videojuegos

Pues se necesita saber de todo…

• Creatividad

• Criterio estético

• Habilidad en el dibujo

• Capacidad analítica

• Capacidad comunicativa

• Compromiso

• Habilidades técnicas

10/35

Creatividad e Imaginación

¡TODO es válido!

IDEAS

• No aparecen de la nada

• La práctica hace al maestro

• Olvidar la vergüenza, los niños no la tienen.

• Dos cabezas son mejores que una. ¡Colaboración!.

• ¡Observar y escuchar!

11/35

¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego?

¡NO!

¡Youtube Games! ¡Power Point Games!

12/35

¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego?

¡Browser Games!

¡CSS Games!

Alice

13/35

¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego?

Game Engines

Móviles

Unity

Panda

¡C++ Games!

14/35

¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego? Factores

Público Objetivo / TargetDemografía: Edad, Sexo, etc

PlaceresSumisión, fantasía, narrativa, reto, comunidad, descubrimiento, expresión…

Tipo de Juego• Shooter (FPS, TPS, Scroller, Shot and Run, Raíles, etc)

• Aventura (Conversacional, Rol o RPG, gráfica, interactiva, rompecabeza, japonesa, etc)

• Lucha

• Simuladores (música, aeronáutica, lucha, shooter, aventura)

TaxonomíaAchievers, Explorers, Socializers, Killers

Bibliografía: The Art of Game Desgin: A Book of Lenses. Jesse Schell

Hardcore, Casuales, etc

15/35

Diseñando un Videojuego

Decisiones Tecnológicas

• 2D o 3D Complejidad Técnica• Recursos Económicos

• Recursos Humanos

• ¿Nativa u Online?

Parte 2: Introducción a Cocos2D for

iPhone

17/35

Framework App Multimedia y Juegos 2D iPhone

Cocos2D for iPhone

18/35

¿Por qué Cocos2D for iPhone?

• Flexibilidad Librerías en C• Fácil de usar

Approves!

19/35

¿Por qué Cocos2D for iPhone?

http://www.youtube.com/watch?v=hvDCmKaJPak

Video de Ricardo Quesada

20/35

¿Por qué Cocos2D for iPhone?

Gran Comunidad Tutoriales, Código Fuente

21/35

Parte 3: Características Cocos2D for

iPhone

22/35

¿Cómo se esctructura cocos2D?

Escenas (CCScene)

Puntuación

FINNivel 1Menu

23/35

¿Cómo se esctructura cocos2D?

Layers o Capas (CCLayers)

24/35

¿Cómo se esctructura cocos2D?

Labels (CCLabel)

Sprites (CCSprites)

Color Layer (CCColorLayerl)

Nodes (CCNodes)

25/35

¿Cómo se esctructura cocos2D?

Director (CCDirector)

• Decide cuando y cómo se ejecutan las escenas.• Controla la ventana principal • Se coloca siempre al inicio de una escena

26/35

Otros elementos de Cocos2D

Librerías Físicas

Chipmunk Box2D

27/35

Otros elementos de Cocos2D

EfectosRadial

Ondas

Zoom

Giros

Desplazamiento

Vueltas

28/35

Otros elementos de Cocos2D

Partículas Parallax Scroll

• Particle Desginer

Eje Eje

29/35

Sprites

¿Qué es un Sprite?

¡NOPE!

30/35

Sprites

¿Qué es un Sprite?• Un tipo de mapa de bits hardware especializado • Utilizados para generar animaciones • Son usados solo en videojuegos 2D• Mortal Kombat fotografiaban actores para hacer cada animación de los personajes

31/35

Sprites

¿Cómo los uso en Cocos2D?

Herramientas

SpriteSheet ahorro memoria porque carga solo una vez en caché

• Zwoptex• Sprite Helper• Sprite Packer• Image Magick• Sprite Master• Texture Packer

32/35

Audio

¿Opcional?

• Mp3, m4a, Wav compresión deseada vs peso

Librerías Audio• CocosDenshion motor de audio de baja latencia• Deriba del japonés “Sonidos Electrónicos” y Cocos

Formatos

33/35

Audio

¿Cómo usar CocosDenshion?

Simple Audio Engine

CD Audio ManagerCD Sound Engine• Hasta 32 pistas multiples• iOS 2.1.x o mayor

• Pistas de larga duración múltiple• Se identifica por un ID en vez del nombre de archivo.

34/35

Enlaces de interés

Cocos2D Página Oficial: http://www.cocos2d-iphone.org

Tutoriales de Ray Wenderlich: http://www.raywenderlich.com/

Foros:

http://www.cocos2d-iphone.org/forum/http://www.raywenderlich.com/forums/

Instalación Cocos2D:

http://phyline.com/blog/2011/12/instalacion-de-cocos2d/

35/35

Enlaces de interés

http://code.google.com/p/cocos2d-android/Cocos2D for Android

http://cocos2d-javascript.org/tutorials/breakout-clone-tutorial-part-1

Cocos2D for HTML5 JavaScript

Parte 4: Demo de Prueba