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…
É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…
La création de l’écran de chargement Le premier écran de notre jeu est un point à ne pas négliger car c’est le point d’accroche avec le joueur, c’est donc un point aussi important que les autres aspects du jeu. La qualité des images sera un point très important voir décisif dans la réalisation d’un jeu…
Lors de projets un minimum conséquent, il convient de penser son architecture… Différents articles donnent des conseils intéressants mais avant tout, en plus de nos préférences personnelles en matière d’organisation, il est important de savoir où on va car cela va réellement nous aider à faire nos choix. Mon projet est-il constitué de modules ?…
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> …
CanvasEngine et un framework JS orienté vers les jeux en HTML5. Il permet de créer plus facilement les éléments d’un jeu tels que les scènes, le préchargement et plus, ainsi que des fonctionnalités d’animation, de temporalité, des controleurs (manette et clavier), les sons, le défilement, les cartes, sauvegarde, les images (spritesheet), multijoueur etc… Bien entendu,…
Lors de la présentation AngularJS 2.0 Core à la conférence ng-europe dédiée au framework AngularJS les 22 et 23 octobre 2014, les développeurs Igor Minar et Tobias Bosch ont annoncé que cette version se rapprochera encore plus du langage TypeScript. Effectivement, le langage AtScript d’AngularJS s’inspire déjà de TypeScript mais est également influencé par Dart,…
AngularJS est un framework Javascript puissant qui nous permet de faciliter l’organisation, le maintient et d’enrichir non seulement notre code JS mais également notre code HTML. Nous allons aborder les notions principales d’AngularJS, de la façon la plus simple possible car le but de ce chapitre est de comprendre le fonctionnement global. Pour cela, le…
PlayCanvas est une librairie Javascript dédiée à la création de jeux vidéo en 3D et propose les composants essentiels tels que : graphismes : chargement de modèle, illumination par pixel, ombrage (shadow mapping), effets ; physique : simulation des corps rigides, lancer de rayon, joints, volumes déclencheurs, véhicules ; animation : images clés, fondu de…
J’ai découvert, il y a quelques mois l’éditeur SublimeText3 … Et là, il est rapidement devenu mon « chouchou » ! Bien qu’il ne roule pas des mécaniques (au premier abord), il est en réalité très riche car il est assez facile de créer des plugins pour l’enrichir, ce qui a encouragé la communauté autour de ce…