Ludochaordic
Fantaisies programatico-ludiques

SpyFall en print&play

The Spy character from Team Fortress 2

La semaine dernière, j'ai enfin offert à un ami le petit jeu de cartes que j'ai bricolé ces dernières semaines.

Comme je pense qu'ils pourra en amuser plus d'un, voici une version prête à imprimer !

https://chezsoi.org/lucas/spyfall (PDF, 3.47Mo)

Aperçu :

Photo du jeu de cartes imprimé & découpé

Le jeu

Pour une description complète, je vous recommande la review de Swatsh sur VindJeu.

Cette version à pour particularité que chaque lieu est une référence à un jeu vidéo (avant l'ajout de 27 illustrations supplémentaires grâce à Lukas). Retrouverez-vous tous les clins d'oeil ? :)

Les réponses : https://chezsoi.org/lucas/spyfall/img-srcs-answers.txt

Les règles complètes en anglais: PDF, 1,58Mo

Animation tirée de The Big Lebowsky

Comment l'imprimer

Tout simplement avec Chrome, en imprimant directement sur papier cartonné ou bien en choisissant "imprimer au format PDF" comme destination dans la fenêtre d'impression (CTRL+P).

Création de cartes au format SVG

Cette version a été entièrement réalisé avec Adobe Snap.svg, en prennant exemple sur le travail de Kevin Hakanson sur Fluxx (son repo GitHub). Un grand merci à lui pour l'idée !

Pour les devs, je recommande vivement le procédé, qui permet du "templating" de cartes très puissant, de la gestion de versions et du partage sur le web très simplement.

Bien mieux que me précédent bricolages de cartes sour Word...

Sa place est dans un musée !

L'idée originale de réaliser une version maison de ce jeu revient à mon ami, qui m'a fait découvrir l'existence de 2 apps, au code open-source, pour jouer sur smartphone:

Comme le travail de localisation avait déjà été fait sur ces apps, je l'ai simplement réutilisé dans cette version print & play. Merci à Evan Brumley et tous les gens qui ont contribué aux traductions !

Suite du développement de cette page web, j'en ai retiré 2 petites leçons :

  • ne pas essayer de créer des éléments HTML avec paper.el ou Snap._.$. C'est très technique, mais je m'en suis mordu les doigts: ces fonctions peuvent uniquement créer des éléments SVG car ils utilient le namespace XML.

  • le style CSS appliqué aux éléments, et plus spécifiquement la propriété text-shadow, est ignoré par le navigateur lors de l'export en PDF.

Pour cette fois, pas de repo GitHub dédié au projet : l'ensemble du code source nécessaire pour reproduire ce résultat sont accessible dans le code source de la page web !

Tatouage d'une balise HTML head

Enfin, un remerciement à Dan Hetteix (membre de TheNounProject), qui a créé l'icône d'espion utilisé sur les cartes.

[EDIT 2020/04/26] : Thanks to Lukas, I added illustrations for all cards that missed one, using the following images :

I sincerely appreciate the contribution, thanks again Lukas !