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 :

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

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

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:

• http://spyfall.meteor.com → https://spyfall.tannerkrewson.com
• http://spyfall.adrianocola.com
• https://www.spyfall.app

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 !

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 :

• art museum (image source)
• baseball stadium (image source)
• candy factory (image source)
• cat show (image source)
• cemetery (image source)
• coal mine (image source)
• construction site (image source)
• day spa (image source)
• embassy (image source)
• gas station (image source)
• harbor docks (image source)
• jail (image source)
• jazz club (image source)
• library (image source)
• movie studio (image source)
• ocean liner (image source)
• retirement home (image source)
• race track (image source)
• rock concert (image source)
• school (image source)
• sightseeing bus (image source)
• subway (image source)
• supermarket (image source)
• the united nations (image source)
• university (image source)
• vineyard (image source)
• wedding (image source)

I sincerely appreciate the contribution, thanks again Lukas !