Kit-Cocos2D

4,004 views
3,887 views

Published on

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

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
4,004
On SlideShare
0
From Embeds
0
Number of Embeds
1,904
Actions
Shares
0
Downloads
37
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Kit-Cocos2D

  1. 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. 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. 3. Parte 1:Generalidades
  4. 4. El Juego Actividad Entretenimiento y Recreativa Diversión • Objetivos • Reglas • Retos/Desafios Personas • Plataforma Simuladores Educativo Serious Games 4/35
  5. 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. 6. Experiencia Multimedia IEEE TRANSACTIONS ON MULTIMEDIA, VOL. 6, NO. 6, DECEMBER 2004 6/35
  7. 7. Experiencia Multimedia Como en una buena Sopa 7/35
  8. 8. Videojuegos Un buen ejemplo: Videojuegos Máximo exponente de complejidad multimedia 8/35
  9. 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. 10. Creatividad e Imaginación ¡TODO es válido! • No aparecen de la nadaIDEAS • 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. 11. ¿Necesito ser un gurú o experto técnico parahacer un juego o videojuego? ¡NO! ¡Youtube Games! ¡Power Point Games! 11/35
  12. 12. ¿Necesito ser un gurú o experto técnico parahacer un juego o videojuego? Alice ¡Browser Games! ¡CSS Games! 12/35
  13. 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. 14. ¿Necesito ser un gurú o experto técnico parahacer un juego o videojuego? Factores Público Objetivo / Target Tipo de Juego Demografía: Edad, Sexo, etc • Shooter (FPS, TPS, Scroller, Shot andPlaceres Run, Raíles, etc) Sumisión, fantasía, narrativa, reto, com unidad, descubrimiento, expresión… • Aventura (Conversacional, Rol o RPG, gráfica, interactiva, rompTaxonomía ecabeza, japonesa, etc) Achievers, Explorers, Socializers, Killers Hardcore, Casuales, etc • Lucha • SimuladoresBibliografía: The Art of Game Desgin: A Book of Lenses. Jesse Schell (música, aeronáutica, lucha, sh ooter, aventura) 14/35
  15. 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. 16. Parte 2:Introducción a Cocos2D for iPhone
  17. 17. Cocos2D for iPhone Framework App Multimedia y Juegos 2D iPhone 17/35
  18. 18. ¿Por qué Cocos2D for iPhone? Approves! • Flexibilidad  Librerías en C • Fácil de usar 18/35
  19. 19. ¿Por qué Cocos2D for iPhone? Video de Ricardo Quesada http://www.youtube.com/watch?v=hvDCmKaJPak 19/35
  20. 20. ¿Por qué Cocos2D for iPhone?Gran Comunidad  Tutoriales, Código Fuente 20/35
  21. 21. Parte 3:Características Cocos2D for iPhone 21/35
  22. 22. ¿Cómo se esctructura cocos2D? Escenas (CCScene) Menu Nivel 1 FIN Puntuación 22/35
  23. 23. ¿Cómo se esctructura cocos2D? Layers o Capas (CCLayers) 23/35
  24. 24. ¿Cómo se esctructura cocos2D? Nodes (CCNodes) Sprites (CCSprites) Labels (CCLabel) Color Layer (CCColorLayerl) 24/35
  25. 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. 26. Otros elementos de Cocos2D Librerías Físicas Chipmunk Box2D 26/35
  27. 27. Otros elementos de Cocos2D Efectos Desplazamiento Zoom Radial Vueltas Giros Ondas 27/35
  28. 28. Otros elementos de Cocos2D Partículas Parallax Scroll • Particle Desginer Eje Eje 28/35
  29. 29. Sprites ¿Qué es un Sprite? ¡NOPE! 29/35
  30. 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. 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. 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. 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. 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. 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. 36. Parte 4:Demo de Prueba

×