Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2)

Nous allons voir ici les scénarios clés d’utilisation de canvas ou SVG après avoir vu les bases dans l’article précédent. Cet article fait donc parti de cette série : 1 – les bases de SVG et de Canvas 2 – les scénarios clés d’utilisation de ces 2 jeux d’APIs En complément, il existe un cours…

12

Introduction aux APIs graphiques d’HTML5: SVG & Canvas (1/2)

Au programme de cette série d’articles, nous allons découvrir : 1 – les bases de SVG et de Canvas 2 – les scénarios clés d’utilisation de ces 2 jeux d’APIs Ce premier article traitera donc des bases de SVG et de Canvas. En complément, il existe un cours MVA de 40 min en français et…

6

Everything you need to know to build HTML5 games with Canvas & SVG

Agenda: – Canvas & SVG: 2 ways to draw on the screen – Useful libraries & tools – Some gaming frameworks – Some beginners’ tutorials – Some interesting online working games & experience feedbacks I’m currently spending most of my time explaining to students, hobbyists, professional developers and teachers how to build games using HTML5….

4

Tout ce qu’il faut savoir pour réaliser des jeux HTML5 avec Canvas et SVG

Au sommaire : – Canvas et SVG : 2 façons de dessiner à l’écran – Les librairies et les outils utiles – Les frameworks de jeux – Les tutoriaux pour démarrer – Des exemples de réalisations en ligne et des retours d’expérience Je passe mon temps ces derniers temps à expliquer en boucle comment faire…

6

HTML5 Platformer: the complete port of the XNA game to <canvas> with EaselJS

After a couple of hours coding with JavaScript, I’ve finally finished porting the XNA 4.0 Platformer game sample to HTML5/Canvas with the help of the EaselJS gaming framework. This article will provide you the game and the story of some of the questions I’ve asked myself while coding it. If you’d like to know how…

32

HTML5 Platformer: portage complet du jeu XNA vers <canvas> grâce à EaselJS

Après quelques heures passées sur le clavier à coder en JavaScript, j’ai finalement complètement porté l’exemple de jeu Platformer issu des samples XNA 4.0 vers HTML5/Canvas à l’aide du framework EaselJS. Vous trouverez dans cet article le jeu en lui-même ainsi qu’un petit retour d’expérience sur les parties qui m’ont fait me poser le plus…

9

Tutorial: how to create HTML5 applications on Windows Phone thanks to PhoneGap

We will first see in this article what the added values of PhoneGap for HTML5 applications are. We’ll then discover how to create our very first project where we will retrieve the accelerometer’s values from our JavaScript code. At last, we will review a complete HTML5 gaming sample almost ported as-is to PhoneGap to use…

19

Testez et débuggez vos sites HTML5 sous Windows Phone 7 avec l’émulateur gratuit

Les internautes arrivent de plus en plus souvent sur vos sites web depuis un périphérique mobile. Il est donc de plus en plus important de leur offrir une bonne expérience sur le navigateur embarqué. Vous ne pouvez plus vous permettre d’ignorer cette population en leur offrant une version trop dégradée. Dans notre cas, depuis la…

2

Tutorial HTML5: découverte des tags sémantiques, d’un soupçon de CSS3 et de Modernizr

Pendant l’été, avec Stanislas Quastana et David Catuhe, nous avons publié 3 cahiers de vacances autour d’HTML5 sur notre plateforme MSDN : Focus sur HTML5 . Mon cahier abordait les tags sémantiques d’HTML5, un peu de CSS3 et comment rendre le tout compatible même avec IE8 en utilisant Modernizr. Je vous propose de le découvrir…


Une application HTML5 pour afficher les vidéos 5 minutes pour comprendre IE9

Avec Stanislas Quastana, nous avons créé une série de vidéos appelée “5 min pour comprendre” permettant d’illustrer assez rapidement quelques nouveautés autour d’Internet Explorer 9. Nous les avons publiées ici sur le blog IE France : La série 5 minutes pour comprendre IE9: la liste complète . Ces vidéos sont visibles au format Silverlight Smooth…

1