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

HTML5 Gaming: building the core objects & handling collisions with EaselJS

We’ve seen in the previous article how to animate our sprites using EaselJS: HTML5 Gaming: animating sprites in Canvas with EaselJS We’re now going to see how to create some of our game objects like ennemies and our platformer hero. We will also see how to implement a simple collision mechanism between them. This time,…

13

Jeux HTML5: construction des objets principaux & gestion des collisions avec EaselJS

Nous avons vu dans l’article précédent comment animer des sprites avec EaselJS : Jeux HTML5: animation de sprites dans l’élément Canvas grâce à EaselJS Nous allons maintenant voir comment créer certains des objets de base de notre jeu comme les ennemies ou le héro de notre jeu de plateforme. Nous verrons aussi comment implémenter un…

8

HTML5 Gaming: animating sprites in Canvas with EaselJS

When you want to write casual games using the HTML5 Canvas element, you’ll need to find a way to handle your sprites. There are several libraries available to help you writing games such as ImpactJS, CraftyJS and so on. On my side, I’ve decided to use EaselJS which has been used to write PiratesLoveDaisies: an…

60

Jeux HTML5: animation de sprites dans l’élément Canvas grâce à EaselJS

Si vous souhaitez écrire un petit jeu dit “casual” en utilisant l’élément Canvas d’HTML5, vous devrez trouver un moyen de gérer vos sprites. Il existe plusieurs librairies susceptibles de vous aider pour écrire des jeux en “HTML5” comme ImpactJS ou CraftyJS par exemple. De mon côté, j’ai décidé de me pencher sur la librairie EaselJS…

11

Techdays 2012: vidéos des sessions HTML5… au format HTML5 h264 et WebM!

Si vous le ne saviez pas encore, nous avons mis en ligne une grande partie des vidéos/webcasts des sessions des Techdays 2012 sur notre site officiel: http://www.mstechdays.fr . Vous pouvez ainsi y retrouver le parcours découverte HTML5. Mais le mieux pour regarder une session parlant de HTML5, c’est quand même d’avoir une expérience HTML5 non?…


Slides, quelques démos et vidéos des sessions IE10/HTML5/CSS3 des Techdays 2012

La version HTML5 de la session IE10 Plusieurs d’entre vous m’ont demandé s’ils pouvaient avoir accès à l’application HTML5 que j’ai utilisée pendant ma session générale sur les nouveautés d’HTML5 et CSS3 dans Internet Explorer 10 des Techdays 2012. Vous pouvez la jouer depuis cette adresse : version interactive des slides en HTML5 . L’ensemble…


Venez découvrir le parcours Web aux Techdays 2012 avec du Windows 8 dedans !

Mise à jour du 27/01/2012 spéciale Windows 8 : Beaucoup d’entre vous ne l’ont pas encore remarqué mais nous avons la chance de pouvoir vous présenter en 3 sessions le modèle de développement de Windows 8 Metro. Ces 3 sessions seront jouées aux mêmes créneaux horaires sur les 3 jours. Les voici : Windows 8…

1

AMDEV JavaScript: vidéos, slides et exemples de code des 4 sessions

Vous étiez un peu plus de 200 à être venus à notre centre de conférence retirer votre T-Shirt et surtout pour assister à l’après-midi du développement consacrée à JavaScript et HTML5. Merci à vous ! Je tiens tout d’abord à remercier chaleureusement les 2 orateurs non-Microsoft pour la qualité de leur présentation : Jean-Pierre Vincent…

5