Kit-Cocos2D

36
E Introducción a Cocos2D 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

description

Pequeña charla introductoria al mundo de Cocos2D for iPhone que pude realizar en Medianet Software El código fuente lo podrás encontrar a continuación: http://phyline.com/blog/codigoCocos2D/kitCocos2D.zip Fotografías empleadas: Browser Games: www.emezeta.com PowerPoint Game: Sloked C++ Game: AhmedOoOR Youtube perfil Cocos2D: cocos2d.org Terrain Parallax: iphonegametutorials.com Bibliografía: Oscar García Panella - Serious Games Jesse Schell - The Art of Game Design Video Entrevista Ricardo Quesada por RevolucionMobi

Transcript of Kit-Cocos2D

Page 1: Kit-Cocos2D

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

Page 2: Kit-Cocos2D

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

Page 3: Kit-Cocos2D

Parte 1: Generalidades

Page 4: Kit-Cocos2D

4/35

El Juego

SimuladoresSerious Games

Actividad Recreativa

Entretenimiento y Diversión

Personas

Educativo

• Objetivos• Reglas• Retos/Desafios • Plataforma

Page 5: Kit-Cocos2D

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

Page 6: Kit-Cocos2D

6/35

Experiencia Multimedia

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

Page 7: Kit-Cocos2D

7/35

Experiencia Multimedia

Como en una buena Sopa

Page 8: Kit-Cocos2D

8/35

Videojuegos

Un buen ejemplo: VideojuegosMáximo exponente de complejidad

multimedia

Page 9: Kit-Cocos2D

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

Page 10: Kit-Cocos2D

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!

Page 11: Kit-Cocos2D

11/35

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

¡NO!

¡Youtube Games! ¡Power Point Games!

Page 13: Kit-Cocos2D

13/35

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

Game Engines

Móviles

Unity

Panda

¡C++ Games!

Page 14: Kit-Cocos2D

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

Page 15: Kit-Cocos2D

15/35

Diseñando un Videojuego

Decisiones Tecnológicas

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

• Recursos Humanos

• ¿Nativa u Online?

Page 16: Kit-Cocos2D

Parte 2: Introducción a Cocos2D for

iPhone

Page 17: Kit-Cocos2D

17/35

Framework App Multimedia y Juegos 2D iPhone

Cocos2D for iPhone

Page 18: Kit-Cocos2D

18/35

¿Por qué Cocos2D for iPhone?

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

Approves!

Page 19: Kit-Cocos2D

19/35

¿Por qué Cocos2D for iPhone?

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

Video de Ricardo Quesada

Page 20: Kit-Cocos2D

20/35

¿Por qué Cocos2D for iPhone?

Gran Comunidad Tutoriales, Código Fuente

Page 21: Kit-Cocos2D

21/35

Parte 3: Características Cocos2D for

iPhone

Page 22: Kit-Cocos2D

22/35

¿Cómo se esctructura cocos2D?

Escenas (CCScene)

Puntuación

FINNivel 1Menu

Page 23: Kit-Cocos2D

23/35

¿Cómo se esctructura cocos2D?

Layers o Capas (CCLayers)

Page 24: Kit-Cocos2D

24/35

¿Cómo se esctructura cocos2D?

Labels (CCLabel)

Sprites (CCSprites)

Color Layer (CCColorLayerl)

Nodes (CCNodes)

Page 25: Kit-Cocos2D

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

Page 26: Kit-Cocos2D

26/35

Otros elementos de Cocos2D

Librerías Físicas

Chipmunk Box2D

Page 27: Kit-Cocos2D

27/35

Otros elementos de Cocos2D

EfectosRadial

Ondas

Zoom

Giros

Desplazamiento

Vueltas

Page 28: Kit-Cocos2D

28/35

Otros elementos de Cocos2D

Partículas Parallax Scroll

• Particle Desginer

Eje Eje

Page 29: Kit-Cocos2D

29/35

Sprites

¿Qué es un Sprite?

¡NOPE!

Page 30: Kit-Cocos2D

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

Page 31: Kit-Cocos2D

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

Page 32: Kit-Cocos2D

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

Page 33: Kit-Cocos2D

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.

Page 34: Kit-Cocos2D

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/

Page 35: Kit-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

Page 36: Kit-Cocos2D

Parte 4: Demo de Prueba