Shopify a visiblement décidé de sortir des sentiers battus avec sa Summer Edition 2025. En plus de ses nombreuses nouveautés pour les e-commerçants, la plateforme canadienne a glissé un jeu de course dans sa page de présentation. Un vrai jeu. Dans le navigateur. Et franchement… ça tourne bien !
Baptisé Horizon Drive, ce jeu rétro aux allures de Cyber OutRun revisité vous propose de prendre le volant pour une course contre-la-montre sur fond de coucher de soleil et de palmiers en 3D. Le tout a été conçu en React et Three.js, sans moteur physique ni librairie complexe, mais avec une ambiance qui fait mouche dès les premières secondes. Et pour ne rien gâcher, vous pouvez défier vos collègues ou vos amis avec un lien à partager. Voilà de quoi ajouter un peu de piquant à la pause déjeuner.
Un jeu de course codé maison (et sans moteur physique)
Derrière Horizon Drive, il n’y a pas un gros studio de jeux vidéo, mais une équipe interne de Shopify menée par Daniel Beauchamp, ingénieur en réalité augmentée et réalité virtuelle chez la firme. Avec ses collègues @letkma et @maca_graphics, ils ont bricolé ce jeu directement dans le navigateur en utilisant React et la bibliothèque graphique Three.js, plus précisément sa version React, react-three-fiber.
Et ça fonctionne étonnamment bien. Aucun moteur physique n’a été utilisé, pas de raycasts non plus : tout repose sur une courbe spline qui permet de calculer facilement la position, l’orientation et même les collisions sur le circuit. Une astuce qui rend le jeu super léger, même sur mobile.
Pour garantir une fluidité parfaite, le code fait appel à l’instancing pour gérer les effets visuels comme les confettis, les poissons, les bulles ou encore les flashs d’appareil photo. Le tout tourne à 120 FPS sur desktop et 60 FPS sur mobile, sans saccades. Même les effets de lumière type « bloom » ont été ajoutés en une seule ligne grâce à la magie des composants React.
Bref, Horizon Drive n’est pas juste un gadget marketing. C’est une vraie démo technique qui montre qu’avec un peu d’ingéniosité (et beaucoup de talent), on peut faire tourner un jeu web propre et agréable sans passer par des outils lourds.
Objectif : finir la course… et battre vos collègues
Le but du jeu est très simple : vous prenez le volant d’un bolide au look rétro-futuriste et vous foncez jusqu’à la ligne d’arrivée le plus rapidement possible, le tout dans un décor de carte postale. Palmiers, coucher de soleil, voiliers, néons… on est clairement là pour l’ambiance.
Pas de turbo, de dérapages ou de collisions spectaculaires ici. Horizon Drive est un contre-la-montre. Vous avez une seule piste et un chrono qui tourne. Si vous atteignez l’arrivée en moins de 1 minute 55, vous décrochez la médaille d’argent. Pour la médaille d’or, il faut descendre sous 1 minute 50.
Les contrôles sont ultra basiques : les flèches gauche/droite pour diriger, haut pour accélérer, bas pour freiner. L’essentiel est dans la fluidité et l’anticipation des virages. Et si vous voulez comparer vos chronos, un lien est généré à la fin de chaque course. Il permet de défier vos collègues ou vos amis, avec un petit mode fantôme en prime.
À tester entre deux mails (ou deux cafés)
Horizon Drive ne vous fera sans doute pas décrocher de Steam ou de votre PS5, mais pour une pause rapide entre deux tâches, il fait le job. Pas besoin de compte, ni de téléchargement, ça se lance dans le navigateur (Chrome, Firefox, Edge, Safari, etc.) en un clic.
👉 Le jeu Horizon Drive est accessible ici
Amusez-vous bien 😉🏎️
Source : X
