Vue.js et la création de jeux

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 4 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 !

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

2048

Aller directement sur le jeu