Animer un sprite javascript html5

 

Cet article fait suite à Coder un sprite javascript html5 en y ajoutant cette fois l’animation du sprite comme par exemple les battements d’ailes d’un oiseau ou encore la marche à pieds. Continue reading

Loader d’images javascript

 

Vous avez du probablement vous rendre compte que lorsque vous affichiez une image dans un canvas html5, celle-ci n’apparaissait pas immédiatement et parfois nécessitait un rafraichissement de la page. La faute à quoi ? Tout simplement au délai inhérent chargement de l’image en mémoire : l’image était affichée avant qu’elle ne soit chargée en mémoire, elle était donc invisible au moment où elle était affichée.

Pour éviter ce genre de problème, il suffit d’attendre que l’image soit effectivement chargée. Je vous explique et vous montre comment faire dans cet article. Vous allez aussi en apprendre sur les promesses javascript (promise) Continue reading

Coder un sprite javascript html5

 

Le sprite javascript est l’une de pierres angulaires pour coder des jeux vidéo html5. Dans cet article, je vous propose donc d’afficher cet objet graphique à l’écran facilement. Continue reading

Berzerk revival html5 canvas Part II

 

Nous rentrons dans le dur du code html5 javascript. Un petit rappel que ce qu’est le jeu Berzerk : un jeu vidéo dans lequel le joueur se déplace de pièces en pièces regorgeant de robots assassins. Continue reading

Le canvas html5 pour les jeux video

 
by-nc-nd

Coder des jeux vidéo en javascript nécessite que vous connaissiez l’élément incontournable qu’est le canvas html5, je vous donne un gros aperçu de ce qu’est cet élément, et vous montre comment l’utiliser en javascript pour les jeux vidéos.

Continue reading

Berzerk revival html5 canvas

 

Voilà l’idée, redévelopper un (vieux) jeu existant en le modernisant un peu.
Après Pong, voici Berzerk.

Un petit extrait du gameplay pour ceux qui ne connaitraient pas. Continue reading

Modern Pong

Voici un exemple de jeu développé en javascript html5. Certes, le jeu Pong est simple mais c’est un excellent jeu pour une première approche du jeu vidéo.

Pour la version smartphone android play store pour le télécharger.
Pour la version en ligne kongregate Modern Pong.

Amusez-vous….

Développer des jeux vidéo, facile ?

 

Mon discours ne va certainement pas plaire à tous, mais il me semble qu’il faille mieux un discours de vérité plutôt que de maintenir dans les illusions les candidats au développement du jeu vidéo.

On voit fleurir sur le net des offres de formation à des métiers relatifs au jeu vidéo et notamment le développement. Même si l’intention est louable, il me semble que le discours adopté pour vendre le produit est trompeur. Continue reading

Détecter pc, smartphone, tablette et orientation en javascript avec device.js

 

Dans l’article Différencier pc, smartphone ou tablette en javascript, j’ai montré un moyen pour différencier un pc, d’un smartphone ou d’une tablette. Je vous propose dans cet article de le faire d’une autre manière et plus simplement par la biais de la librairie device.js.

Continue reading

Javascript, orientation portrait ou paysage ?

 

Certains jeux vidéos ne peuvent se jouer qu’en mode portrait ou en mode paysage. Cela nécessite que vous détectiez dans quelle position sont le smartphone ou la tablette de manière à informer le joueur et l’inciter à changer l’orientation. Je vous montre comment faire en quelques lignes de code javascript. Continue reading