Adapter un jeu pour pc, smartphone et tablette

 

Même si le jeu vidéo html5 sur PC reste une plateforme de choix, vous devez vous adapter à des formats plus petits que sont les smartphones et les tablettes.
Devez vous pour autant développer autant de versions que de plateformes existantes ? Non.
C’est tout l’intérêt du html5 associé à css3, vous développez une seule version pour toutes les plateformes.
A l’aide de css3, vous conditionnez vos feuilles de styles en fonction du média cible (PC, smartphone ou tablette) sur lequel le jeu vidéo est exécuté. Je vous montre comment faire dans la suite de cet article.

Continue reading

Surimpression sur une vidéo dans un canvas html5

 

Dans cet article, je vous montre comment afficher ce que vous voulez en surimpression d’une vidéo. Pour mieux comprendre, je vous invite à consulter les articles :
jouer une vidéo dans une page html5;
lire une vidéo dans un canvas html5.

Continue reading

Lire une vidéo dans un canvas html5

 

Je vous montre comment jouer une vidéo dans un canvas html5. Quel intérêt me direz vous ?
Jouer une vidéo dans un canvas html5 permet entre autres de faire de la surimpression : y dessiner ce que vous voulez, un peu comme la palette que l’on voit lors de matchs de foot pour décrire des actions de jeux ou plus concrètement réaliser un générique de jeux videos à partir d’une vidéo sans la modifier.

Continue reading

Modifier en temps réel une vidéo dans un canvas html5

 

Les deux précédents articles vous ont montré comment jouer une vidéo dans une page html5 et comment faire de la surimpression en temps réel sur une vidéo dans un canvas html5. Dans la continuité de ces deux articles, je vous propose cette fois de modifier en temps réel une vidéo dans un canvas html5.

Continue reading

Jouer une vidéo dans une page html5

 

Vous voulez jouer des vidéos dans vos pages web sans les faire héberger par youtube. Cet article est fait pour vous et vous montre comment intégrer une vidéo dans une page web html5.

. Continue reading

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