Your browser doesn't support all the features required, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome or Safari browser. Firefox 10 (to be released soon) will also handle it.

L'art de Bricoler
Round 3

#franceHTML5 - Mai 2013
@sylvainw ▶ @_jmpp ▶ @FlorianReneau
Vidéo : partie 1 / partie 2

Du chaos naît une étoile.
— Charlie Chaplin

Méthodologie (v2)

Partez d'une intuition
Bricolez bidouillez, combinez, truquez, détournez...
Partagez
Passez le relais

@sylvainw : Running Spree

Tapis de danse + Gamepad API + Timelapse video
Extrait / Vidéo intégrale / Les slides

Round 2 :
@sylvainw ▶ @_jmpp

@_jmpp : HTML5 Hero

Guitar Hero + Gamepad API + Canvas 2D
Extrait / Vidéo intégrale / Les slides

Round 3 :
@_jmpp ▶ @FlorianReneau

@FlorianReneau : Mingo !

Clay.io API

Objectif : permettre de gérer des services pénibles en peu de lignes de code

Réseaux sociaux
Leaderboards et achievements
Statistiques
Micro-paiements

PeerJS API

Échange de données à travers un réseau P2P (WebRTC en Working Draft au W3C)
Connexions, sérialisation des données, ...
Compatibilité : Chrome 26, Firefox 22

PeerJS : local

Install the library

> npm install peer

Create the server

Run the server

> nodemon server.js

PeerJS : démo(s)

Clay.io : login via Facebook/Twitter
PeerJS : connexions temps-réel
~~Google text-to-speech~~
Google Maps : géolocalisation des résultats

Lancer la démo

(PeerJS stress test)

We ARE the French Touch

Et pas de fausses excuses...

J'ai honte de mon code
Je ne suis pas créatif
J'ai une vie en dehors du taf
Quelqu'un va me piquer l'idée
Je n'en vois pas l'utilité

Get lucky !

Next Round chez Deezer
11ème Meetup : Fin juin 2013
Inscrivez-vous sur Html5meetup.com

Merci !

@sylvainw ▶ @_jmpp ▶ @FlorianReneau ▶
A qui le tour ?

Tweetez cette Présentation ;) goo.gl/nwBmG