Catégorie : Javascript
Fév 29, 2016 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>…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 28, 2016 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…
Fév 27, 2016 Jeu HTML5
Un jeu HTML5 : canvas, pixi et sprites
HTML c'est le langage du web qui est né dans les années 90 et qui a subi de nombreuses évolutions au cours du temps. Je ne vais pas vous en faire l'historique mais seulement vous montrer comment utiliser ses dernières…
Fév 27, 2016 Jeu HTML5
Un jeu HTML5 : présentation
Il n'y a pas si longtemps créer un jeu utilisable dans un navigateur imposait l'utilisation de plugins comme Flash, Java ou Silverlight. Même si ces technologies permettent un certain niveau de communication avec le reste elles demeurent très isolées et…