Initialisation du projet Nous allons commencer par créer un simple fichier HTML5 à la racine de notre dossier « 1stPhaserGame » nommé « index.html » et y inclure phaser.io : <head> <meta charset= »UTF-8″ /> <title>1stPhaserGame</title> <script type= »text/javascript » src= »phaser.min.js »></script> </head> Nous allons définir la zone de notre jeu, en créant un simple élément « div » et en lui donnant un id…
Phaser.IO est un jeune framework de développement de jeux 2D en JavaScript.La communauté est active et de plus en plus nombreuse, ce qui constitue un avantage certain 😉 De nombreuses fonctionnalités sont disponibles comme la gestion de WebGL et Canvas pour le rendu graphique, mais également une multitude d’éléments nous permettant de gagner du temps…
Tiled est un outils open source qui propose en téléchargement une version Windows, Linux et Mac et permet de gagner beaucoup de temps sur la construction du game design de nos jeu 2D. Les mots clés à connaitre Une tile (anglais) est une zone carré d’une taille définie présentant un élément du décor, ici nous…
Étant la première interface interactive de notre jeu, il faut la soigner !! Pour faire simple, sur cette scène nous avons presque toujours un fond fixe ou animé et des boutons (généralement le bouton « play » et le bouton « options »). Note : Penser dès le début que notre jeu sera jouable sur smartphone, il faudra donc…
Initialisation du « main canvas » Commençons notre jeu par la création du premier canvas (main) qui sera le point d’entrée de notre code et qui défini la zone de notre jeu, pour cela, rien de plus simple ! Dans notre fichier html, commençons par créer le canvas du jeu : <!DOCTYPE html> <head> …
La gestion des images nous est simplifiée avec Starling, et créer de petites animations devient très facile 😉 Je vous propose un tour d’horizon de tout celà ! Afficher une simple image: La classe dans laquelle on référence les images. Le code pour charger l’image (embarquée). Un extrait d’image : Créer…
Qu’est-ce que Box2D ? Box2D est une bibliothèque physique 2D populaire et puissante qui est considérée comme l’une des meilleures. Cette API est utilisé par des jeux très médiatisées comme Angry Birds par exemple. Box2D, écrit initialement en C++, a été porté sur un certain nombre de langages, dont Flash qui nous intéresse ici. …
Qu’est-ce que Starling ? Player Flash version 11 est sortie et apporte un gain considérable de performances avec l’apparition du Stage 3D. Connue auparavant sous le nom de Molehill, cette nouvelle API apporte à flash de la vraie 3D, calculée par le GPU. Stage 3D permet donc l’affichage de modèles 3D, mais qu’en est-il de…
Qu’est-ce que Flex ? Flex est une solution de développement créée par Macromedia en 2004 puis reprise par Adobe en 2006, permettant de créer et de déployer des RIA (Rich Internet Application) et RDA (Rich Desktop Application) multiplate-formes grâce à la technologie Flash. Le framework Flex est spécifique au développement d’applications de gestion. Des exemples…
Qu’est-ce qu’Away3D ? Away3D est un moteur graphique 3D open source développé pour Flash ActionScript que vous pouvez récupérer sur le site officiel. Il a été lancé en 2007 par Alexander et Rob Bateman Zadorozhny en tant que port de Papervision3D, une API 3D plus âgée et moins populaire. La version la plus récente, Away3D…