Réaliser des applications portables sur les différents systèmes d’exploitation peut sembler difficile. En effet, il peut y avoir des différences entre les divers codes. Une solution web permet une homogénéité du résultat, mais nous prive du mode complètement hors-ligne et des fonctionnalités apportées par un code natif. Node-webkit nous permet de combiner au maximum les avantages de chaque type. Présentation réalisé par SAEZ Jonathan.

1. Création d’une application
avec Node-Webkit
1

2. Application Web
Mise en place
facile
Centralisé
Multi-plateforme
Code de base
unique
2

3. Application native
Pas de serveur
Installation
rapide
Aucune
connexion
internet requise
Fonctionnalité
native
3

4. Application native
4

5. Pong
5
Web ? Natif ?

6. Node-webkit
6

7. Node-webkit
7

8. Node-webkit
8

9. Node-Webkit
Node.js Webkit-engine
9

10. Node.js
10

11. Node.js
Système de
module NMP
(Node Package
Manager)
Utilisation du
JavaScript
11

12. Webkit
HTML CSS JS
12

13. Node-Webkit
Application Package.json Run
13

14. Node-Webkit : application
HTML/CSS Javascript media
14

15. Node-Webkit : package.json
Configuration de
l’application
15

16. Node-Webkit : package.json
16

17. Node-Webkit : package.json
plugin (boolean)
java (boolean)
page-cache
(boolean)
title (string)
width/height
(int)
toolbar
(boolean)
icon (string)
position (string)
fullscreen –
(boolean)
frame (boolean)
version
keywords
maintainers
contributors
bugs
licenses
repositories
17

18. Node-Webkit : Executable
18
Renommer en
app.nw
Zipper vos
fichiers (app.zip)

19. Node-Webkit : Executable
cat /usr/bin/nw
app.nw > app
&& chmod +x
app
copy /b
nw.exe+app.nw
app.exe
cp app.nw
nw/Contents/Re
sources/
19

20. Node-Webkit : Executable
20

21. Phaser
21

22. Phaser
Mobile
Framework de
jeu 2D
Moteur physique
inclus
22

23. Phaser : game state
preload create
update render
23

24. Phaser
Sprite Titlesprite
Titlemap Collision
24

25. Phaser : input
Clavier Souris
Multi-touch Manette
25

26. Références
http://phaser.io/
https://github.co
m/rogerwang/no
de-webkit
26
https://github.co
m/kandran/pong

27. Merci de votre attention
27