Updated : Fév 29, 2016 in Jeu HTML5

Un jeu HTML5 : le jeu !

Dans ce chapitre nous allons enfin faire fonctionner le jeu ! Les références On va avoir les nouveaux fichiers play.js et end.js, on va donc le charger dans index.html : <!-- Load Crazy Bird --> <script src="js/game.js"></script> <script src="js/boot.js"></script> <script src="js/particles.js"></script> <script src="js/load.js"></script>…

Updated : Fév 29, 2016 in Jeu HTML5

Un jeu HTML5 : menu et collisions

Dans ce chapitre nous allons voir le menu de notre jeu et mettre en place la gestion des collisions. Les références On va avoir les nouveaux fichiers menu.js et collisions.js, on va donc les charger dans index.html : <!-- Load…

Updated : Fév 29, 2016 in Jeu HTML5

Un jeu HTML5 : chargement, setup et settings

Nous allons voir dans ce chapitre le chargement des ressources et la création des sprites. Les références On va avoir les nouveaux fichiers load.js, utils.js et settings.js, on va donc les charger dans index.html : <!-- Load Crazy Bird --> <script src="js/game.js"></script>…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : les particules

Il est difficile d’imaginer un jeu sans effet de particules, par exemple pour des explosions. Comme noue n’avons pas encore abordé ce sujet on va le faire dans ce chapitre en l’appliquant immédiatement pour notre jeu. Une librairie pour les…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : organisation du code et amorçage

On va avoir pas mal de lignes de code, il est donc judicieux de bien s'organiser et de bien charger et référencer les librairies dont nous aurons besoin. Nous verrons aussi la partie amorçage du jeu. La page HTML Voyons…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : le jeu et ses ressources

Pour créer un jeu on a besoin de s'organiser, de décider de ce qu'on va voir et faire. On aura besoin de ressources : images et sons. Soit on les crée soi-même si on est assez doué, soit on va les…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : dimension et plein écran

Quand on fait un jeu en HTML5 on espère qu'il fonctionnera sur tous les supports.  Mais il y a quand même une différence entre l'écran géant d'un PC ou d'un Mac et celui d'un mobile, d'autant que ce dernier a…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : graphismes, textes, effets, collisions et sons

Dans ce chapitre nous allons voir comment Pixi permet d'ajouter des graphismes, du texte, et des effets. D'autre part nous verrons comment on peut intégrer du son avec HTML. Nous finirons en étudiant la question importante de la détection des…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : Animation et interactivité

Maintenant que nous savons créer une boucle pour l'animation, un conteneur pour stocker des textures, des sprites animés ou pas, il est temps de nous intéresser à l'interactivité parce que pour un jeu il est nécessaire que le joueur agisse…

Updated : Fév 28, 2016 in Jeu HTML5

Un jeu HTML5 : tileset, atlas et animation de sprite

Lorsqu'on a plusieurs images à charger, et c'est toujours le cas lorsqu'on crée un jeu, plutôt que de charger les images une par une, ce qui est très gourmand en ressources, on préfère créer une seule image contenant toutes les…