Kit-Cocos2D
-
Upload
sofia-swidarowicz -
Category
Technology
-
view
3.693 -
download
0
description
Transcript of Kit-Cocos2D
![Page 1: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/1.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/2.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/3.jpg)
Parte 1: Generalidades
![Page 4: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/4.jpg)
4/35
El Juego
SimuladoresSerious Games
Actividad Recreativa
Entretenimiento y Diversión
Personas
Educativo
• Objetivos• Reglas• Retos/Desafios • Plataforma
![Page 5: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/5.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/6.jpg)
6/35
Experiencia Multimedia
IEEE TRANSACTIONS ON MULTIMEDIA, VOL. 6, NO. 6, DECEMBER 2004
![Page 7: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/7.jpg)
7/35
Experiencia Multimedia
Como en una buena Sopa
![Page 8: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/8.jpg)
8/35
Videojuegos
Un buen ejemplo: VideojuegosMáximo exponente de complejidad
multimedia
![Page 9: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/9.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/10.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/11.jpg)
11/35
¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego?
¡NO!
¡Youtube Games! ¡Power Point Games!
![Page 12: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/12.jpg)
12/35
¿Necesito ser un gurú o experto técnico para hacer un juego o videojuego?
¡Browser Games!
¡CSS Games!
Alice
![Page 13: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/13.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/14.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/15.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/16.jpg)
Parte 2: Introducción a Cocos2D for
iPhone
![Page 17: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/17.jpg)
17/35
Framework App Multimedia y Juegos 2D iPhone
Cocos2D for iPhone
![Page 18: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/18.jpg)
18/35
¿Por qué Cocos2D for iPhone?
• Flexibilidad Librerías en C• Fácil de usar
Approves!
![Page 19: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/19.jpg)
19/35
¿Por qué Cocos2D for iPhone?
http://www.youtube.com/watch?v=hvDCmKaJPak
Video de Ricardo Quesada
![Page 20: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/20.jpg)
20/35
¿Por qué Cocos2D for iPhone?
Gran Comunidad Tutoriales, Código Fuente
![Page 21: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/21.jpg)
21/35
Parte 3: Características Cocos2D for
iPhone
![Page 22: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/22.jpg)
22/35
¿Cómo se esctructura cocos2D?
Escenas (CCScene)
Puntuación
FINNivel 1Menu
![Page 23: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/23.jpg)
23/35
¿Cómo se esctructura cocos2D?
Layers o Capas (CCLayers)
![Page 24: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/24.jpg)
24/35
¿Cómo se esctructura cocos2D?
Labels (CCLabel)
Sprites (CCSprites)
Color Layer (CCColorLayerl)
Nodes (CCNodes)
![Page 25: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/25.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/26.jpg)
26/35
Otros elementos de Cocos2D
Librerías Físicas
Chipmunk Box2D
![Page 27: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/27.jpg)
27/35
Otros elementos de Cocos2D
EfectosRadial
Ondas
Zoom
Giros
Desplazamiento
Vueltas
![Page 28: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/28.jpg)
28/35
Otros elementos de Cocos2D
Partículas Parallax Scroll
• Particle Desginer
Eje Eje
![Page 29: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/29.jpg)
29/35
Sprites
¿Qué es un Sprite?
¡NOPE!
![Page 30: Kit-Cocos2D](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/30.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/31.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/32.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/33.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/34.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/35.jpg)
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](https://reader038.fdocuments.ec/reader038/viewer/2022110302/54b4bff34a7959d8788b463c/html5/thumbnails/36.jpg)
Parte 4: Demo de Prueba