Sprite Kit es el nuevo framework de iOS 7, y considerando que la adopción de iOS 7 llego a 40% de los usuarios durante el primer fin de semana, se espera que Sprite Kit revolucione el desarrollo de juegos 2D para la plataforma iPhone y iPad en muy corto plazo. En esta sesión de una hora, se hará una introducción a Sprite Kit, cubriendo los aspectos teóricos, como prácticos y se desarrollara una juego totalmente funcional, lo cual permitirá ver el alcance y facilidad de la nueva tecnología Temario a cubrir durante la sesión: - Introducción a Sprite Kit - Escenas (SKView) ,transiciones, frame rates - Acciones, secuencias - Sprites, texturas, - Nodos: labels. shapes, video - Sistema de Partículas (fuego, lluvia, humo, nieve, etc) - Manejo de sistemas de partículas - Simular Fisica: Gravedad, fricción, colisiones - Proyecto: SpacesShip Game

1. Introducción al Desarrollo de
Videojuegos con SpriteKit de iOS 7
Ing. Víctor Hugo Salazar Haro

2. Agenda
•
•
•
•
Introducción a iOS 7
Xcode 5
Sprite Kit
Demo: SpaceShip

3. Introducción al Ambiente Mac
• iOS 7
• Mac OSX 10.8 Mountain Lion (Mac OSX Mavericks GM)
• Xcode 5 (iOS 7, iOS 6)
– Antes llamado Project Builder (PB) e Interface Builder (IB)
• Libraries
– Cocoa, Cocoa Touch
– Frameworks (Object Libraries):
• Foundation.framework / UIKit.framework
– Prefijo “NS” – NeXTSTEP
• Objective-C
– OOP (Object Oriented Programming) Language
– Derivado de ANSI C – Superset de C
– Sintaxis para manejo de Objetos y Messaging derivados de
SmallTalk de Xerox PARC

4. Componentes del IDE
Integrated Development Environment)
• Herramientas
Xcode
Simulador
Instruments
[display setColor:[UIColor redColor]];
• Lenguaje
display.color = [UIColor redColor];
Foundation
UIKit
CoreGraphics
• Frameworks
iTunes Connect
• Portal developer.apple.com
iOS Provisioning Portal

5. 3 Ideas detrás de iOS 7
Claridad
Deferencia
Profundidad

6. Arquitectura de iOS

7. Componentes de iOS
Core OS
iOS
Cocoa Touch
Media
Core Services
Core OS
•
•
•
•
•
•
•
•
•
•
OSX Kernel
Mach 3.0
BSD
Sockets
Security
Power Management
Keychain Access
Certificates
File System
Bonjour

8. Componentes de iOS
Core Services
iOS
Cocoa Touch
Media
Core Services
Core OS
•
•
•
•
•
•
•
•
•
•
Collections
Address Book
Networking
File Access
SQLite
Core Location
Net Services
Threading
Preferences
URL Utilities

9. Componentes de iOS
Media
iOS
Cocoa Touch
Media
Core Services
Core OS
•
•
•
•
•
•
•
•
•
•
Core Audio
OpenAL
Audio Mixing
Audio Recording
Video Playback
JPEG, PNG, TIFF
PDF
Quartz (2D)
Core Animation
OpenGL ES

10. Componentes de iOS
Cocoa Touch
iOS
Cocoa Touch
Media
Core Services
Core OS
•
•
•
•
•
•
•
•
•
•
Multi-Touch
Core Motion
View Hierarchy
Localization
Controls
Alerts
Web View
Map Kit
Image Picker/Camera
Social Activity View

11. 114 Nuevas Clases
679 Nuevos Métodos
917 Nuevas Properties

12. Mejoras a frameworks en iOS7
• UIKit.framework
– UIKit Dynamics (Objetos UIView con comportamiento
real)
– Textkit (Gestión de texto y tipografías)
• Foundation.framework
– NSURLSession
– NSNetService and NSNetServiceBrowser
• Mapkit.framework
– Soporte de mapas 3D dentro de la App
• Social.framework
– Airdrop en UIActivityViewController Class

13. Nuevos Frameworks en iOS 7
• SpriteKit.framework
– (2D Games, graphics rendering, animation, physics)
• GameController.framework
– (Hardware Controllers en iOS)
• MultipeerConnectivity.framework
– (peer-to-peer Connectivity without WiFi)
• JavaScriptCore.framework
– (Wrapper for Java Script)
• MediaAccessibility.framework
– (Closed-Caption Support)
• SafariServices.framework
(Adding URLS to the User´s Safarir reading list)

14. Game Controller

15. Sprite Kit

16. Sprite Kit

17. Sprite Kit
• Muchos juegos altamente reconocidos
son hechos en 2D
• Los desarrolladores quieren enfocarse en:
– Gráficas de alta calidad
– Sistemas de particulas y efectos visuales
– Animación y física
• El foco debe de ser el desarrollar el juego
y no el engine

18. Sprite Kit
• Avanzando el Desarrollo de Videojuegos
Imágenes
de
Sprites,
Formas
y
Par5culas
Animaciones
y
Física
Audio,
Video
y
Efectos
Visuales

19. El Game Loop de Sprite Kit

20. El Game Loop de Sprite Kit

21. El Game Loop de Sprite Kit

22. El Game Loop de Sprite Kit

23. El Game Loop de Sprite Kit

24. El Game Loop de Sprite Kit

25. El Game Loop de Sprite Kit

26. Nodos en Sprite Kit

27. SpriteKit Concepts
SKScene: View donde agregamos sprites, physics,
animations, touches, etc.
SKSpriteNode: Desplegar Views (spaceship, rock) y
poder añadir rotación, escala, posición, frames, etc
SKLabelNode: Desplegar Texto (texto, tamaño,
color, etc, font)
SKAction: Objeto para rotation, resize, scale, repeat,
play audio, etc

28. SpriteKit Concepts
Emmiters: Forma de generar y editar partículas para
simular fire, smoke, snow, magic, etc)
SpriteKit Sounds: Reproducir archivos de audio

29. Demo: SpaceShip
.

30. Contacto
• E-mail: victor.haro@code3e.com
• Sitio Web: www.code3e.com
• Cursos:
– Introducción a la Programación para el Desarrollo
de Apps “For Absolute Beginners”
– Desarrollo de Apps para iPhone y iPad (iOS 7)
– Desarrollo de iOS Avanzado
– Desarrollo de Videojuegos y Aplicaciones
Interactivas 3D con Unity 4.X