Comme tout le monde, j’ai parfois des journées où je devrais rester couché: tout est pourri, tout suce et j’ai juste envie de puncher le mur, mais je ne suis pas un enfant. Je suis un homme capable de gérer ses émotions. Donc plutôt que d’agir stupidement, je me suis posé la question:
Qu’est-ce qui me ferait du bien? Qu’est-ce qui permettrait de me défouler?
Dans ma jeunesse, une série de jeux vidéos a marquée l’imaginaire de ma génération: Mortal Kombat! Particulièrement le deuxième volet. Malgré les années, je me souviens encore très clairement du sentiement de satisfaction, mais surtout du défoulement associé à un uppercut bien placé!
L’idée d’isoler ce moment en précis afin de l’avoir disponible en tout temps au bout de mes doigts à germé dans mon esprit. Vu mon champ d’expertise, je me suis mis au boulot et j’ai créer ce qui allait devenir Sorry Jax!
La première question qui m’est venue à l’esprit fut: “Quels personnages je prends?”
Pour le protagoniste, j’allais assurément choisir entre les deux plus emblématiques de la franchise: Scorpion ou Sub-Zero. De façon hautement scientifique, j’ai opté pour Scorpion, puisque j’ai un faible pour le jaune.
Reste son adversaire, celui qui allait recevoir les uppercuts. Vous, vous doutez que j’ai opté pour Jax, mais pourquoi lui? À l’époque, j’était tombé sur les résultats d’un sondage classant les personnages du plus ou moins populaires. Jax était en queue de liste.
Désolé Jax 🤷♂️
En même temps… est-ce vraiment une surprise? La majorité des personnages on des spécial moves “cools” impliquant le feu, la glace, l’électricité, etc. Jax lui à le “Gotcha Grab”, soit une série de coups de poing 😅
Aspect technique
Créé initialement sur CodePen, ce projet était originalement en JavaScript vanille. Lors de sa migration vers mon blogue en 2026, je l’ai converti en TypeScript — toujours sans aucun cadriciel (React, Vue, etc. 🙅♂️), ni aucune dépendance JavaScript.
Le projet fonctionne autant sur mobile que desktop. Néanmoins, l’expérience a été pensée pour être optimale sur mobile, où il est possible d’interagir directement avec Scorpion à l’aide de gestes tactiles:
- Glisser vers le bas pour le faire accroupir.
- Glisser vers le haut (idéalement violamment) pour le faire se relever en donnant un uppercut.
Sur les téléphones utilisant Chrome, une rétroaction haptique est présente afin de déclencher une vibration au moment précis où le poing de Scorpion connecte avec la machoire de Jax!