Haxetelier #1 initiation à haxe

of 55 /55
HAXETELIER #1 Initiation à

Embed Size (px)

Transcript of Haxetelier #1 initiation à haxe

Page 1: Haxetelier #1   initiation à haxe

HAXETELIER #1

Initiation à

Page 2: Haxetelier #1   initiation à haxe
Page 3: Haxetelier #1   initiation à haxe
Page 4: Haxetelier #1   initiation à haxe

Le contexte technologique

Page 5: Haxetelier #1   initiation à haxe

Fragmentation de l'applicatif connecté.

Contexte technologique

Page 6: Haxetelier #1   initiation à haxe

2008ordinateurs & navigateurs uniquement

< 10 plateformes

Contexte technologique

Page 7: Haxetelier #1   initiation à haxe

2010mobiles & tablettes> 30 plateformes

Contexte technologique

Page 8: Haxetelier #1   initiation à haxe

2011Set Top Box, TV connectées,

Consoles> 70 plateformes

Contexte technologique

Page 9: Haxetelier #1   initiation à haxe
Page 10: Haxetelier #1   initiation à haxe

Les différentes targets

Page 11: Haxetelier #1   initiation à haxe

Langage multi-platform

HAXE

Page 12: Haxetelier #1   initiation à haxe

API JS API FLASH API PHP API C++

API Commune

(...)

+API Spécifique

Page 13: Haxetelier #1   initiation à haxe

Outils cross-platform principaux

7 plateformes supportées

600.000téléchargements du SDK

Applications téléchargées plus de 35 million de fois

3.33% des applications Android

Chiffres 2012 - estimationssources:

http://www.appbrain.com/stats/libraries/devhttp://www.visionmobile.com/product/cross-platform-developer-tools-2012/

5 plateformes supportées

3 million de développeurs

1.51% des applications Android

Quelques chiffres

5 plateformes supportées

1.5 million de développeurs

1.85 million de téléchargements du SDK

35.000 applications publiées et déployées sur 40 million de

supports

0.16% des applications Android

Page 14: Haxetelier #1   initiation à haxe

DEMO

Page 15: Haxetelier #1   initiation à haxe

Haxe JS demoHello Wxrld!

Page 16: Haxetelier #1   initiation à haxe

Haxe Flash demoHello Wxrld!

Page 17: Haxetelier #1   initiation à haxe

Haxe PHP demoHello Wxrld!

Page 18: Haxetelier #1   initiation à haxe

Compilation Conditionnelle exemple de Haxe JS / FLASH / PHP

Page 19: Haxetelier #1   initiation à haxe

Haxe RemotingCommunication Client-Serveur

Page 20: Haxetelier #1   initiation à haxe

FEATURES

Page 21: Haxetelier #1   initiation à haxe

TargetsJavaScript / nodeJS

phpc++

ActionScript c# (beta)

Java (beta)neko

Page 22: Haxetelier #1   initiation à haxe

Les librairies de

Page 23: Haxetelier #1   initiation à haxe

Librairies

JEUX APPLICATIONS

Page 24: Haxetelier #1   initiation à haxe

Points communs

● Applications Natives et Web Apps

● 1 seul code base pour toutes les plateformes

NME vs Cocktail

Page 25: Haxetelier #1   initiation à haxe

DifférencesJeux vs Applis

NME vs Cocktail

Page 26: Haxetelier #1   initiation à haxe

JS APIFlash API

NME vs Cocktail

Page 27: Haxetelier #1   initiation à haxe

http://www.silexlabs.org/haxe/cocktail/

Cocktail

Page 28: Haxetelier #1   initiation à haxe

implémentation HTML et CSSutilise l'API du DOM HTML

open source

Cocktail

Page 29: Haxetelier #1   initiation à haxe

TargetsJavaScript

Flash

Et par extension, avec NME, Air & PhoneGap:iOS

AndroidWindowsMacOSLinux

BlackBerryWebOS

Smart TV HbbTV

Cocktail

Page 30: Haxetelier #1   initiation à haxe
Page 31: Haxetelier #1   initiation à haxe

