• A la une
  • Catégories
  • Dossiers
  • +

Découvrez 5 jeux web fait avec le framework javascript Vue.js

Utiliser Vue.js pour créer un jeu ?

Utiliser Vue dans un jeu, l'idée peut sembler étrange, mais finalement pourquoi pas ? Bien que ce framework ne soit clairement pas designé pour ça il est extrêmement puissant pour tout ce qui est interactions, il s'intègre extrêmement bien avec l'utilisation de SVG, et peut se coupler sans plus de soucis avec des technologies comme Canvas.

Note : Je suis actuellement sur un projet professionnel mêlant Vu js, Electron et du SVG, et le moins que je puisse dire est que ces technos se marient vraiment très bien entre elles. Je ne peux pas vous en parler plus en détail, mais sachez que si vous avez à partir sur un mélange de ce genre, vous n'avez pas de soucis à vous faire.

Comme vous allez pouvoir vous en rendre compte, je suis loin d'être le premier à me poser cette question, et j'ai donc pu vous sélectionner 5 exemples de jeux faits avec Vue. Les jeux choisis sont les plus divers possibles et utilisent des techniques très divers ( Action Cable, Immutable, Firebase, ...).

Si ce genre de création vous intéresse et que vous avez envie d'en apprendre plus sur Vue, sachez que démarre dès jeudi prochain une série d'articles sur Vue, qui se poursuivra sur environ deux mois. Je vous donne donc rendez-vous la semaine prochaine pour le premier article du dossier !

Pong

Un pong multijoueur fait avec un backend Rails et Action Cable. Un peu brutal comme mise en bouche si vous ne connaissez ni Rails ni vue, mais un excellent exemple et outil pédagogique si vous en connaissez déjà un des deux !

Aller directement sur le jeu

Tetris

Le gros avantage de ce Tetris est que son Readme explique de manière très détaillée la création du jeu et les technologies utilisées.

Le readme en anglais

Aller directement sur le jeu

Snake

Ce snake est un très bon exemple du couplage Vue, Vuex et Firebase

Aller directement sur le jeu

Vueture Game

Aller directement sur le jeu

2048

Aller directement sur le jeu

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir