Chutzi

Comment j’ai transformé un simple parcours JokeAPI en expérience ludique portée par une mascotte conçue en code, des animations et du son.

Expérience de blagues Chutzi affichée sur un écran d’ordinateur

Plus qu’une réponse d’API

Chutzi est un POC terminé qui explore une autre manière d’utiliser JokeAPI. Plutôt que d’afficher une question et sa chute dans une interface classique, j’ai construit une courte expérience gamifiée autour d’une mascotte qui réagit à chaque moment important.

J’ai réalisé seul le concept, l’expérience, la mascotte, le code, la documentation et le déploiement. Le critère de réussite n’était pas le nombre de blagues : il fallait que Chutzi paraisse réactif et vivant.

La mascotte est l’interface

Le parcours reste volontairement simple : commencer, lire la question, révéler la réponse, puis demander une autre blague ou quitter. JokeAPI fournit dix blagues françaises en deux parties et en mode sécurisé ; un second filtre local rejette les contenus signalés et évite de répéter immédiatement la même blague.

Chutzi placé au-dessus d’une carte après la révélation de la chute
La question, la révélation et l’action suivante restent claires pendant que la mascotte réagit au-dessus de la carte.

Donner vie à Chutzi

La principale difficulté a été de concevoir la mascotte et de donner assez de caractère à chaque animation sans rendre l’interface confuse. Chutzi peut regarder autour de lui, sauter, réfléchir, bavarder, dormir, chanter, devenir espiègle, rire ou réagir à une erreur. Ses réactions d’inactivité varient et s’arrêtent lorsque la page est masquée ou que l’utilisateur reprend une action.

Une musique et des effets contextuels provenant de Pixabay accompagnent les clics et les actions. Ils peuvent être réglés séparément et leurs préférences restent dans le navigateur. La réduction des mouvements, le focus clavier, le chargement et les erreurs sont également pris en charge.

Panneau développeur de Chutzi présentant neuf réactions de la mascotte à côté de la carte
Un panneau développeur, accessible avec `?dev=1` ou Alt + Maj + D, permet de prévisualiser chaque réaction.

Résultat

Les personnes qui ont essayé Chutzi ont particulièrement apprécié la mascotte, les sons et l’expérience générale. Pour moi, le POC atteint son objectif : transformer une petite interaction avec une API en système ludique cohérent et apprendre à coordonner animations, musique de fond, sons d’action et états d’interface.

Son périmètre reste volontairement réduit. L’expérience dépend d’une connexion à JokeAPI et se concentre sur les blagues françaises en deux parties. Le code source est public, mais le dépôt ne déclare actuellement aucune licence open source.