Ny coders - Cross-platform development with Haxe, openFL and Cocktail
3 likes5,649 views
This document discusses cross-platform development using Haxe, OpenFL, and Cocktail. It provides an overview of the technological context of platform fragmentation that drives the need for cross-platform tools. It then describes Haxe as a multi-platform language and introduces OpenFL and Cocktail as two cross-platform frameworks that use Haxe to target multiple platforms including JavaScript, Flash, and mobile from a single codebase. It highlights key features and differences between OpenFL, which is oriented towards games, and Cocktail, which is more focused on applications. Real world examples of each are also presented.
Ny coders - Cross-platform development with Haxe, openFL and Cocktail
- 1. Cross-platform development with Haxe, OpenFL & Cocktail openFL
- 2. Raphaël Harmel @djcodam Speecheo co-founder Intermedia Paris co-founder Silex Labs evangelist
- 4. Client-server communication protocol Websites and digital publishing Non-profit organisation supporting open-source software. > 800 000 downloads Cross-platform applications creation (mobile, tablet, Smart TV...) Silex Labs
- 6. Technological context Connected application world fragmentation. Explosion of costs and delays.
- 7. 2008 only computers & web browsers < 10 platforms Technological context
- 8. 2010 mobiles & tablets > 30 platforms Technological context
- 9. 2011 Set Top Box, Smart TV, Gaming consoles > 70 platforms Technological context
- 11. Target platforms
- 13. JS API FLASH API PHP API C++ API Common API (...) + Specifific APIs
- 14. Most used cross-platform tools 7 supported platforms 600.000 SDK download Applications downloaded more than 35 million times Used in 3.33% of Android applications Chiffres 2012 - estimations sources: http://www.appbrain.com/stats/libraries/dev http://www.visionmobile.com/product/cross-platform-developer-tools-2012/ 5 supported platforms 3 million developers Used in 1.51% of Android applications Some numbers... 5 supported platforms 1.5 million developers 1.85 million SDK download 35.000 applications published and deployed over 40 million devices Used in 0.16% dof Android applications
- 16. Haxe JS demo Hello Wxrld!
- 17. Haxe Flash demo Hello Wxrld!
- 18. Haxe PHP demo Hello Wxrld!
- 19. Conditionnal Compilation Haxe JS / FLASH / PHP examples
- 21. FEATURES
- 22. Targets JavaScript / nodeJS php c++ ActionScript c# (beta) Java (beta) neko
- 23. Libraries
- 25. Common points ● Natives Applications & Web Apps ● 1 single code base for all platforms openFL OpenFL vs Cocktail
- 26. Differences Games vs Apps openFL OpenFL vs Cocktail
- 27. JS APIFlash API OpenFL vs Cocktail openFL
- 29. HTML & CSS implementation uses DOM HTML API open source Cocktail
- 30. Targets JavaScript Flash Used with OpenFL, Air & PhoneGap: iOS Android Windows MacOS Linux BlackBerry WebOS Smart TV HbbTV Cocktail
- 32. Cocktail Features HTML for markup CSS for design W3C DOM API for behaviour application oriented Works in stand-alone mode or embedded in other applications
- 33. Architecture Written en Haxe Cross-platform code: 90% Specific code for each target: 10% Cocktail
- 34. THE LEADING GLOBAL PLATFORM FOR SOCIAL VIDEO ADVERTISING Video player Video player allowing: ● Youtube and DailyMotion video streaming ● advertising injection ● social network sharing 15 million impressions / month Cocktail Realisations
- 36. http://openfl.org http://www.joshuagranick.com/ openFL (former NME)
- 37. cross-platform games framework uses Flash API open-source openFL
- 39. Features 2D video games oriented bitmap manipulation accelerated rendering (OpenGL) handles keyboard, mouse, multi-touch, joystick halndles spritesheet halndles JPG, PNG, GIF halndles MP3, WAV, OGG openFL
- 40. Build tool included command line build tool simplifies deployement to any target openFL
- 41. Architecture most of the code is written in Haxe native code for each platform to access to OpenGL, font, file system APIs. openFL
- 43. QUESTIONS ?
- 45. Want to know more about Silex Labs ? Official website http://www.silexlabs.org/ Twitter @silexlabs Source code https://github.com/silexlabs/ Forums http://www.silexlabs.org/labs/
- 46. THANK YOU !