Half-Life 2 dans le navigateur – Le hack d'un lycéen

Vous vous souvenez de la première fois que vous avez lancé Half-Life 2 et que vous avez attrapé une caisse avec le gravity gun ? Eh bien un lycéen qui se fait appeler slqnt vient de remettre tout ça dans votre navigateur, gratuitement, sans avoir à installer Steam ni à télécharger le moindre gros paquet. Ça se passe sur
hl2.slqnt.dev
, c’est en ligne depuis hier, et le jeu tourne tout en fluidité, largement au-dessus des 60 images par seconde directement sous Chrome.
Sur mobile par contre, il vous faudra un clavier branché parce que les contrôles tactiles sont quasi inexistants pour l’instant, mais sur un PC, vous lancez la page et vous voilà à Black Mesa East.
Maintenant, le plus intéressant c’est comment il s’y est pris, parce que porter un jeu bâti sur le moteur Source de Valve (le même que celui de 2004, successeur de GoldSrc) dans un onglet, ça ne se fait pas en claquant des doigts.
Et slqnt n’est pas parti de zéro puisque c’est un copain qui lui a montré un portage de Portal fait par un autre dev nommé weliveinhell. Ce projet open source était d’ailleurs lui-même un fork de
nillerusr/source-engine
, c’est-à-dire une version modifiée de la fuite du code du moteur Source de Team Fortress 2 qui a circulé en 2020. Voilà pour la base du truc qui n’est ni plus ni moins que le moteur leaké patiemment retapé par la communauté.
L’astuce de ce portage tient dans un mode de rendu appelé ToGLES. En gros le moteur sait parler OpenGLES, le truc qu’on utilise d’habitude pour les applis Android, sauf qu’Emscripten sait traduire ces appels en WebGL2 dans le navigateur. Résultat, slqnt n’a eu quasiment aucun travail à faire côté affichage, le plus dur étant déjà fait.
Le casse-tête par contre, ça a été d’abord les assets, parce que cette version du moteur date d’avant la réédition anniversaire de HL2 et ne supportait pas ses fichiers. Il a donc fallu basculer sur la branche steam_legacy de Steam, puis dépaqueter tous les VPK du jeu et les redécouper en fichiers .data, un par carte, pour que le navigateur les charge au fur et à mesure.
Et puis il y a eu les animations faciales. C’était l’une des grandes fiertés techniques de HL2 à sa sortie, la façon dont les visages bougeaient en parlant. Sauf que ça faisait tellement planter le portage que slqnt a fini par désactiver complètement le système pour avoir quelque chose de stable.
Du coup le G-Man vous fait son monologue d’intro avec un visage figé, mais au moins ça tourne. Le reste de
son journal de bord
est également une jolie liste de galères de bidouilleur, vu de l’intérieur avec au hasard, les sauvegardes à recâbler sur le système de fichiers d’Emscripten, les batteries et medkits qui ne fonctionnaient pas, le gravity gun qu’Alyx vous tend mais qui n’arrivait jamais dans l’inventaire, les PNJ qui s’effondraient et mouraient au hasard, les headcrabs qui ne faisaient aucun dégât, l’eau toute noire et j’en passe…
Petit détail qui parle à quiconque a déjà bidouillé un jeu, il a dû remapper l’accroupissement sur la touche C, parce que CTRL déclenchait des raccourcis du navigateur qui pourrissent la partie.
Reste maintenant la question que tout le monde se pose : Est-ce que Valve est au courant ? Parce qu’un portage qui repose sur du code moteur leaké et sur les assets du jeu, légalement, c’est une zone grise bien grise qui tire vers le noir.

Valve a toujours été plutôt cool avec sa communauté de moddeurs, mais ça pourrait disparaître du jour au lendemain. Après si l’idée d’un jeu Source qui tourne dans un onglet vous fait marrer, c’est exactement le même esprit que ce
Portal 2 transformé en serveur web
, ou que ce
Doom qui tourne avec juste du CSS
. Mettre les vieux FPS dans le navigateur, c’est presque devenu un sport, je vous en parlais déjà avec
Wolfenstein 3D
.
Bref, foncez essayer tant que c’est en ligne. Et si vous y arrivez sur mobile sans clavier, écrivez vite un bouquin pour raconter comment vous avez fait !
Source : korben.info