Featuresorienté application

markup HTMLdesign en CSS

API w3c standardintégration avec l'OS

Cocktail

Page 32: Haxetelier #1   initiation à haxe

Architectureécrit en Haxe

90% de code cross-platform10% de code spécifique pour chaque target

Cocktail

Page 33: Haxetelier #1   initiation à haxe

THE LEADING GLOBAL PLATFORM FOR SOCIAL VIDEO ADVERTISING

Player video

Player video permettant● la lecture de flux vidéos

provenant de Youtube ou de DailyMotion

● l'injection de publicités● le partage sur les réseaux

sociaux

15 million d'impressions / mois

RéalisationsCocktail

Page 34: Haxetelier #1   initiation à haxe

NME

http://www.nme.io

Page 35: Haxetelier #1   initiation à haxe

framework de jeux cross-platformutilise l'API Flash

open-source

NME

Page 36: Haxetelier #1   initiation à haxe

TargetsiOS

AndroidHTML5

WindowsMacOSLinuxFlash

BlackBerryWebOS

NME

Page 37: Haxetelier #1   initiation à haxe

Featuresorienté jeux vidéo 2d

manipulation de bitmaprendu accéléré (OpenGL)

gestion clavier, souris, multi-touch, Joystickgestion des spritesheet

gestion de JPG, PNG, GIFgestion MP3, WAV, OGG

NME

Page 38: Haxetelier #1   initiation à haxe

Build tooloutil en ligne de commande fourni

simplifie deploiement vers toutes les targets

NME

Page 39: Haxetelier #1   initiation à haxe

Architecturemajorité de code cross-platform écrit en Haxe

code natif pour chaque plateforme pour accéder aux API OpenGL, font, file system...

NME

Page 41: Haxetelier #1   initiation à haxe

http://www.silexlabs.org/labs/

Brix

Page 42: Haxetelier #1   initiation à haxe
Page 43: Haxetelier #1   initiation à haxe

FeaturesFramework de développement d'applications

Kit de composants pret à l'emploiComposants utilisable directement à partir de fichiers HTML

Brix

Page 44: Haxetelier #1   initiation à haxe

AvantagesDéveloppement d’application simplifié et plus rapide

utilisation de HTML/CSSréutilisation des composants et des skins

intégration avec les IDE existants

Workflow robustecomposants écris en Haxe JavaScriptvalidation des fichiers HTML & CSS

Performancela performance est optimale car les composants sont ajoutés à la compilation.

Brix

Page 45: Haxetelier #1   initiation à haxe

Brix + CocktailRéalisationsMy TF1 Connect

Page 46: Haxetelier #1   initiation à haxe

awe6

Game developpement framework

https://code.google.com/p/awe6/

Page 47: Haxetelier #1   initiation à haxe

awe6

Page 48: Haxetelier #1   initiation à haxe

awe6

Factory: creates all subsequent components based on configuration.Kernel: handles updates and services. The "main loop" in gaming terms.● Preloader: loads initial resources.● Assets: handles access to resources.● Session: maintains and arbitrates state.● Audio: handles multi-channel music and sounds.● Inputs: handles UI input: keyboard, mouse, other virtual devices.● Overlay: provides application chrome (including: exit, pause, mute

controllers) and view.● Scenes: state machine for collections of active Entities.

○ Entities: Tree of related and non related components, highly versatile in their purpose. Additional heirarchy is determined by Factory or Entity design.

Features

Page 50: Haxetelier #1   initiation à haxe

awe6

ionDrift: "Epsilon"

Page 51: Haxetelier #1   initiation à haxe

Haxeliboutil en ligne de commande pour installer les librairies

installé avec Haxe

Librairies

Page 52: Haxetelier #1   initiation à haxe

QUESTIONS ?

Page 53: Haxetelier #1   initiation à haxe

http://haxe.org

Page 54: Haxetelier #1   initiation à haxe

Join Silex Labs today

Source codehttps://github.com/silexlabs/

Forumshttp://www.silexlabs.org/labs/

Page 55: Haxetelier #1   initiation à haxe

THANK YOU !