Le blog de la création de jeux vidéo
Quelques fondamentaux de programmation pour bien débuter dans la création de jeux vidéo
Afficher une image en javascript html5
Afficher une image en javascript html5 Un élément incontournable dans le développement de jeu vidéo est l’affichage des sprites. En effet, la plupart des jeux vidéos utilisent des objets graphiques déplaçables à l’écran. Je vous montre comment le faire avec html5 et...
Le scrolling parallax, comment ça marche ?
Un scrolling parallax, c'est quoi ? Dans un précédent article, je fais une démonstration de scrolling parallax réalisé en html5 et javascript. Prérequis Avoir lu l’article consacré au scrolling Coder un scrolling horizontal en javascript. C’est quoi ? Le...
Coder un scrolling horizontal en html5 et javascript
Coder un scrolling horizontal en javascript html5 Comment coder un scrolling horizontal? Le scrolling va vous permettre de faire des animations html5, notamment animer un fond d’écran. Pour le scrolling vertical, les principes exposés sont les mêmes. Je vous montre...
Jouer des sons en javascript html5
Jouer des sons en javascript html5 Avec les médias connectés, HTML 5 va devenir incontournable dans un proche avenir. Si vous ne vous y êtes pas encore mis, il est encore temps. Mais demain, il sera trop tard. Je vous propose donc un court article où je vous montre...
Loader d’images en javascript
Loader d'images en 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...
Initialiser un projet de jeu vidéo
Initialiser un projet de jeu vidéo Dans cet article concernant le développement d’un jeu vidéo, je vous montre comment initialiser le développement d’un jeu vidéo html5 avec javascript. Entre autres, l’arborescence adéquat, les fonctions de base à implémenter, le...
Adapter un jeu pour PC, Mac, smartphone et tablette
Adapter un jeu pour PC, Mac, smartphone et tabletteMê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...
Créer un sprite javascript html5
Afficher des sprites avec javascript html5Un élément incontournable dans le développement de jeu vidéo 2D est l’affichage des sprites. En effet, la plupart des jeux vidéos utilisent des objets graphiques déplaçables à l’écran. Je vous montre comment le faire avec...
Accélérer un jeu vidéo
Accélérer un jeu vidéoLorsque vous utilisez une seul et unique canvas html5 pour l’affichage d’un jeu vidéo, vous rafraichissez la totalité du canvas html5 en effaçant et réaffichant chacun des éléments à chaque itération d’affichage. En html5, plus les images sont...
Surimpression sur une vidéo dans un canvas html5
Surimpression sur une vidéo dans un canvas html5Dans 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...
Barre de progression dans un canvas html5
Barre de progression dans un canvas html5Je vous propose d’illustrer les CustomEvent javascript abordés dans l’article javascript : créer des événements personnalisés custom event par le biais d’une barre de progression relative au chargement des images et à leur...
Modifier en temps réel une vidéo dans un canvas html5
Modifier en temps réel une vidéo dans un canvas html5L'article précédent vous a montré comment lire une vidéo dans un canvas html5. Dans la continuité, je vous propose cette fois de modifier en temps réel une vidéo dans un canvas html5. Pour commencer, reprenez comme...