Introducción al Desarrollo de
Videojuegos con SpriteKit de iOS 7

Ing. Víctor Hugo Salazar Haro
Agenda
• 
• 
• 
• 

Introducción a iOS 7
Xcode 5
Sprite Kit
Demo: SpaceShip
Introducción al Ambiente Mac
•  iOS 7 
•  Mac OSX 10.8 Mountain Lion (Mac OSX Mavericks GM)
•  Xcode 5 (iOS 7, iOS 6)
–  A...
Componentes del IDE


Integrated Development Environment)
•  Herramientas



Xcode
Simulador
Instruments

[display setColo...
3 Ideas detrás de iOS 7

Claridad








Deferencia 






Profundidad
Arquitectura de iOS
Componentes de iOS
Core OS
iOS
Cocoa Touch
Media
Core Services
Core OS

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

OSX Kernel
Mach 3.0...
Componentes de iOS
Core Services
iOS
Cocoa Touch
Media
Core Services
Core OS

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Collections
A...
Componentes de iOS

Media
iOS
Cocoa Touch
Media
Core Services
Core OS

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Core Audio
OpenAL
Au...
Componentes de iOS
Cocoa Touch
iOS
Cocoa Touch
Media
Core Services
Core OS

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Multi-Touch
Cor...
114 Nuevas Clases
679 Nuevos Métodos
917 Nuevas Properties
Mejoras a frameworks en iOS7
•  UIKit.framework

–  UIKit Dynamics (Objetos UIView con comportamiento
real) 
–  Textkit (G...
Nuevos Frameworks en iOS 7
•  SpriteKit.framework
–  (2D Games, graphics rendering, animation, physics)

•  GameController...
Game Controller
Sprite Kit
Sprite Kit
Sprite Kit
•  Muchos juegos altamente reconocidos
son hechos en 2D
•  Los desarrolladores quieren enfocarse en:
–  Gráficas...
Sprite Kit
•  Avanzando el Desarrollo de Videojuegos

Imágenes	
  de	
  Sprites,	
  	
  
Formas	
  y	
  Par5culas	
  

Ani...
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
El Game Loop de Sprite Kit
Nodos en Sprite Kit
SpriteKit Concepts
SKScene: View donde agregamos sprites, physics,
animations, touches, etc.

SKSpriteNode: Desplegar View...
SpriteKit Concepts
Emmiters: Forma de generar y editar partículas para
simular fire, smoke, snow, magic, etc)

SpriteKit So...
Demo: SpaceShip
.
Contacto
•  E-mail: victor.haro@code3e.com
•  Sitio Web: www.code3e.com
•  Cursos:
–  Introducción a la Programación para ...
Upcoming SlideShare
Loading in …5
×

Sprite kit

1,332 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,332
On SlideShare
0
From Embeds
0
Number of Embeds
553
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sprite kit

  1. 1. Introducción al Desarrollo de Videojuegos con SpriteKit de iOS 7 Ing. Víctor Hugo Salazar Haro
  2. 2. Agenda •  •  •  •  Introducción a iOS 7 Xcode 5 Sprite Kit Demo: SpaceShip
  3. 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. 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. 5. 3 Ideas detrás de iOS 7 Claridad Deferencia Profundidad
  6. 6. Arquitectura de iOS
  7. 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. 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. 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. 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. 11. 114 Nuevas Clases 679 Nuevos Métodos 917 Nuevas Properties
  12. 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. 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. 14. Game Controller
  15. 15. Sprite Kit
  16. 16. Sprite Kit
  17. 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. 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. 19. El Game Loop de Sprite Kit
  20. 20. El Game Loop de Sprite Kit
  21. 21. El Game Loop de Sprite Kit
  22. 22. El Game Loop de Sprite Kit
  23. 23. El Game Loop de Sprite Kit
  24. 24. El Game Loop de Sprite Kit
  25. 25. El Game Loop de Sprite Kit
  26. 26. Nodos en Sprite Kit
  27. 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. 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. 29. Demo: SpaceShip .
  30. 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 


×