Cross-platform
development with
Haxe, OpenFL & Cocktail
openFL
Raphaël Harmel
@djcodam
Speecheo co-founder
Intermedia Paris co-founder
Silex Labs evangelist
http://www.silexlabs.org/
Client-server
communication
protocol
Websites and digital publishing
Non-profit organisation supporting open-source softwa...
Technological
Context
Technological context
Connected application world fragmentation.
Explosion of costs and delays.
2008
only computers & web browsers
< 10 platforms
Technological context
2010
mobiles & tablets
> 30 platforms
Technological context
2011
Set Top Box, Smart TV,
Gaming consoles
> 70 platforms
Technological context
Target platforms
Multi-platform language
HAXE
JS API FLASH API PHP API C++ API
Common API
(...)
+
Specifific APIs
Most used cross-platform tools
7 supported platforms
600.000
SDK download
Applications downloaded more
than 35 million tim...
DEMO
https://github.com/SilexLabsThirdParty/haxe_samples
Haxe JS demo
Hello Wxrld!
Haxe Flash demo
Hello Wxrld!
Haxe PHP demo
Hello Wxrld!
Conditionnal Compilation
Haxe JS / FLASH / PHP examples
Haxe Remoting
Client-Server Communication
FEATURES
Targets
JavaScript / nodeJS
php
c++
ActionScript
c# (beta)
Java (beta)
neko
Libraries
Librairies
GAMES APPLICATIONS
openFL
(former NME)
Common points
● Natives Applications
& Web Apps
● 1 single code base for
all platforms
openFL
OpenFL vs Cocktail
Differences
Games vs Apps
openFL
OpenFL vs Cocktail
JS APIFlash API
OpenFL vs Cocktail
openFL
http://www.silexlabs.org/haxe/cocktail/
Cocktail
HTML & CSS implementation
uses DOM HTML API
open source
Cocktail
Targets
JavaScript
Flash
Used with OpenFL, Air & PhoneGap:
iOS
Android
Windows
MacOS
Linux
BlackBerry
WebOS
Smart TV
HbbTV...
Cocktail
Features
HTML for markup
CSS for design
W3C DOM API for behaviour
application oriented
Works in stand-alone mode
...
Architecture
Written en Haxe
Cross-platform code: 90%
Specific code for each target: 10%
Cocktail
THE LEADING GLOBAL PLATFORM FOR
SOCIAL VIDEO ADVERTISING
Video player
Video player allowing:
● Youtube and DailyMotion
vid...
Cocktail
Realisations
My TF1 Connect
http://openfl.org
http://www.joshuagranick.com/
openFL
(former NME)
cross-platform games framework
uses Flash API
open-source
openFL
Targets
iOS
Android
HTML5
Windows
MacOS
Linux
Flash
BlackBerry
WebOS
openFL
Features
2D video games oriented
bitmap manipulation
accelerated rendering (OpenGL)
handles keyboard, mouse, multi-touch, ...
Build tool
included command line build tool
simplifies deployement to any target
openFL
Architecture
most of the code is written in Haxe
native code for each platform to access
to OpenGL, font, file system APIs...
Realisations
openFL
QUESTIONS ?
http://haxe.org
Want to know more about Silex Labs ?
Official website
http://www.silexlabs.org/
Twitter
@silexlabs
Source code
https://git...
THANK YOU !
Ny coders - Cross-platform development with Haxe, openFL and Cocktail
Ny coders - Cross-platform development with Haxe, openFL and Cocktail
Upcoming SlideShare
Loading in …5
×

Ny coders - Cross-platform development with Haxe, openFL and Cocktail

5,275 views

Published on

Published in: Technology, Art & Photos
  • Be the first to comment

Ny coders - Cross-platform development with Haxe, openFL and Cocktail

  1. 1. Cross-platform development with Haxe, OpenFL & Cocktail openFL
  2. 2. Raphaël Harmel @djcodam Speecheo co-founder Intermedia Paris co-founder Silex Labs evangelist
  3. 3. http://www.silexlabs.org/
  4. 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
  5. 5. Technological Context
  6. 6. Technological context Connected application world fragmentation. Explosion of costs and delays.
  7. 7. 2008 only computers & web browsers < 10 platforms Technological context
  8. 8. 2010 mobiles & tablets > 30 platforms Technological context
  9. 9. 2011 Set Top Box, Smart TV, Gaming consoles > 70 platforms Technological context
  10. 10. Target platforms
  11. 11. Multi-platform language HAXE
  12. 12. JS API FLASH API PHP API C++ API Common API (...) + Specifific APIs
  13. 13. 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
  14. 14. DEMO https://github.com/SilexLabsThirdParty/haxe_samples
  15. 15. Haxe JS demo Hello Wxrld!
  16. 16. Haxe Flash demo Hello Wxrld!
  17. 17. Haxe PHP demo Hello Wxrld!
  18. 18. Conditionnal Compilation Haxe JS / FLASH / PHP examples
  19. 19. Haxe Remoting Client-Server Communication
  20. 20. FEATURES
  21. 21. Targets JavaScript / nodeJS php c++ ActionScript c# (beta) Java (beta) neko
  22. 22. Libraries
  23. 23. Librairies GAMES APPLICATIONS openFL (former NME)
  24. 24. Common points ● Natives Applications & Web Apps ● 1 single code base for all platforms openFL OpenFL vs Cocktail
  25. 25. Differences Games vs Apps openFL OpenFL vs Cocktail
  26. 26. JS APIFlash API OpenFL vs Cocktail openFL
  27. 27. http://www.silexlabs.org/haxe/cocktail/ Cocktail
  28. 28. HTML & CSS implementation uses DOM HTML API open source Cocktail
  29. 29. Targets JavaScript Flash Used with OpenFL, Air & PhoneGap: iOS Android Windows MacOS Linux BlackBerry WebOS Smart TV HbbTV Cocktail
  30. 30. 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
  31. 31. Architecture Written en Haxe Cross-platform code: 90% Specific code for each target: 10% Cocktail
  32. 32. 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
  33. 33. Cocktail Realisations My TF1 Connect
  34. 34. http://openfl.org http://www.joshuagranick.com/ openFL (former NME)
  35. 35. cross-platform games framework uses Flash API open-source openFL
  36. 36. Targets iOS Android HTML5 Windows MacOS Linux Flash BlackBerry WebOS openFL
  37. 37. 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
  38. 38. Build tool included command line build tool simplifies deployement to any target openFL
  39. 39. Architecture most of the code is written in Haxe native code for each platform to access to OpenGL, font, file system APIs. openFL
  40. 40. Realisations openFL
  41. 41. QUESTIONS ?
  42. 42. http://haxe.org
  43. 43. 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/
  44. 44. THANK YOU !

×