Création d’application facile en html via node-webkit

1

Création d’une application avec Node-

Webkit

Application Web

Mise en place facile

Centralisé

Multi-plateforme Code de base unique

2

Application native

Pas de serveurInstallation

rapide

Aucune connexion

internet requise

Fonctionnalité native

3

Application native

4

Pong

5

Web ? Natif ?

Node-webkit

6

Node-webkit

7

Node-webkit

8

Node-Webkit

Webkit-engineNode.js

9

Node.js

10

Node.js

Système de module NMP

(Node Package Manager)

Utilisation du JavaScript

11

Webkit

CSSHTML JS

12

Node-Webkit

Package.jsonApplication Run

13

Node-Webkit : application

JavascriptHTML/CSS media

14

Node-Webkit : package.json

Configuration de l’application

15

Node-Webkit : package.json

16

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)

versionkeywords

maintainerscontributors

bugslicenses

repositories

17

Node-Webkit : Executable

18

Renommer en app.nw

Zipper vos fichiers (app.zip)

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/Res

ources/

19

Node-Webkit : Executable

20

Phaser

21

Phaser

MobileFramework de

jeu 2DMoteur physique

inclus

22

Phaser : game state

createpreload

update render

23

Phaser

TitlespriteSprite

Titlemap Collision

24

Phaser : input

SourisClavier

Multi-touch Manette

25

Références

http://phaser.io/

https://github.com/rogerwang/node-webkit

26

https://github.com/

kandran/pong

27

Merci de votre attention