CocoonJS.pdf

Transcript

1. Los orígenes • Todo empezó con iOS • Nueva plataforma: iOS • Nuevo lenguage: ObjC • Toolkit para gráficos: Cocos2D soporta ObjC :D
2. Los orígenes
3. Nuevas plataformas • Android entra en escena • Nueva plataforma • Nuevo lenguaje: Java • Toolkit para gráficos?: Cocos2D soporta Java :)
4. Nuevas plataformas
5. Nuevas plataformas • Y el browser? • Java: Back to 90s • Flash: ActionScript → otro lenguaje más? :(
6. Multiplataform: Round 1 • Lo más rápido: Herramientas de autor • Multiplatarforma • Lenguage único: • Unity: Javascript, C# • Shiva: Lua, C++ • Torque: TorqueScript
7. Multiplatform: Round 1 • Problemas: • Precios licencias • Tecnología de terceros • Solución para el browser: Plugins • No soportado en todos los navegadores • Usuario no quiere instalar más plugins
8. Resultado • iBasket: • iOS: ObjC • Android: Java • Web: Unity
9. Multiplatform: Round 2 • Hagámoslo nosotros!
10. Multiplatform: Round 2 • Framework Multiplataforma C++: Cocoon • Capa abstracción plataforma • Tipos, ciclos de vida, acceso hardware, filesystem, ... • Lenguaje único: C++ • Arquitectura orientada a servicios: Biwinning! • IOS y Android... cualquier otro con NDK • Abstracción servicios plataforma
11. Multiplatform: Round 2
12. Multiplatform: Round 2 • Pero y el navegador?
13. Meanwhile... • Aparece HTML5. • Standard → Sounds great! • Desarrollamos CAAT • Director escena: gestor escenas, jerarquía, input, resoluciones, input,... • Independencia render: canvas, CSS o WebGL • Open Source • http://www.ludei.com/tech/caat
14. Meanwhile... • Pero y HTML5 en los móviles? • Problemas de rendimiento • API incompleta • Faltan servicios de plataforma: Store, multiplayer, Ads,..
15. Meanwhile...
16. Multiplatform: Final Round • Tenemos por un lado • Cocoon: Framework Multiplataforma C++ • Orientado a servicios • Por otro lado • HTML5 • CAAT: Toolkit gráfico JS HTML5 • Un problema: Rendimiento
17. Multiplatform: Final Round • Cocoon + JSVM → CocoonJS!
18. Arquitectura
19. Objetivos • Rendimiento nativo del canvas → OpenGL • Acceso a facilidades de Hardware: • Vibración • Geolocalización • Brújula • Acelerómetro • ...
20. Objetivos • Acceso a servicios de plataforma: • Publicidad • Analíticas • Stores • Multiplayer • Notificaciones • Redes sociales • ...
21. Soportamos todo HTML5? • Lo más importante para desarrollo juegos: • Canvas • Audio • Websockets • LocalStorage • XMLHttpRequest • Geolocalización • … • http://wiki.ludei.com/cocoonjs:featurelist
22. Desarrollo con CocoonJS • Orientado a aplicaciones Canvas HTML5 • Cíñete al estándar • Conoce las limitaciones • Utiliza un motor si no quieres reinventar la rueda • CAAT • ConstructJS • ImpactJS
23. Desarrollo con CocoonJS • Si quieres usar servicios de plataforma no estándar, utiliza las librerías de CocoonJS
24. Rendimiento - Texturas • Vale cualquier cosa? • Texturas tamaño potencia de 2 • Empaquetar texturas • Menos cambios contexto OpenGL • Menos desperdicio memoria
25. Rendimiento - Memoria • La plataformas móviles no son el desktop • Gestión inteligente memoria • Cuidado con el garbage collection • Optimiza tu código
26. Herramientas - Launcher • Herramienta de testeo de desarrollo • Disponible para iOS y Android • Actualizada con las últimas novedades y demos
27. Herramientas - Launcher • Puedes subir tus desarrollos o probarlos en remoto • Mocks para servicios no disponibles • Testea en el Launcher hasta que todo vaya bien
28. Herramientas - Cloud • Cuando el desarrollo esté listo, súbelo al Cloud • Configuración de servicios • Compilación multiplataforma “One-Click” • Subes el código • Te llega un correo para descargar paquetes para: • AppStore: IPA • PlayStore: APK • Amazon AppStore: APK • Chrome Web Store: .zip • Firefox Marketplace: .zip
29. Y ahora? • Más Markets: • Windows Phone • Blackbery • Unbuntu Phone • Nook • … • WebGL • Ampliar oferta de servicios