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

1. Videojuegos 2D
E Introducción a
Cocos2D for iPhone
Sofía Swidarowicz
Andrade
Av del Partenón, 10
(campo de las naciones) 1
Kit 26 Enero de 2012
28042, Madrid

2. Videojuegos 2D e Introducción a Cocos2D for
iPhone
Parte 1: Generalidades
Parte 2: Introducción a Cocos2D for iPhone
Parte 3: Características de Cocos2D for iPhone
Parte 4: Demo Prueba
2/35

3. Parte 1:
Generalidades

4. El Juego
Actividad Entretenimiento y
Recreativa Diversión
• Objetivos
• Reglas
• Retos/Desafios
Personas • Plataforma
Simuladores
Educativo
Serious Games
4/35

5. 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
5/35

6. Experiencia Multimedia
IEEE TRANSACTIONS ON MULTIMEDIA, VOL. 6, NO. 6, DECEMBER 2004
6/35

7. Experiencia Multimedia
Como en una buena Sopa
7/35

8. Videojuegos
Un buen ejemplo: Videojuegos
Máximo exponente de complejidad
multimedia
8/35

9. Videojuegos
Pues se necesita saber de todo…
• Habilidades técnicas
• Capacidad comunicativa
• Criterio estético
• Habilidad en el dibujo
• Compromiso
• Capacidad analítica
• Creatividad
9/35

10. Creatividad e Imaginación
¡TODO es válido!
• No aparecen de la nada
IDEAS • 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!
10/35

11. ¿Necesito ser un gurú o experto técnico para
hacer un juego o videojuego?
¡NO!
¡Youtube Games! ¡Power Point Games!
11/35

12. ¿Necesito ser un gurú o experto técnico para
hacer un juego o videojuego?
Alice
¡Browser Games!
¡CSS Games!
12/35

13. ¿Necesito ser un gurú o experto técnico para
hacer un juego o videojuego?
Game Engines
Unity
Panda
¡C++
Games! Móviles
13/35

14. ¿Necesito ser un gurú o experto técnico para
hacer un juego o videojuego?
Factores
Público Objetivo / Target Tipo de Juego
Demografía: Edad, Sexo, etc • Shooter
(FPS, TPS, Scroller, Shot and
Placeres Run, Raíles, etc)
Sumisión, fantasía, narrativa, reto, com
unidad, descubrimiento, expresión… • Aventura
(Conversacional, Rol o
RPG, gráfica, interactiva, romp
Taxonomía ecabeza, japonesa, etc)
Achievers, Explorers, Socializers, Killers
Hardcore, Casuales, etc • Lucha
• Simuladores
Bibliografía: The Art of Game Desgin: A Book of Lenses. Jesse Schell
(música, aeronáutica, lucha, sh
ooter, aventura)
14/35

15. Diseñando un Videojuego
Decisiones Tecnológicas
• ¿Nativa u Online?
• 2D o 3D  Complejidad Técnica
• Recursos Económicos
• Recursos Humanos
15/35

16. Parte 2:
Introducción a Cocos2D for
iPhone

17. Cocos2D for iPhone
Framework App Multimedia y Juegos
2D iPhone 17/35

18. ¿Por qué Cocos2D for iPhone?
Approves!
• Flexibilidad  Librerías en C
• Fácil de usar
18/35

19. ¿Por qué Cocos2D for iPhone?
Video de Ricardo Quesada
http://www.youtube.com/watch?v=hvDCmKaJPak
19/35

20. ¿Por qué Cocos2D for iPhone?
Gran Comunidad  Tutoriales, Código Fuente
20/35

21. Parte 3:
Características Cocos2D for
iPhone
21/35

22. ¿Cómo se esctructura cocos2D?
Escenas (CCScene)
Menu Nivel 1 FIN
Puntuación
22/35

23. ¿Cómo se esctructura cocos2D?
Layers o Capas (CCLayers)
23/35

24. ¿Cómo se esctructura cocos2D?
Nodes (CCNodes)
Sprites (CCSprites)
Labels (CCLabel)
Color Layer
(CCColorLayerl)
24/35

25. ¿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
25/35

26. Otros elementos de Cocos2D
Librerías Físicas
Chipmunk Box2D
26/35

27. Otros elementos de Cocos2D
Efectos
Desplazamiento Zoom Radial
Vueltas Giros Ondas
27/35

28. Otros elementos de Cocos2D
Partículas Parallax Scroll
• Particle Desginer
Eje Eje
28/35

29. Sprites
¿Qué es un Sprite?
¡NOPE!
29/35

30. 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
30/35

31. Sprites
¿Cómo los uso en Cocos2D?
SpriteSheet  ahorro
memoria porque carga
solo una vez en caché
Herramientas
• Zwoptex
• Sprite Helper
• Sprite Packer
• Image Magick
• Sprite Master
• Texture Packer
31/35

32. Audio
¿Opcional?
Librerías Audio
• CocosDenshion  motor de audio de baja latencia
• Deriba del japonés “Sonidos Electrónicos” y Cocos
Formatos
• Mp3, m4a, Wav  compresión deseada vs peso
32/35

33. Audio
¿Cómo usar CocosDenshion?
Simple Audio Engine
CD Sound Engine CD Audio Manager
• Hasta 32 pistas multiples • Pistas de larga duración múltiple
• iOS 2.1.x o mayor • Se identifica por un ID en vez del
nombre de archivo.
33/35

34. Enlaces de interés
Foros:
Cocos2D Página Oficial: http://www.cocos2d-iphone.org/forum/
http://www.cocos2d-iphone.org http://www.raywenderlich.com/forums/
Tutoriales de Ray Wenderlich:
http://www.raywenderlich.com/ Instalación Cocos2D:
http://phyline.com/blog/2011/12/ins
talacion-de-cocos2d/
34/35

35. Enlaces de interés
Cocos2D for Android
http://code.google.com/p/cocos2d-android/
Cocos2D for HTML5 JavaScript
http://cocos2d-
javascript.org/tutorials/breakout-clone-
tutorial-part-1
35/35

36. Parte 4:
Demo de Prueba