Tag Archives: canvas html5

Coder le jeu video html5 pong – orientation écran

  Vous avez testé le jeu vidéo pong html5 sur un mobile ou une tablette et là horreur!!! Le jeu est tout moche lorsque vous l’exécuter en mode portrait. Normal, puisque le jeu vidéo pong html5 est conçu pour être joué en mode paysage. Il… Continue reading

Coder le jeu video html5 pong – contrôle tactile

  Les tablettes et les smartphones sont de nos jours incontournables, implémenter le contrôle tactile des raquettes dans le jeu video pong est plus que pertinent. C’est l’objet de cette seizième partie consacrée au développement d’un jeu vidéo html5 javascript.

Coder le jeu video html5 pong – quelques réajustements

  Le jeu vidéo html5 pong avance. Cependant et avant de continuer dans cette série proche de la fin, quelques réajustements s’imposent. Vous avez probablement remarqué que la raquette du joueur pouvait sortir de l’écran de jeu, mais aussi que le pointeur de la souris… Continue reading

Coder le jeu video html5 pong – le décor

  Quartorzième partie consacrée au développement d’un jeu vidéo html5 javascript: je vous propose de mettre un décor plus fouillé et plus abouti.

Coder le jeu video html5 pong – adaptation de la taille de l’écran

  Jusqu’à présent, le jeu Pong html5 que vous avez développé fonctionne sur PC. Toutefois, un problème de dimensionnement se pose puisque les dimensions des objets du jeu tel que la taille des boutons, de l’écran sont spécifiés de manière absolue. Je vous propose donc… Continue reading

Coder le jeu video html5 pong – Changement de look

  Douzième partie consacrée au développement du jeu vidéo pong html5 javascript : le look actuel est oldschool. Je vous propose donc de le moderniser facilement.

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… 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.

Integrer un bouton dans un canvas html5

  Le canvas html5 ne permet pas d’emblée d’intégrer des boutons ou des images cliquables : il est donc nécessaire d’utiliser des subterfuges. Dans cet article, je vous montre les ruses vous permettant de le faire facilement et sans peine.

jeu video html5 : coder un scrolling parallax

  Voici l’épilogue des articles sur le scrolling parallax, je vous montre comment on réalise un scrolling parallax en html5 et javascript. Je vous montre comment il est simple de faire un scrolling parallax en html5 et javascript.