Chez antWeb.fr, nous aimons montrer qu’un navigateur web peut faire bien plus qu’afficher des pages. Wildfire Wings — Opération Littoral en est la démonstration : un jeu d’action complet, en 3D, qui tourne dans un simple onglet, sans installation, et qui porte un message qui nous tient à cœur. Nous vous proposons de le découvrir en deux temps — d’abord le jeu et ce qu’il raconte, ensuite les coulisses techniques de sa fabrication.
Le jeu est jouable gratuitement à cette adresse : wildfirewings.antweb.fr.
Première partie — Le jeu : un littoral, un été, et le feu
Le principe
Vous êtes aux commandes d’un hélicoptère bombardier d’eau. Sous vos pales, une forêt côtière : des pins, des routes, des étangs, une plage dorée, la mer à l’horizon. Et un incendie qui progresse. Non, ça n’est pas notre Beauce, mais pourquoi pas en V2 ?
Votre mission est simple à énoncer, exigeante à accomplir : contenir le feu avant qu’il ne ravage plus de la moitié de la forêt. Vous remplissez votre réservoir en survolant la mer ou les étangs, vous larguez l’eau sur les flammes, et vous recommencez — tout en surveillant votre jauge de carburant, car à sec, c’est le retour forcé à la caserne.
À chaque niveau franchi, l’incendie repart de plus belle, plus vaste, à un autre moment de la journée. Car le temps passe : on joue en plein soleil, puis au coucher, dans la lueur orangée du soir, et jusque dans la nuit où les phares des voitures et le halo des flammes deviennent vos seuls repères.
Un monde qui vit sa vie
Ce qui donne son âme au jeu, ce n’est pas seulement le feu : c’est tout ce qui l’entoure et qui continue d’exister pendant que vous luttez.
Sur les routes, la circulation est autonome et crédible : les voitures roulent à droite, respectent les priorités aux carrefours, se suivent sans se rentrer dedans, patientent, doublent une épave lorsque la voie est libre, et font demi-tour quand un obstacle les bloque trop longtemps. Une ambulance fait la navette, gyrophares allumés, et les autres véhicules lui cèdent le passage. Un camion de pompiers part en intervention quand un véhicule prend feu : il rejoint les lieux, sirène deux-tons hurlante, contourne les flammes, dégage l’épave sur le bas-côté, puis rentre à la caserne.
Sur la plage, des vacanciers insouciants bronzent au soleil, indifférents au drame qui se joue derrière eux. Approchez le feu trop près d’eux et ils fuient vers la mer — mais gare à ne pas les arroser au passage : ils n’apprécient pas. Ce contraste entre l’insouciance des estivants et la gravité de la situation n’est pas anodin. Il dit quelque chose de notre rapport au risque.
Dans les bois, des cerfs broutent paisiblement. Quand les flammes se rapprochent, ils détalent au galop vers le point d’eau le plus proche — la plage ou le bord d’un étang. Sur la route, ils sont prioritaires : les voitures s’arrêtent pour les laisser passer, car il n’est pas question de les écraser. Et à chaque foyer qui s’embrase, des oiseaux s’envolent de la cime des arbres.
Chaque détail est là pour une raison : rendre tangible le fait qu’un incendie de forêt n’est jamais un événement abstrait. C’est un écosystème entier, humain et animal, qui est menacé.
Un propos : sensibiliser, et rendre hommage
Wildfire Wings est un jeu d’arcade, et il doit rester amusant. Mais nous l’avons conçu avec une intention claire.
D’abord, sensibiliser à l’horreur des feux de forêt. Dans le jeu, quand vous échouez, la forêt est ravagée, et la caméra survole lentement les terres calcinées avant d’afficher votre score. Ce n’est pas un écran de « game over » anodin : c’est un moment de silence sur ce qui a été perdu. Le jeu propose un cycle de saisons — si vous tenez sept niveaux, un nouvel été commence, la forêt repousse, les étangs se remplissent. Cette renaissance est une respiration de gameplay. Mais elle porte aussi, en creux, un rappel : dans la réalité, une forêt ne repousse pas en un clic. Il faut des décennies. Ce que le feu détruit en une heure met une génération à revenir.
Ensuite, et surtout, rendre hommage aux pompiers. Ce jeu est une lettre de gratitude à celles et ceux qui, chaque été, risquent leur vie pour protéger nos forêts, nos maisons et nos vies. Le courage, le don de soi, la fatigue, et trop souvent le manque de moyens face à des étés de plus en plus secs. En incarnant, le temps d’une partie, celui qui affronte les flammes, on mesure un peu mieux ce que représente leur engagement réel. C’est pour cela que nous avons soigné le camion de pompiers, sa sirène, ses interventions : parce qu’ils méritent d’être au cœur du jeu, pas en décor.
Un jeu gratuit ne changera pas le monde. Mais s’il fait sourire, s’il fait réfléchir une minute, et s’il inspire un peu de respect pour ceux qui combattent le feu pour de vrai, alors il aura rempli sa mission.
Seconde partie — Les coulisses : comment on fabrique un tel jeu dans un navigateur
Cette partie s’adresse à celles et ceux que la technique intéresse — et à nos futurs clients, qui verront ici concrètement le type de savoir-faire que nous mobilisons. Car derrière un jeu qui « a l’air simple » se cache une somme de travail, de choix d’ingénierie et de tests que nous avons envie de partager.
Un jeu 100 % web, autonome, sans installation
Le premier parti pris, le plus structurant, est le suivant : tout le jeu tient dans un seul fichier HTML. Pas de serveur de jeu, pas de moteur propriétaire, pas de plugin à installer. On ouvre une page, et ça tourne — sur ordinateur comme sur smartphone.
Les technologies employées sont celles, standard, du web moderne :
- HTML et CSS pour la structure et l’interface (menus, jauges, écrans de fin).
- JavaScript pour toute la logique du jeu.
- WebGL, via la bibliothèque Three.js, pour le rendu 3D en temps réel.
- L’API Web Audio pour générer les sons — le rotor de l’hélicoptère, les explosions, la sirène des pompiers — entièrement par synthèse, sans aucun fichier audio à télécharger.
Ce choix du « tout-en-un » a un avantage décisif : le jeu est facilement convertible en application Android (.APK). Le même code qui tourne dans un navigateur peut être empaqueté en application mobile installable. Un seul développement, deux canaux de diffusion.
Exploiter le navigateur jusqu’au bout
Un navigateur web offre aujourd’hui une boîte à outils étonnamment riche, à condition de savoir s’en servir. Nous avons notamment mis à profit :
- Le rendu 3D accéléré par le processeur graphique (WebGL), pour afficher une carte entière — terrain, forêt de plusieurs centaines d’arbres, véhicules, eau animée — à une cadence fluide.
- La géométrie instanciée, une technique qui permet de dessiner des centaines d’arbres identiques en une seule opération graphique, plutôt qu’un par un. Sans elle, la forêt ferait s’effondrer les performances.
- Le stockage local du navigateur, pour la sauvegarde automatique de la progression, et l’export/import de fichiers, pour que le joueur puisse conserver ou transférer ses parties.
- La détection tactile, pour proposer des commandes adaptées au mobile (un joystick virtuel à gauche, le largage à droite) distinctes des commandes clavier.
Un détail qui illustre le soin porté à l’ergonomie : les commandes clavier réagissent à la position physique des touches, pas au caractère imprimé. Résultat, le jeu fonctionne à l’identique sur un clavier français AZERTY ou anglais QWERTY, sans réglage. Et l’aide affichée à l’écran s’adapte, elle, à la langue choisie.
Six langues, pensées dès la conception
Parce qu’un jeu web s’adresse au monde entier, Wildfire Wings est traduit en six langues : français, anglais, portugais, allemand, coréen, et sängö (langue nationale de Centrafrique). L’internationalisation n’a pas été bricolée après coup : toute l’interface repose sur un dictionnaire central, et le moindre message — y compris ceux qui apparaissent en cours de jeu — passe par ce système. Ajouter une langue demande de traduire une liste de textes, rien de plus.
Le diable est dans les détails
C’est peut-être ici que se joue la vraie différence entre un prototype et un jeu abouti. Une part considérable de notre temps a été consacrée à des éléments que le joueur ne remarque, au fond, que s’ils sont absents ou ratés. Quelques exemples :
- Le code de la route. Faire circuler des voitures, c’est facile. Les faire cohabiter de façon crédible — priorité à droite aux carrefours, distance de sécurité, dépassement uniquement quand la voie est libre et après un temps d’observation, demi-tour en cas de blocage, refus catégorique d’écraser un animal — c’est un petit projet à lui tout seul. Nous avons passé plusieurs itérations rien que sur le comportement du trafic.
- Les vacanciers. Ils bronzent, fuient le feu vers la mer, reviennent à leur serviette, et protestent si on les asperge. Chaque état a son animation.
- Le souffle des pales. Lorsque l’hélicoptère survole la mer, le souffle du rotor repousse les voiliers et crée des cercles concentriques à la surface de l’eau. Personne n’a besoin de cet effet. Mais c’est lui qui fait qu’on croit à la scène.
- La sirène des pompiers. Un vrai son deux-tons, synthétisé, dont le volume varie selon la distance entre le camion et votre hélicoptère.
Ces « détails mineurs » représentent, cumulés, une part majeure du travail. C’est notre conviction : la qualité perçue d’un produit se niche dans ces finitions.
Les limites, et comment on les affronte
Le développement web pour le jeu impose aussi des contraintes réelles, qu’il faut savoir gérer avec méthode.
La plus sérieuse est la gestion de la mémoire. Un jeu qui crée en continu des flammes, de la fumée, des gouttes d’eau, des braises, doit tout aussi rigoureusement libérer ces éléments une fois qu’ils ont disparu. Dans le cas contraire, la mémoire se remplit peu à peu et le navigateur finit par ralentir, puis planter — un phénomène de « fuite mémoire ». Nous avons traqué ces fuites une à une : partage des formes géométriques réutilisables, libération explicite des matériaux graphiques quand un feu s’éteint, recyclage des éléments visuels plutôt que création à répétition. C’est un travail invisible, mais c’est lui qui permet de jouer longtemps sans que le jeu ne se dégrade.
Autre limite : le rendu 3D dans un navigateur reste plus contraint qu’avec un moteur natif. Il faut donc optimiser en permanence — simplifier les modèles, limiter les calculs par image, capturer certains effets (comme les reflets du ciel sur la mer) une seule fois plutôt qu’à chaque instant. L’art consiste à donner l’illusion de la richesse sans en payer le coût.
Une longue, très longue série de tests
Enfin, rien de tout cela ne tiendrait sans tests, encore et encore. Le jeu a connu des dizaines de versions successives, chacune éprouvée sur mobile — en orientation portrait et paysage — et sur navigateur de bureau. Chaque nouvelle mécanique a été testée, cassée, corrigée, re-testée. Un affichage qui déborde en coréen, une voiture qui traverse une épave, un cerf qui glisse de côté, un son qui persiste quand il devrait se taire, l’accueil qui ne tient plus sur un écran : autant de petites imperfections débusquées et réglées une par une.
Cette exigence de test, cette recherche continue d’ergonomie — un tutoriel tactile qui apparaît discrètement au premier niveau et s’efface dès que le joueur a compris, des messages qui ne cachent pas la belle animation de fin de niveau, des boutons calibrés pour le pouce — c’est ce qui sépare un jeu « qui marche » d’un jeu « agréable à jouer ».
En résumé
Wildfire Wings — Opération Littoral est un jeu gratuit, léger, jouable partout, qui divertit tout en portant un message : la beauté fragile de nos forêts, la brutalité des incendies, et le courage des pompiers.
Mais c’est aussi, pour nous, une vitrine. Si un jeu d’action 3D complet, multilingue, optimisé et testé peut tenir dans un simple fichier web, imaginez ce que les mêmes savoir-faire peuvent apporter à votre projet : un site vitrine qui sort du lot, un configurateur interactif, une animation qui capte l’attention, une application web sur mesure. Nous ne faisons pas que des sites internet. Nous concevons des expériences.
Envie d’en discuter ? Contactez-nous.
Le jeu est et restera gratuit. Si vous souhaitez soutenir les créations de l’auteur de ce jeu gratuit, un café offert fait toujours plaisir : https://ko-fi.com/anthonyhenriques.