<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Cinevva Guides</title>
        <link>https://app.cinevva.com</link>
        <description>Guides complets pour les créateurs et les joueurs.</description>
        <lastBuildDate>Sat, 15 Aug 2026 21:31:32 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <copyright>Copyright 2024-present Cinevva</copyright>
        <item>
            <title><![CDATA[Stratégie pour le Steam Next Fest en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/steam-next-fest-strategy-gamedeveloper</link>
            <guid>https://app.cinevva.com/fr/guides/steam-next-fest-strategy-gamedeveloper</guid>
            <pubDate>Sat, 15 Aug 2026 21:16:53 GMT</pubDate>
            <description><![CDATA[Une version syndiquée de notre guide stratégique pour le Steam Next Fest. Consultez la version canonique pour lire l’article complet et à jour.]]></description>
            <content:encoded><![CDATA[<h1 id="strategie-pour-le-steam-next-fest-en-2026" tabindex="-1">Stratégie pour le Steam Next Fest en 2026 <a class="header-anchor" href="#strategie-pour-le-steam-next-fest-en-2026" aria-label="Permalink to &quot;Stratégie pour le Steam Next Fest en 2026&quot;"></a></h1>
<p><em>Ce que révèlent les données sur les listes de souhaits, les démos et le calendrier. Des chiffres réels issus de plus de 200 jeux.</em></p>
<hr>
<p>Si vous planifiez votre calendrier, Steam organise le Next Fest trois fois en 2026 : du 23 février au 2 mars (déjà passé), du 15 au 22 juin et du 19 au 26 octobre. Les éditions de juin et d’octobre se déroulent de 10 h 00 PDT le jour d’ouverture à 10 h 00 PDT le jour de clôture, juste avant les soldes d’été et d’hiver (l’édition de février suivait également l’heure du Pacifique, avant le passage à l’heure d’été). Un jeu ne peut participer qu’à un seul Next Fest, alors choisissez l’édition qui correspond à votre fenêtre de sortie. Votre démo doit être publiquement jouable au moment de l’ouverture du festival, et vous ne pouvez pas sortir votre jeu avant sa clôture.</p>
<p>Voilà ce qu’il faut comprendre à propos du Next Fest : tout le monde le traite comme une loterie. On y met sa démo, on croise les doigts et on espère que l’algorithme nous sourira. Ce n’est pas ainsi que ça fonctionne.</p>
<p>Je lis des bilans post-mortem de manière obsessionnelle. Rien qu’en 2025, j’en ai parcouru des centaines. La tendance est si constante qu’elle en devient presque ennuyeuse : les jeux qui « gagnent » le Next Fest ne découvrent pas le succès pendant le festival. Ils amplifient une dynamique qu’ils avaient déjà créée.</p>
<p>Laissez-moi vous montrer ce que je veux dire.</p>
<h2 id="la-formule-que-personne-ne-veut-entendre" tabindex="-1">La formule que personne ne veut entendre <a class="header-anchor" href="#la-formule-que-personne-ne-veut-entendre" aria-label="Permalink to &quot;La formule que personne ne veut entendre&quot;"></a></h2>
<p><strong>Listes de souhaits avant le festival × 2 = Listes de souhaits gagnées</strong></p>
<p>Ce ratio revient dans un bilan post-mortem après l’autre.</p>
<p>Eilean Mor a abordé octobre 2025 avec 2 117 listes de souhaits. Il en a gagné 2 082 pendant le festival. Presque exactement 2×.</p>
<p>Dice of Kalma est arrivé avec 335 listes de souhaits. Il en a gagné 659. Un peu moins de 2×. Son développeur a écrit : « Nos listes de souhaits ont presque triplé, ce qui est génial, mais nous avons encore beaucoup de travail à faire. »</p>
<p>Voilà la vérité qui dérange. Le Next Fest double ce que vous avez déjà. Si vous n’avez rien, vous obtenez le double de rien.</p>
<h2 id="le-seuil-des-2-000-listes-de-souhaits" tabindex="-1">Le seuil des 2 000 listes de souhaits <a class="header-anchor" href="#le-seuil-des-2-000-listes-de-souhaits" aria-label="Permalink to &quot;Le seuil des 2 000 listes de souhaits&quot;"></a></h2>
<p>Les données de 208 jeux ayant participé en février 2025 montrent un point d’inflexion net à 2 000 listes de souhaits.</p>
<table tabindex="0">
<thead>
<tr>
<th>Listes de souhaits au départ</th>
<th>Ce qui se passe</th>
</tr>
</thead>
<tbody>
<tr>
<td>Moins de 1 000</td>
<td>Vous devenez invisible après le 2e jour. Aucun jeu n’est passé dans une catégorie supérieure.</td>
</tr>
<tr>
<td>1 000–2 000</td>
<td>Gains modestes. Vous restez dans votre catégorie.</td>
</tr>
<tr>
<td>2 000+</td>
<td>L’algorithme commence à vous aider. Une véritable dynamique devient possible.</td>
</tr>
<tr>
<td>10 000+</td>
<td>Catégorie or. Des gains importants sont probables.</td>
</tr>
<tr>
<td>100 000+</td>
<td>Catégorie diamant. Vous rivalisez pour les premières places des classements.</td>
</tr>
</tbody>
</table>
<p>Voici ce qu’a déclaré un développeur interrogé dans cette étude : « On commence vraiment à voir les listes de souhaits décoller pour les jeux qui en comptent plus de 2 000 avant le Steam Next Fest. »</p>
<p>Ce n’est pas exactement une question d’algorithme. C’est une question de validation. Atteindre 2 000 listes de souhaits signifie que vous avez compris quelque chose au marketing. Vous savez comment toucher le public. Cette compétence produit un effet cumulatif pendant le festival.</p>
<h2 id="les-48-premieres-heures-sont-decisives" tabindex="-1">Les 48 premières heures sont décisives <a class="header-anchor" href="#les-48-premieres-heures-sont-decisives" aria-label="Permalink to &quot;Les 48 premières heures sont décisives&quot;"></a></h2>
<p>Valve donne sa chance à tout le monde les 1er et 2e jours. Ensuite, l’algorithme décide quels jeux méritent davantage de visibilité en fonction de leurs performances.</p>
<p>Les jeux de la catégorie bronze ? Leurs impressions s’effondrent au 3e jour. Ceux de la catégorie diamant ? Leurs impressions triplent.</p>
<p><strong>Jours 1 et 2 :</strong> Mettez tout en œuvre. Diffusez en direct. Publiez. Coordonnez-vous avec les créateurs de contenu.
<strong>À partir du 3e jour :</strong> L’algorithme a déjà pris sa décision. Vous n’avez plus qu’à suivre le mouvement.</p>
<h2 id="ce-qui-a-vraiment-fonctionne-en-2025" tabindex="-1">Ce qui a vraiment fonctionné en 2025 <a class="header-anchor" href="#ce-qui-a-vraiment-fonctionne-en-2025" aria-label="Permalink to &quot;Ce qui a vraiment fonctionné en 2025&quot;"></a></h2>
<h3 id="do-no-harm-fevrier-2025" tabindex="-1">Do No Harm (février 2025) <a class="header-anchor" href="#do-no-harm-fevrier-2025" aria-label="Permalink to &quot;Do No Harm (février 2025)&quot;"></a></h3>
<p><strong>Les chiffres :</strong> 45 655 ajouts aux listes de souhaits pendant le Next Fest. Le jeu en comptait 52 102 au départ.</p>
<p><strong>Ce que l’équipe a fait :</strong></p>
<ul>
<li>Bande-annonce publiée sur GameTrailers le 29 janvier (plusieurs semaines avant le Next Fest)</li>
<li>Campagne de relations presse coordonnée avec la bande-annonce</li>
<li>Démo mise en ligne le 4 février</li>
<li>Publicités payantes pour amplifier la dynamique organique</li>
</ul>
<p>Voilà la marche à suivre. L’équipe ne comptait pas sur le Next Fest pour faire découvrir son jeu. Elle s’en est servie pour multiplier l’attention qu’elle avait déjà gagnée.</p>
<h3 id="cairn-octobre-2025" tabindex="-1">Cairn (octobre 2025) <a class="header-anchor" href="#cairn-octobre-2025" aria-label="Permalink to &quot;Cairn (octobre 2025)&quot;"></a></h3>
<p>Le jeu a atteint la 5e place des sorties populaires à venir dès le 1er jour. Il figurait parmi les meilleures démos et les sorties à venir tendance dès le 2e jour.</p>
<p><strong>Ce que l’équipe a fait :</strong></p>
<ul>
<li>Démo lancée en décembre 2024 (10 mois avant son Next Fest)</li>
<li>32 000 abonnés avant le festival</li>
<li>Sélection dans 18 festivals avant le Next Fest</li>
<li>The Game Bakers (Furi, Haven) : un studio établi qui a déjà fait ses preuves</li>
</ul>
<p>L’équipe n’avait pas besoin du Next Fest. Mais elle l’a quand même utilisé, car c’est une amplification gratuite lorsqu’on a déjà fait le travail.</p>
<h3 id="yapyap-octobre-2025" tabindex="-1">YAPYAP (octobre 2025) <a class="header-anchor" href="#yapyap-octobre-2025" aria-label="Permalink to &quot;YAPYAP (octobre 2025)&quot;"></a></h3>
<p>Le phénomène du « friend slop ». Un jeu d’horreur en coopération dans lequel on incarne des sorciers qui saccagent une tour. Il est devenu viral sur les réseaux sociaux, puis a dominé le Next Fest.</p>
<p>Sa bande-annonce a été publiée le 25 août 2025, un mois avant le Next Fest. Elle a totalisé 434 000 vues. Ce fut le point d’inflexion. Tout ce qui a suivi n’a fait que profiter de la vague.</p>
<h2 id="ce-que-fevrier-2026-a-confirme" tabindex="-1">Ce que février 2026 a confirmé <a class="header-anchor" href="#ce-que-fevrier-2026-a-confirme" aria-label="Permalink to &quot;Ce que février 2026 a confirmé&quot;"></a></h2>
<p>L’édition de février 2026 n’a pas modifié la marche à suivre, elle l’a renforcée. Le festival a dépassé les 3 500 démos. How To Market A Game a interrogé 182 développeurs après l’événement, et la relation la plus forte observée dans les données était celle entre le nombre de listes de souhaits d’un jeu avant le festival et celles obtenues pendant l’événement, avec une corrélation de Spearman de 0,825 selon une analyse indépendante des données de l’enquête. Les écarts étaient impitoyables : la démo médiane a gagné 806 listes de souhaits, il en fallait 13 461 pour atteindre le 95e percentile, et le jeu en tête en a obtenu 57 074. La coopération a continué de dominer, et l’idée de « publier sa démo par surprise juste avant le festival » a de nouveau été réfutée. Parmi les jeux ayant gagné plus de 15 000 listes de souhaits, un seul avait publié sa démo par surprise quelques jours avant le festival. Les autres proposaient leur démo depuis au moins un mois. Construisez d’abord votre audience : chaque édition répète la même chose.</p>
<h2 id="les-genres-qui-continuent-de-gagner" tabindex="-1">Les genres qui continuent de gagner <a class="header-anchor" href="#les-genres-qui-continuent-de-gagner" aria-label="Permalink to &quot;Les genres qui continuent de gagner&quot;"></a></h2>
<p>Dans la catégorie diamant de février 2025 :</p>
<ul>
<li><strong>Horreur</strong> (×2) - Steam adore l’horreur. Cela a toujours été le cas.</li>
<li><strong>Stratégie/gestion</strong> (×4) - L’ambiance est aux jeux de « fabrication-construction-simulation »</li>
<li><strong>« Friend slop » en coopération</strong> - Lethal Company a ouvert les vannes</li>
<li><strong>Point-and-click</strong> (×2) - mais les deux jeux étaient des suites disposant déjà d’une audience</li>
</ul>
<p>Le cas du point-and-click est intéressant. Beholder: Conductor était le 4e jeu de sa série. Duck Detective était une suite. Ils disposaient d’une audience préexistante. Les développeurs qui créent leur premier point-and-click n’obtiennent pas ces résultats.</p>
<h2 id="ce-que-disent-les-petits-jeux" tabindex="-1">Ce que disent les petits jeux <a class="header-anchor" href="#ce-que-disent-les-petits-jeux" aria-label="Permalink to &quot;Ce que disent les petits jeux&quot;"></a></h2>
<p>Tout le monde ne vise pas la catégorie diamant. Voici ce qu’ont rapporté des développeurs plus modestes en octobre 2025 :</p>
<blockquote>
<p>« 62 % de conversion des visites en ajouts aux listes de souhaits. La page du magasin elle-même semble fonctionner. Mais les impressions étaient élevées et les gens ne cliquaient pas. L’illustration de la capsule doit être retravaillée. »</p>
</blockquote>
<blockquote>
<p>« 57 % des visiteurs de notre page du magasin ont joué à notre démo. Ça semble élevé, non ? Mais seuls 15 % des joueurs l’ont également ajoutée à leur liste de souhaits. Quelque chose n’a pas répondu à leurs attentes. »</p>
</blockquote>
<blockquote>
<p>« J’ai été banni définitivement de r/cozygames pour avoir demandé aux membres s’ils trouvaient notre jeu cosy. J’essaie toujours de respecter les règles, mais c’était assez surprenant. »</p>
</blockquote>
<p>Le travail de fond est bien réel. Ces développeurs testent leurs illustrations de capsule, ajustent leurs tags et se font bannir de subreddits. Ce n’est pas très glamour.</p>
<p>Une tendance s’est renforcée : les jeux de « friend slop » en coopération accumulent énormément de parties sur leurs démos, mais convertissent moins de ces joueurs en ajouts aux listes de souhaits, car le public qui vient y jouer est occasionnel et cherche surtout à s’amuser avec des amis, pas à suivre la sortie d’un jeu. Un grand nombre de joueurs ne se traduit pas automatiquement par beaucoup de listes de souhaits.</p>
<h2 id="la-marche-a-suivre-en-toute-honnetete" tabindex="-1">La marche à suivre, en toute honnêteté <a class="header-anchor" href="#la-marche-a-suivre-en-toute-honnetete" aria-label="Permalink to &quot;La marche à suivre, en toute honnêteté&quot;"></a></h2>
<p><strong>Plusieurs mois avant le Next Fest :</strong></p>
<ol>
<li>Lancez votre démo tôt. Vraiment très tôt. Les gagnants proposaient leur démo depuis 6 à 12 mois.</li>
<li>Participez d’abord à de plus petits festivals consacrés à votre genre. Servez-vous-en pour peaufiner votre jeu.</li>
<li>Atteignez plus de 2 000 listes de souhaits. C’est votre véritable seuil.</li>
</ol>
<p><strong>Pendant le Next Fest :</strong></p>
<ol>
<li>Tout se joue pendant les 1er et 2e jours. Mettez tout en œuvre.</li>
<li>Diffusez en direct si vous le pouvez. La mention « en direct » apparaîtra sur votre page.</li>
<li>Coordonnez-vous avec des streamers. Rémunérez-les s’il le faut.</li>
<li>Placez votre démo sur une page Steam distincte afin qu’elle puisse recueillir des avis.</li>
</ol>
<p><strong>Après le Next Fest :</strong></p>
<ol>
<li>Ne sortez pas votre jeu immédiatement. Attendre quelques semaines donne en réalité de meilleurs résultats.</li>
<li>Exploitez cette dynamique pour le marketing du lancement proprement dit.</li>
</ol>
<h2 id="quand-vaut-il-mieux-ne-pas-participer" tabindex="-1">Quand vaut-il mieux ne pas participer ? <a class="header-anchor" href="#quand-vaut-il-mieux-ne-pas-participer" aria-label="Permalink to &quot;Quand vaut-il mieux ne pas participer ?&quot;"></a></h2>
<p>Soyons francs : le Next Fest ne convient pas à tout le monde.</p>
<p>N’y participez pas si :</p>
<ul>
<li>Vous avez moins de 1 000 listes de souhaits (vous serez invisible dès le 3e jour)</li>
<li>Votre démo manque de finition (vous n’avez qu’une seule chance de faire une bonne première impression)</li>
<li>C’est votre tout premier festival (commencez par de plus petits événements)</li>
<li>Vous comptez sortir votre jeu immédiatement après (attendez quelques semaines)</li>
</ul>
<p>Des dizaines de petits festivals ont lieu chaque mois. Leurs audiences sont plus ciblées. La concurrence y est moins forte. Consultez howtomarketagame.com/festivals pour voir la liste.</p>
<p>Le Next Fest est le choix par défaut parce que Valve invite tout le monde à y participer. Mais les meilleures actions marketing ne sont pas celles que l’on suggère à tout le monde.</p>
<hr>
<h2 id="a-propos-de-l-auteur" tabindex="-1">À propos de l’auteur <a class="header-anchor" href="#a-propos-de-l-auteur" aria-label="Permalink to &quot;À propos de l’auteur&quot;"></a></h2>
<p>Oleg Sidorkin développe des outils pour les créateurs de jeux indépendants. Il étudie les données de marketing vidéoludique et les bilans post-mortem de développeurs afin de comprendre ce qui fonctionne réellement, par opposition à ce qui bénéficie simplement d’un effet de mode.</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Connecter Claude ou Cursor à Cinevva (serveur MCP)]]></title>
            <link>https://app.cinevva.com/fr/guides/mcp-server</link>
            <guid>https://app.cinevva.com/fr/guides/mcp-server</guid>
            <pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Configurez le serveur MCP du créateur de jeux Cinevva dans Claude, Claude Code ou Cursor, et modifiez votre jeu en direct depuis votre assistant IA préféré.]]></description>
            <content:encoded><![CDATA[<h1 id="connecter-claude-ou-cursor-a-cinevva-serveur-mcp" tabindex="-1">Connecter Claude ou Cursor à Cinevva (serveur MCP) <a class="header-anchor" href="#connecter-claude-ou-cursor-a-cinevva-serveur-mcp" aria-label="Permalink to &quot;Connecter Claude ou Cursor à Cinevva (serveur MCP)&quot;"></a></h1>
<p>Cinevva fournit un serveur MCP hébergé qui permet à Claude, Claude Code, Cursor ou tout autre client MCP de créer vos jeux. L’IA que vous utilisez déjà devient le cerveau de l’opération : elle lit et modifie directement les fichiers de vos jeux sur nos serveurs, sans qu’aucun onglet de navigateur soit nécessaire. Ouvrez également votre jeu dans le créateur Cinevva pour activer la session en direct : l’IA peut alors importer des ressources depuis notre bibliothèque CC0, rigger et animer des modèles 3D, prendre des captures d’écran, simuler des entrées pour tester le jeu en cours d’exécution et actualiser l’aperçu, tandis que chaque modification s’affiche instantanément sur votre écran.</p>
<h2 id="ce-qu-il-vous-faut" tabindex="-1">Ce qu’il vous faut <a class="header-anchor" href="#ce-qu-il-vous-faut" aria-label="Permalink to &quot;Ce qu’il vous faut&quot;"></a></h2>
<p>Un compte Cinevva (l’offre gratuite convient, mais le rigging 3D consomme les crédits de votre solde) et un client MCP prenant en charge les serveurs distants avec OAuth. L’URL du serveur est :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>https://api.cinevva.com/create/mcp</span></span></code></pre>
</div><p>Il utilise le protocole Streamable HTTP et s’authentifie avec OAuth 2.0. Lorsque vous vous connectez, votre client ouvre une page de connexion Cinevva dans le navigateur. Autorisez-le une fois et le client restera connecté.</p>
<h2 id="modifiez-ou-que-vous-soyez-passez-en-direct-pour-observer-et-tester" tabindex="-1">Modifiez où que vous soyez. Passez en direct pour observer et tester. <a class="header-anchor" href="#modifiez-ou-que-vous-soyez-passez-en-direct-pour-observer-et-tester" aria-label="Permalink to &quot;Modifiez où que vous soyez. Passez en direct pour observer et tester.&quot;"></a></h2>
<p>La modification des fichiers ne nécessite rien d’autre que la connexion. Les outils de fichiers lisent et modifient la copie de référence de vos jeux sur nos serveurs. Votre assistant peut donc corriger un bug ou ajouter une fonctionnalité même si aucun onglet Cinevva n’est ouvert. Indiquez le nom du jeu souhaité (ou laissez l’IA choisir parmi vos jeux), puis formulez votre demande.</p>
<p>Le mode direct est une amélioration, pas une obligation. Ouvrez le jeu sur <a href="https://cinevva.com/create" target="_blank" rel="noreferrer">cinevva.com/create</a>, attendez que l’aperçu se charge, puis cliquez sur <strong>Agent externe</strong> dans la barre d’outils du créateur (l’icône de prise, également disponible dans le menu « Plus » sur les petits écrans). Le panneau affiche « Agent en direct » une fois la connexion établie. Une session en direct donne à l’IA des yeux et des mains sur le jeu en cours d’exécution : captures d’écran, journaux de console, entrées simulées, importation de ressources et rigging 3D. Elle affiche également chaque modification sur votre écran dès son arrivée, qu’elle provienne de cet onglet ou d’une session sans interface. Le lien direct reste actif lors de vos prochaines visites, jusqu’à ce que vous cliquiez sur « Arrêter la session en direct ».</p>
<p>L’outil <code>list_live_sessions</code> indique les sessions connectées et, lorsqu’un seul jeu est ouvert, celui-ci est ciblé automatiquement.</p>
<h2 id="configuration-dans-claude-claude-ai-et-application-de-bureau" tabindex="-1">Configuration dans Claude (claude.ai et application de bureau) <a class="header-anchor" href="#configuration-dans-claude-claude-ai-et-application-de-bureau" aria-label="Permalink to &quot;Configuration dans Claude (claude.ai et application de bureau)&quot;"></a></h2>
<ol>
<li>Ouvrez les paramètres, puis les connecteurs, et choisissez « Ajouter un connecteur personnalisé ».</li>
<li>Nommez-le Cinevva et collez <CopyText text="https://api.cinevva.com/create/mcp" /> comme URL. Vérifiez qu’aucun caractère indésirable ne s’est glissé dedans : l’URL doit se terminer par <code>/create/mcp</code>.</li>
<li>Cliquez sur Ajouter, puis sur Connecter. Connectez-vous avec votre compte Cinevva lorsque la page d’autorisation s’ouvre (le même compte que celui utilisé dans l’onglet de votre jeu).</li>
<li>Demandez par exemple à Claude « liste les fichiers de mon jeu Cinevva » pour vérifier la connexion. Pour effectuer des tests en direct, ouvrez votre jeu sur cinevva.com/create dans un autre onglet et cliquez sur Agent externe dans la barre d’outils.</li>
</ol>
<h2 id="configuration-dans-claude-code" tabindex="-1">Configuration dans Claude Code <a class="header-anchor" href="#configuration-dans-claude-code" aria-label="Permalink to &quot;Configuration dans Claude Code&quot;"></a></h2>
<div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">claude</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> mcp</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> add</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> --transport</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> http</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> cinevva</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> https://api.cinevva.com/create/mcp</span></span></code></pre>
</div><p>Claude Code vous guide dans la connexion OAuth lors de la première utilisation. Vous pouvez ensuite lui demander de lire les fichiers de votre jeu ou d’effectuer une modification. Il fonctionne directement depuis le terminal, sans qu’aucun onglet de navigateur soit ouvert.</p>
<h2 id="configuration-dans-cursor" tabindex="-1">Configuration dans Cursor <a class="header-anchor" href="#configuration-dans-cursor" aria-label="Permalink to &quot;Configuration dans Cursor&quot;"></a></h2>
<p>Ajoutez ceci à <code>.cursor/mcp.json</code> (pour un projet) ou à <code>~/.cursor/mcp.json</code> (globalement) :</p>
<div class="language-json vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">{</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">  "mcpServers"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: {</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">    "cinevva"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: {</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">      "url"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">"https://api.cinevva.com/create/mcp"</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Cursor détecte le serveur, lance le processus OAuth dans votre navigateur et répertorie les outils dans ses paramètres MCP.</p>
<h2 id="fonctionnement-des-outils" tabindex="-1">Fonctionnement des outils <a class="header-anchor" href="#fonctionnement-des-outils" aria-label="Permalink to &quot;Fonctionnement des outils&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Groupe</th>
<th>Outils</th>
<th>Nécessite une session en direct ?</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lire le jeu</td>
<td><code>list_game_files</code>, <code>read_files</code>, <code>search_game_file</code></td>
<td>Non, lit la copie serveur de n’importe lequel de vos jeux</td>
</tr>
<tr>
<td>Modifier le jeu</td>
<td><code>edit_files</code>, <code>write_files</code>, <code>delete_files</code>, <code>rename_files</code></td>
<td>Non, les modifications sont enregistrées côté serveur et transmises à tout onglet ouvert</td>
</tr>
<tr>
<td>Aperçu</td>
<td><code>game_ready</code></td>
<td>Actualise l’aperçu d’un onglet en direct, ou enregistre sans interface dans le cas contraire</td>
</tr>
<tr>
<td>Observer le jeu</td>
<td><code>read_console_logs</code>, <code>take_screenshot</code></td>
<td>Oui</td>
</tr>
<tr>
<td>Tests</td>
<td><code>execute_js</code>, <code>simulate_input</code>, <code>get_task_status</code></td>
<td>Oui</td>
</tr>
<tr>
<td>Ressources</td>
<td><code>search_assets</code>, <code>list_asset_packs</code>, <code>import_asset</code>, <code>search_fonts</code></td>
<td>Oui. Environ 7 000 objets, fichiers audio et HDRI sous licence CC0</td>
</tr>
<tr>
<td>Rigging 3D</td>
<td><code>rig_model</code>, <code>apply_animation</code></td>
<td>Oui, consomme des crédits</td>
</tr>
<tr>
<td>Documentation</td>
<td><code>list_library_docs</code>, <code>search_library_docs</code>, <code>read_library_docs</code>, <code>list_animations</code></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p>Le rigging coûte le même nombre de crédits que dans le créateur de jeux intégré à l’application. Tout le reste est gratuit. Le créateur intégré permet également de générer avec l’IA des images, de la musique, des effets sonores et des skyboxes. Ces outils se trouvent directement dans l’application Cinevva et ne font pas partie du connecteur MCP.</p>
<h2 id="resolution-des-problemes" tabindex="-1">Résolution des problèmes <a class="header-anchor" href="#resolution-des-problemes" aria-label="Permalink to &quot;Résolution des problèmes&quot;"></a></h2>
<p>Le message « Aucun serveur MCP n’a été trouvé à l’URL fournie » pendant la configuration signifie généralement que l’URL contient une faute de frappe ou un caractère supplémentaire à la fin. Elle doit être exactement <CopyText text="https://api.cinevva.com/create/mcp" />.</p>
<p>Le message « Aucune session en direct » provient uniquement des outils d’exécution (captures d’écran, console, entrées, ressources et rigging). Il signifie qu’aucun onglet de navigateur n’a ouvert ce jeu avec le lien direct activé. Ouvrez votre jeu, cliquez sur Agent externe dans la barre d’outils, puis réessayez. Les outils de fichiers n’en ont jamais besoin : sans session, ils fonctionnent sur n’importe lequel de vos jeux grâce à son gameId et répertorient vos jeux si vous n’en fournissez aucun.</p>
<p>Si les outils restent bloqués lors d’une nouvelle connexion, actualisez l’onglet du jeu afin qu’il se reconnecte, puis appelez <code>list_live_sessions</code>.</p>
<p>Pour toute question ou tout problème : <a href="mailto:support@cinevva.com" target="_blank" rel="noreferrer">support@cinevva.com</a>.</p>
]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Des jeux de stand qui génèrent vraiment des prospects (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/trade-show-booth-games</link>
            <guid>https://app.cinevva.com/fr/guides/trade-show-booth-games</guid>
            <pubDate>Thu, 30 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Quels jeux fonctionnent sur un stand de salon professionnel, pourquoi les roues de la fortune et les parcours de putting attirent les foules mais pas les prospects, et comment un jeu sur téléphone avec un classement en direct transforme le trafic des allées en une liste de contacts exportable.]]></description>
            <content:encoded><![CDATA[<h1 id="des-jeux-de-stand-qui-generent-vraiment-des-prospects" tabindex="-1">Des jeux de stand qui génèrent vraiment des prospects <a class="header-anchor" href="#des-jeux-de-stand-qui-generent-vraiment-des-prospects" aria-label="Permalink to &quot;Des jeux de stand qui génèrent vraiment des prospects&quot;"></a></h1>
<p>Vous disposez d’un stand de 3 × 3 ou 6 × 6 mètres, d’un lecteur de badges et de trois jours pour justifier le coût de votre présence. À un moment de la préparation, quelqu’un propose un jeu, car tout le monde sait qu’un jeu attire les visiteurs. La question à laquelle personne ne répond correctement est de savoir quels jeux attirent des personnes avec qui il vaut la peine d’échanger, et lesquels créent simplement une file d’inconnus sans badge venus récupérer des cadeaux.</p>
<p>Je conçois des jeux de stand sur mesure, j’ai donc observé ces deux résultats. Voici ce qui les distingue.</p>
<h2 id="les-deux-types-de-jeux-de-stand" tabindex="-1">Les deux types de jeux de stand <a class="header-anchor" href="#les-deux-types-de-jeux-de-stand" aria-label="Permalink to &quot;Les deux types de jeux de stand&quot;"></a></h2>
<p>Presque tous les jeux de stand appartiennent à l’une de ces deux catégories, dont les résultats sont radicalement différents.</p>
<p><strong>Les jeux d’attraction</strong> arrêtent les visiteurs dans l’allée. Une roue de la fortune, un parcours de putting, une machine à pince, une tour Jenga géante. Ils fonctionnent : le mouvement et le bruit sont ce qui interrompt le rythme de marche d’une personne. Mais ils ne vous apprennent rien sur ceux qui s’arrêtent. Quelqu’un fait tourner la roue, prend les chaussettes marquées de votre logo et repart. Vous avez attiré une personne, pas obtenu un prospect, et vous avez payé pour une roue.</p>
<p><strong>Les jeux de qualification</strong> demandent à la personne d’effectuer une action qui révèle son intérêt, puis sollicitent ses coordonnées au moment où elle attend quelque chose de vous. Ils sont plus rares, plus difficiles à bien organiser, et ce sont les seuls à alimenter votre CRM.</p>
<p>L’erreur n’est pas de choisir un jeu d’attraction. C’est d’en choisir un tout en espérant qu’il génère des prospects.</p>
<h2 id="pourquoi-les-grands-classiques-generent-peu-de-prospects" tabindex="-1">Pourquoi les grands classiques génèrent peu de prospects <a class="header-anchor" href="#pourquoi-les-grands-classiques-generent-peu-de-prospects" aria-label="Permalink to &quot;Pourquoi les grands classiques génèrent peu de prospects&quot;"></a></h2>
<p><strong>Les roues de la fortune</strong> convertissent grâce au lot, pas grâce à votre entreprise. La personne qui tourne la roue cherche à optimiser ses chances de gagner, ce qui signifie que vos meilleurs participants sont ceux qui s’intéressent le moins à votre produit. Pire encore, l’interaction ne dure que quatre secondes, trop peu pour permettre à votre équipe d’engager la conversation.</p>
<p><strong>Les parcours de putting et les paniers de basket</strong> augmentent le temps passé sur le stand, ce qui est réellement précieux. Mais ils occupent beaucoup de surface par joueur simultané, nécessitent du personnel pour remettre le jeu en place, et un golfeur sûr de lui peut monopoliser l’espace pendant dix minutes tandis qu’une file de visiteurs qui souhaitaient se renseigner sur votre produit finit par partir.</p>
<p><strong>Les photomatons et les caméras à 360°</strong> produisent un souvenir que le participant souhaite conserver, ce qui part d’une bonne intuition. Le problème est qu’ils recueillent une adresse e-mail en échange d’une photo : l’intention mesurée est donc « voulait une photo ». Cela convient à la notoriété d’une marque lors d’un salon grand public. C’est bien léger pour un salon B2B.</p>
<p><strong>Les quiz sur tablette et les applications de type « tournez pour gagner »</strong> ont généralement la bonne forme, mais le mauvais habillage. Les modèles génériques posent des questions sans rapport avec votre produit : le participant n’apprend donc rien sur vous et vous n’apprenez rien sur lui. L’ensemble ressemble davantage à un péage destiné à recueillir des coordonnées qu’à une véritable raison de s’arrêter.</p>
<h2 id="ce-qu-un-jeu-de-stand-doit-accomplir" tabindex="-1">Ce qu’un jeu de stand doit accomplir <a class="header-anchor" href="#ce-qu-un-jeu-de-stand-doit-accomplir" aria-label="Permalink to &quot;Ce qu’un jeu de stand doit accomplir&quot;"></a></h2>
<p>Si l’on revient à l’essentiel, un jeu de stand a quatre missions, dans cet ordre.</p>
<p><strong>Arrêter quelqu’un dans l’allée.</strong> Il faut un élément en mouvement sur un écran placé à hauteur des yeux et visible à six mètres. Un classement est particulièrement efficace, car un tableau de scores affichant des noms indique que d’autres personnes ont déjà joué : cette preuve sociale attire les participants à votre place.</p>
<p><strong>Se terminer en une soixantaine de secondes.</strong> C’est la durée la plus importante, et celle que les modèles génériques gèrent mal. En dessous de trente secondes, le participant n’a pas le temps de ressentir de satisfaction. Au-delà de quatre-vingt-dix secondes, votre équipe ne peut pas engager la conversation sans interrompre la partie ; des files se forment alors et les visiteurs s’en vont.</p>
<p><strong>Demander l’adresse e-mail après la partie, jamais avant.</strong> Imposer une étape avant de jouer vous fait perdre la majorité des participants, car vous demandez à un inconnu de payer avant même qu’il sache si l’expérience est amusante. Demandez-la après, lorsqu’il a déjà investi soixante secondes et souhaite voir son nom dans le classement : fournir son adresse e-mail ne lui coûte alors plus rien. Ce simple changement d’ordre est la principale différence entre un jeu qui remplit une liste de prospects et un jeu qui n’en génère aucun.</p>
<p><strong>Apprendre quelque chose sur ce que vous vendez.</strong> Si le jeu n’est qu’un modèle rhabillé, le participant se souvient du jeu. Si sa mécanique rend jouable la proposition de valeur de votre produit, il se souvient de votre activité. Une entreprise d’infrastructure cloud peut transformer la gestion du routage sous forte charge en jeu. Une entreprise spécialisée dans les documents peut proposer de trier ce qui semble impossible à classer. C’est ce type de concept que les participants racontent ensuite à leurs collègues.</p>
<h2 id="la-structure-de-lots-qui-encourage-vraiment-a-rejouer" tabindex="-1">La structure de lots qui encourage vraiment à rejouer <a class="header-anchor" href="#la-structure-de-lots-qui-encourage-vraiment-a-rejouer" aria-label="Permalink to &quot;La structure de lots qui encourage vraiment à rejouer&quot;"></a></h2>
<p>La plupart des stands choisissent une seule mécanique de récompense et la rendent involontairement inefficace. Soit « le meilleur score gagne », auquel cas tous ceux qui n’entrent pas dans le top 10 n’ont aucune raison de laisser leur adresse e-mail, soit « tout le monde participe à un tirage au sort », auquel cas personne n’a de raison de faire un effort ou de revenir.</p>
<p>Utilisez les deux et indiquez-le clairement à l’écran :</p>
<p><strong>Des lots garantis pour les trois meilleurs à une heure fixe chaque jour.</strong> Une échéance crée un sentiment d’urgence et un podium encourage la rivalité. Réinitialisez le classement chaque jour du salon pour que les deuxième et troisième jours offrent de nouvelles compétitions plutôt qu’un résultat joué d’avance. Cela donne également à votre équipe une raison naturelle d’inviter les participants de la veille à revenir.</p>
<p><strong>Un ticket de tirage au sort pour chaque partie terminée, quel que soit le score.</strong> C’est ce qui valorise le participant classé 200e. Sa partie était sans espoir et il le sait, mais un ticket vaut toujours une adresse e-mail. Et puisque chaque nouvelle partie rapporte un ticket supplémentaire, cette mécanique encourage les participants à rejouer et à rester plus longtemps sur le stand.</p>
<p>L’adresse récompense une minorité. Le tirage au sort récompense tout le monde. Les deux reposent sur le même scan.</p>
<h2 id="les-telephones-surpassent-largement-les-bornes" tabindex="-1">Les téléphones surpassent largement les bornes <a class="header-anchor" href="#les-telephones-surpassent-largement-les-bornes" aria-label="Permalink to &quot;Les téléphones surpassent largement les bornes&quot;"></a></h2>
<p>Le premier réflexe consiste à acheter ou à louer des tablettes. Mais pensez à tout ce que le téléphone déjà présent dans la poche des participants vous apporte.</p>
<p>Chacun vient avec son propre appareil : il n’y a donc aucune file d’attente pour accéder au matériel ni aucune limite au nombre de joueurs simultanés. Vous n’avez rien à désinfecter ou à recharger, rien à expédier ou à assurer, et aucun appareil ne disparaît le deuxième jour. Reproduire le QR code ne coûte rien : vous pouvez donc le placer sur le comptoir, la bannière, l’insert du tour de cou et dans l’e-mail envoyé avant le salon. Une personne peut commencer à jouer avant même d’atteindre votre stand.</p>
<p>La contrepartie est réelle et mérite d’être précisée : vous ne contrôlez pas l’appareil. Le jeu doit donc fonctionner sur un téléphone Android vieux de cinq ans, dans un hall où le wifi est saturé. Il faut pour cela un jeu par navigateur peu volumineux, sans application à installer ni inscription. Si un prestataire vous annonce que les participants doivent installer quelque chose, vous perdrez la majorité de votre trafic entre « intéressé » et « en train de jouer ».</p>
<h2 id="exploiter-pleinement-l-ecran-du-classement" tabindex="-1">Exploiter pleinement l’écran du classement <a class="header-anchor" href="#exploiter-pleinement-l-ecran-du-classement" aria-label="Permalink to &quot;Exploiter pleinement l’écran du classement&quot;"></a></h2>
<p>L’écran orienté vers l’allée fait davantage de travail que le jeu lui-même. La plupart des personnes qui le verront ne joueront jamais ; il doit donc promouvoir le stand à lui seul.</p>
<p>Affichez-y le classement en direct, dans une taille lisible depuis l’allée, en signalant clairement les trois premières places comme gagnantes et en atténuant le reste du top 10 derrière elles. Ajoutez le QR code permettant de jouer dans un format qu’une personne peut scanner à deux mètres. Résumez chaque type de récompense en une ligne. Et conservez de la place pour diffuser en boucle votre vidéo produit ou présenter son histoire, car l’écran a un public, qu’une partie soit en cours ou non.</p>
<p>Un détail gratuit qui change complètement l’ambiance : faites en sorte que le jeu joue tout seul lorsqu’aucun participant ne joue, à la manière d’une borne d’arcade. Une affiche statique ressemble à de la signalétique. Un jeu visiblement en cours donne l’impression que quelque chose se passe, et c’est précisément ce qui pousse une personne dans l’allée à tourner la tête.</p>
<h2 id="les-questions-a-poser-a-un-prestataire-de-jeux-de-stand" tabindex="-1">Les questions à poser à un prestataire de jeux de stand <a class="header-anchor" href="#les-questions-a-poser-a-un-prestataire-de-jeux-de-stand" aria-label="Permalink to &quot;Les questions à poser à un prestataire de jeux de stand&quot;"></a></h2>
<p>Si vous achetez le jeu plutôt que de le créer vous-même, voici les questions qui permettent réellement de distinguer les prestataires :</p>
<p>Le jeu fait-il comprendre ce que nous vendons, ou s’agit-il d’un modèle sur lequel notre logo a simplement été ajouté ? Puis-je essayer exactement ce que vous comptez créer avant de payer ? Où sont envoyées les données des prospects, et puis-je les exporter dans un fichier CSV accepté par notre CRM sans passer par un intermédiaire ? À qui appartient le jeu une fois le projet terminé ? Faut-il installer une application ou s’inscrire avant de jouer ? Que se passe-t-il si le wifi du salon est mauvais ? Pouvez-vous appliquer notre identité visuelle avec validation par notre équipe marketing, plutôt que de vous contenter d’approximations de nos couleurs ?</p>
<p>La possibilité de jouer avant de payer est la question la plus révélatrice. Les agences y répondent avec une présentation PowerPoint. C’est un indicateur assez fiable de leur capacité réelle à créer le jeu.</p>
<h2 id="la-realite-du-budget" tabindex="-1">La réalité du budget <a class="header-anchor" href="#la-realite-du-budget" aria-label="Permalink to &quot;La réalité du budget&quot;"></a></h2>
<p>Pour situer le budget à prévoir, les jeux de stand HTML5 sur mesure réalisés par une agence traditionnelle commencent généralement autour de dix mille dollars et peuvent coûter bien davantage, principalement parce que le travail est chiffré comme un projet logiciel entièrement personnalisé. Les forfaits de location de roues de la fortune, de photomatons et de jeux sur tablette coûtent couramment entre deux et cinq mille dollars par salon, puis vous rendez le matériel sans rien conserver.</p>
<p>Un jeu sur navigateur personnalisé, créé avec des outils assistés par IA, coûte nettement moins cher qu’un projet d’agence, et vous le conservez, ce qui compte si vous participez à trois salons par an. Ce modèle économique ne fonctionne que si le prestataire ne facture pas des heures de développement sur mesure pour un projet qui réutilise une base éprouvée. Demandez donc quelles parties seront véritablement créées pour vous et lesquelles seront réutilisées.</p>
<h2 id="en-bref" tabindex="-1">En bref <a class="header-anchor" href="#en-bref" aria-label="Permalink to &quot;En bref&quot;"></a></h2>
<p>Un jeu de stand mérite sa place lorsqu’il dure soixante secondes, se joue sur le téléphone du participant, demande l’adresse e-mail après la partie plutôt qu’avant, affiche un classement en direct visible depuis l’allée, garantit des lots à un top 3 clairement signalé tout en offrant à tous les autres un ticket de tirage au sort, et repose sur ce que vous vendez réellement plutôt que sur un modèle loué.</p>
<p>Réussissez ces éléments et le jeu cessera d’être une simple décoration de stand : il deviendra la raison pour laquelle votre export de prospects méritera d’être consulté le lundi matin.</p>
<h2 id="essayez-trois-de-ces-jeux-avant-de-vous-engager" tabindex="-1">Essayez trois de ces jeux avant de vous engager <a class="header-anchor" href="#essayez-trois-de-ces-jeux-avant-de-vous-engager" aria-label="Permalink to &quot;Essayez trois de ces jeux avant de vous engager&quot;"></a></h2>
<p>Nous créons des jeux de stand sur mesure, et vous pouvez essayer les concepts dès maintenant sur votre téléphone, exactement comme le feraient vos participants : un sprint pour stand de salon professionnel avec classement en direct, un jeu de conférence piloté collectivement par toute la salle et un produit transformé en son propre jeu. La plupart des projets coûtent entre 500 et 2 000 dollars, vous recevez un devis ferme sous 24 heures et rien ne vous est facturé avant son acceptation.</p>
<p><strong><a href="/fr/studio.html">Essayez les concepts et obtenez un devis →</a></strong></p>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/trade-show-booth-games-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[De Cinevva à Cocos : le passage de relais du mini-jeu (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/cinevva-to-cocos-workflow</link>
            <guid>https://app.cinevva.com/fr/guides/cinevva-to-cocos-workflow</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment prototyper un mini-jeu dans Cinevva, le valider auprès de vrais joueurs, puis confier le gagnant à Cocos pour la production. Ce qui est réutilisable, ce qui doit être reconstruit et le déroulement concret, étape par étape.]]></description>
            <content:encoded><![CDATA[<h1 id="de-cinevva-a-cocos-le-passage-de-relais-du-mini-jeu-2026" tabindex="-1">De Cinevva à Cocos : le passage de relais du mini-jeu (2026) <a class="header-anchor" href="#de-cinevva-a-cocos-le-passage-de-relais-du-mini-jeu-2026" aria-label="Permalink to &quot;De Cinevva à Cocos : le passage de relais du mini-jeu (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cinevva-to-cocos-workflow-hero.jpg?v=1" alt="De Cinevva à Cocos : le processus de passage de relais d'un mini-jeu en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Cinevva et Cocos ne sont pas concurrents. Ce sont deux étapes d'un même processus. Cinevva permet de déterminer quelle idée mérite d'être développée. Cocos permet de créer la version finale et optimisée de celle qui a fait ses preuves. Ce guide porte sur le passage de relais entre les deux : ce qui est réellement transférable, ce qui doit être reconstruit et comment suivre ce processus sans se mentir sur les capacités de l'un ou de l'autre.</p>
<p>Soyons clairs dès le départ sur ce que beaucoup espèrent, mais n'obtiendront pas : il n'existe aucun bouton « exporter vers un projet Cocos » en un clic. Cinevva ne génère pas de scène Cocos. Le passage de relais consiste à reconstruire délibérément un concept que vous avez déjà validé, en réutilisant les ressources générées. Cela peut sembler être un inconvénient, jusqu'à ce que vous constatiez tout ce que cette approche vous épargne. Pour une comparaison directe permettant de savoir quand utiliser chaque outil, consultez <a href="/fr/guides/cinevva-vs-cocos.html">Cinevva face à Cocos</a>.</p>
<h2 id="pourquoi-effectuer-ce-passage-de-relais" tabindex="-1">Pourquoi effectuer ce passage de relais <a class="header-anchor" href="#pourquoi-effectuer-ce-passage-de-relais" aria-label="Permalink to &quot;Pourquoi effectuer ce passage de relais&quot;"></a></h2>
<p>Les étapes coûteuses d'un mini-jeu chinois — le droit d'auteur logiciel, le dépôt ICP, l'examen par la plateforme et, pour tout titre monétisé, la relation avec un éditeur — ne valent la peine que pour un jeu dont vous savez qu'il est amusant. Le problème, c'est qu'au départ, vous ne le savez pas. La plupart des idées de jeux ne sont pas amusantes, et c'est en y jouant, non en les planifiant, que vous le découvrez.</p>
<p>Ce processus vise donc à répondre à la question « est-ce amusant ? » aussi tôt et à aussi peu de frais que possible. Créez un prototype dans Cinevva en quelques minutes, faites-le tester par de vrais joueurs et analysez la rétention. Abandonnez ceux qui ne trouvent pas leur public. Seul le survivant bénéficie du traitement Cocos et des dépenses réglementaires. Vous ne faites pas le travail deux fois : vous évitez de développer le mauvais jeu dans un outil coûteux.</p>
<h2 id="ce-qui-est-transferable-et-ce-qui-ne-l-est-pas" tabindex="-1">Ce qui est transférable (et ce qui ne l'est pas) <a class="header-anchor" href="#ce-qui-est-transferable-et-ce-qui-ne-l-est-pas" aria-label="Permalink to &quot;Ce qui est transférable (et ce qui ne l'est pas)&quot;"></a></h2>
<p>Il faut être précis sur ce point, car c'est là que les équipes surestiment ou sous-estiment le passage de relais.</p>
<p><strong>Le concept validé est transférable, et c'est l'élément le plus précieux.</strong> Vous ne commencez pas dans Cocos avec une simple intuition. Vous disposez d'un jeu auquel de vraies personnes ont joué, de chiffres de rétention et d'un cahier des charges concret : la boucle de gameplay principale, la courbe de difficulté, la durée des sessions et ce qui a incité les testeurs à relancer le jeu. C'est la partie la plus difficile de la conception d'un jeu, et le risque a déjà été éliminé.</p>
<p><strong>Les ressources générées sont transférables.</strong> Les modèles 3D, les fichiers audio et les illustrations que vous avez générés dans Cinevva utilisent des formats web standards et ne sont pas enfermés dans un format propriétaire opaque. Les modèles s'exportent au format glTF/GLB (les <a href="/fr/tools/animate.html">outils de rigging et d'animation</a> téléchargent un fichier GLB intégrant l'animation), tandis que les fichiers audio utilisent des formats standards. Vous pouvez les importer dans Cocos comme n'importe quelle autre ressource. Vous les régénérez ou les retouchez si nécessaire, mais vous n'avez pas à commander toute la partie artistique à partir de zéro.</p>
<p><strong>Le code n'est pas transférable.</strong> Cinevva produit un moteur d'exécution natif du web ; Cocos est un moteur distinct, avec son propre modèle de composants et sa propre API TypeScript. La logique du jeu doit être reconstruite. C'est le véritable coût du passage de relais, mais il est moins élevé qu'il n'y paraît : vous réimplémentez un concept que vous comprenez parfaitement, à partir d'un cahier des charges déjà fonctionnel, au lieu de découvrir le jeu au fil du développement.</p>
<h2 id="le-processus-etape-par-etape" tabindex="-1">Le processus, étape par étape <a class="header-anchor" href="#le-processus-etape-par-etape" aria-label="Permalink to &quot;Le processus, étape par étape&quot;"></a></h2>
<ol>
<li>
<p><strong>Créez un prototype dans Cinevva avec le mode mini-jeu activé.</strong> Décrivez le jeu en une phrase et améliorez-le par itérations jusqu'à ce qu'il soit jouable. Le <a href="/fr/news/2026-07-19-wechat-mini-game-mode.html">mode mini-jeu WeChat</a> vous maintient dans le sous-ensemble portable — interface sur canvas, priorité aux commandes tactiles et ressources légères — afin que le concept validé soit déjà conçu comme un mini-jeu, et non comme un jeu de bureau qu'il faudra adapter par la suite.</p>
</li>
<li>
<p><strong>Testez-le auprès de vrais joueurs et analysez la rétention.</strong> Partagez le lien jouable dans le navigateur, idéalement auprès du public que vous ciblez. La mesure importante est de savoir si les joueurs reviennent, et non s'ils déclarent aimer le jeu. Créez plusieurs prototypes et laissez les données désigner le survivant.</p>
</li>
<li>
<p><strong>Rédigez le cahier des charges à partir du prototype.</strong> Avant de toucher à Cocos, consignez ce qui a fonctionné : la boucle, les valeurs chiffrées et les sensations de jeu. Le prototype est votre document de conception ; ne laissez pas ces connaissances se perdre lors de la transposition.</p>
</li>
<li>
<p><strong>Rassemblez les ressources.</strong> Exportez les modèles 3D et récupérez les fichiers audio et les illustrations que vous souhaitez conserver. Intégrez-les à votre pipeline de ressources dans les formats attendus par Cocos.</p>
</li>
<li>
<p><strong>Reconstruisez le jeu dans Cocos en visant la limite de 4 Mo.</strong> Les points forts du moteur entrent alors en jeu : son environnement d'exécution est intégré au client WeChat et n'est donc pas comptabilisé dans votre paquet, tandis que le découpage en sous-paquets AssetBundle permet d'y faire tenir le reste. Consultez le <a href="/fr/guides/wechat-mini-game-engines.html">guide des moteurs de mini-jeux WeChat</a> pour en savoir plus sur la création des paquets.</p>
</li>
<li>
<p><strong>Gérez les formalités administratives en parallèle.</strong> L'enregistrement du droit d'auteur logiciel et le dépôt ICP prennent plusieurs semaines ; commencez ces démarches pendant le développement afin qu'elles ne retardent pas votre lancement.</p>
</li>
</ol>
<h2 id="quand-ne-pas-effectuer-ce-passage-de-relais" tabindex="-1">Quand ne pas effectuer ce passage de relais <a class="header-anchor" href="#quand-ne-pas-effectuer-ce-passage-de-relais" aria-label="Permalink to &quot;Quand ne pas effectuer ce passage de relais&quot;"></a></h2>
<p>Il est parfois préférable de se passer entièrement de Cocos. Si votre prototype est petit, léger et déjà performant, et si vous publiez un jeu gratuit financé par la publicité plutôt qu'un titre fortement optimisé reposant sur les achats intégrés, la reconstruction n'en vaut peut-être pas la peine. Un jeu simple qui respecte déjà les contraintes peut être publié directement via le propre parcours d'exportation de Cinevva une fois celui-ci disponible, sans faire intervenir un deuxième moteur. Le passage de relais est destiné au jeu gagnant qui nécessite une optimisation finale ou le niveau de finition avancé pour lequel Cocos a été conçu, et non à tous les prototypes.</p>
<h2 id="la-realite-reglementaire-identique-dans-tous-les-cas" tabindex="-1">La réalité réglementaire (identique dans tous les cas) <a class="header-anchor" href="#la-realite-reglementaire-identique-dans-tous-les-cas" aria-label="Permalink to &quot;La réalité réglementaire (identique dans tous les cas)&quot;"></a></h2>
<p>Le passage de relais ne change pas les règles. Un mini-jeu gratuit financé par la publicité nécessite un droit d'auteur logiciel propre au titre (软著) ou une certification électronique du droit d'auteur, ainsi qu'un dépôt ICP ; un particulier disposant d'une pièce d'identité de Chine continentale peut effectuer toutes ces démarches. Tout achat intégré nécessite un banhao, que seule une entreprise chinoise peut détenir. Un studio étranger doit donc faire appel à un éditeur local agréé. Que le jeu ait été créé dans Cinevva, Cocos ou les deux, les formalités sont identiques. Vous trouverez tous les détails dans le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="cinevva-peut-il-exporter-un-projet-cocos" tabindex="-1">Cinevva peut-il exporter un projet Cocos ? <a class="header-anchor" href="#cinevva-peut-il-exporter-un-projet-cocos" aria-label="Permalink to &quot;Cinevva peut-il exporter un projet Cocos ?&quot;"></a></h3>
<p>Non. Il n'existe aucun moyen d'exporter une scène Cocos en un clic. Cinevva valide le concept et produit des ressources réutilisables dans des formats standards ; le jeu lui-même est reconstruit dans Cocos. L'intérêt est de reconstruire un jeu dont vous avez déjà prouvé qu'il était amusant, et non d'éviter sa production.</p>
<h3 id="qu-est-ce-qui-est-reellement-transfere-de-cinevva-a-cocos" tabindex="-1">Qu'est-ce qui est réellement transféré de Cinevva à Cocos ? <a class="header-anchor" href="#qu-est-ce-qui-est-reellement-transfere-de-cinevva-a-cocos" aria-label="Permalink to &quot;Qu'est-ce qui est réellement transféré de Cinevva à Cocos ?&quot;"></a></h3>
<p>Trois éléments : le concept validé — boucle, difficulté, durée des sessions et données de rétention —, les ressources générées — modèles 3D au format glTF/GLB, fichiers audio et illustrations dans des formats standards — et votre compréhension des raisons pour lesquelles le jeu fonctionne. Le code n'est pas transféré ; il est réimplémenté avec l'API de Cocos.</p>
<h3 id="reconstruire-le-jeu-n-est-il-pas-du-gaspillage" tabindex="-1">Reconstruire le jeu n'est-il pas du gaspillage ? <a class="header-anchor" href="#reconstruire-le-jeu-n-est-il-pas-du-gaspillage" aria-label="Permalink to &quot;Reconstruire le jeu n'est-il pas du gaspillage ?&quot;"></a></h3>
<p>C'est moins coûteux que l'autre possibilité, qui consiste à développer le mauvais jeu dans un outil coûteux. La plupart des prototypes échouent. Reconstruire uniquement le gagnant déjà validé, à partir d'un cahier des charges fonctionnel, représente bien moins de gaspillage que de produire intégralement chaque idée pour découvrir ensuite laquelle en valait la peine.</p>
<h3 id="dois-je-obligatoirement-utiliser-cocos-apres-cinevva" tabindex="-1">Dois-je obligatoirement utiliser Cocos après Cinevva ? <a class="header-anchor" href="#dois-je-obligatoirement-utiliser-cocos-apres-cinevva" aria-label="Permalink to &quot;Dois-je obligatoirement utiliser Cocos après Cinevva ?&quot;"></a></h3>
<p>Non. Si un prototype est simple et respecte déjà les contraintes de la plateforme, vous pouvez le publier par le propre parcours de Cinevva sans utiliser Cocos. Le passage de relais est réservé aux jeux qui nécessitent une forte optimisation ou un niveau de finition avancé.</p>
<h3 id="puis-je-reutiliser-les-modeles-3d-et-les-fichiers-audio-que-j-ai-generes" tabindex="-1">Puis-je réutiliser les modèles 3D et les fichiers audio que j'ai générés ? <a class="header-anchor" href="#puis-je-reutiliser-les-modeles-3d-et-les-fichiers-audio-que-j-ai-generes" aria-label="Permalink to &quot;Puis-je réutiliser les modèles 3D et les fichiers audio que j'ai générés ?&quot;"></a></h3>
<p>Oui. Les modèles générés s'exportent au format glTF/GLB et les fichiers audio dans des formats standards, tous importables dans Cocos. Vous devrez peut-être les retoucher ou les régénérer pour respecter la limite de 4 Mo, mais vous n'aurez pas à reprendre toute la partie artistique à zéro.</p>
<BuildCta
  title="Commencez par le prototype, pas par le moteur"
  desc="Validez d'abord l'idée dans Cinevva. Ne confiez le gagnant à Cocos qu'une fois qu'il a fait ses preuves."
  prompt="Crée un jeu d'arcade à une touche auquel il est difficile d'arrêter de jouer" />
<h2 id="ressources-associees" tabindex="-1">Ressources associées <a class="header-anchor" href="#ressources-associees" aria-label="Permalink to &quot;Ressources associées&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/cinevva-vs-cocos.html">Cinevva face à Cocos pour les mini-jeux</a> — la distinction détaillée entre prototypage et production</li>
<li><a href="/fr/guides/cocos-alternatives.html">Alternatives à Cocos pour les mini-jeux</a> — l'ensemble des moteurs disponibles</li>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs de jeu pour les mini-jeux WeChat</a> — la limite de 4 Mo et la création des paquets</li>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier des mini-jeux sur WeChat et Douyin</a> — licences, examen et partage des revenus</li>
<li><a href="/fr/news/2026-07-19-wechat-mini-game-mode.html">Mode mini-jeu WeChat</a> — développer dans le sous-ensemble portable</li>
<li><a href="/fr/engine.html">Moteur Cinevva</a> — notre moteur open source conçu en priorité pour le web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/cinevva-to-cocos-workflow-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Cinevva vs Cocos pour les mini-jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/cinevva-vs-cocos</link>
            <guid>https://app.cinevva.com/fr/guides/cinevva-vs-cocos</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cinevva face à Cocos Creator pour créer des mini-jeux en 2026. Les avantages de Cocos en production et grâce au plugin WeChat de 4 Mo, ceux d’un outil d’IA transformant des prompts en jeux pour la rapidité du prototypage, et pourquoi la réponse honnête consiste à utiliser les deux.]]></description>
            <content:encoded><![CDATA[<h1 id="cinevva-vs-cocos-pour-les-mini-jeux-2026" tabindex="-1">Cinevva vs Cocos pour les mini-jeux (2026) <a class="header-anchor" href="#cinevva-vs-cocos-pour-les-mini-jeux-2026" aria-label="Permalink to &quot;Cinevva vs Cocos pour les mini-jeux (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cinevva-vs-cocos-hero.jpg?v=1" alt="Cinevva face à Cocos pour les mini-jeux en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Si vous créez des mini-jeux pour WeChat et Douyin, Cocos Creator est le choix par défaut, et ce n’est pas sans raison. La vraie question n’est donc pas « lequel est le meilleur ? », mais « lequel dois-je utiliser, et à quel moment ? ». Nous développons un outil d’IA qui transforme des prompts en jeux, notre parti pris est donc évident. Mais nous allons être transparents sur les domaines où Cocos est le meilleur outil et sur ceux où nous ne cherchons même pas à rivaliser.</p>
<p>En bref : Cocos domine la production. Nous prenons en charge l’étape qui la précède, en transformant une idée en jeu jouable suffisamment vite pour que vous puissiez vous permettre d’en abandonner la plupart. Ce sont deux tâches différentes, et le choix le plus judicieux consiste généralement à utiliser les deux.</p>
<p>Si vous êtes encore en train de choisir un moteur de mini-jeux, commencez par notre <a href="/fr/guides/wechat-mini-game-engines.html">guide des moteurs de mini-jeux WeChat</a>, qui présente en détail Cocos, LayaAir, Egret, le SDK de transformation d’Unity et Tuanjie.</p>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Cinevva</th>
<th>Cocos Creator</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>À quoi sert-il ?</strong></td>
<td>Prototypage : de l’idée au jeu 3D jouable en quelques minutes</td>
<td>Production : publier un mini-jeu finalisé et optimisé</td>
</tr>
<tr>
<td><strong>Comment créer ?</strong></td>
<td>Décrivez votre jeu en langage naturel, en anglais ou en chinois</td>
<td>Un éditeur complet, TypeScript, et des pipelines graphiques et de scènes</td>
</tr>
<tr>
<td><strong>Gestion de la limite WeChat de 4 Mo</strong></td>
<td>Mode basé sur un sous-ensemble portable ; exportateur en cours de développement</td>
<td>Le meilleur de sa catégorie : moteur intégré au client WeChat et sous-paquetage avec AssetBundle</td>
</tr>
<tr>
<td><strong>Maturité</strong></td>
<td>Récent, axé sur l’IA et en évolution rapide</td>
<td>Éprouvé sur le terrain ; la plupart des mini-jeux WeChat l’utilisent</td>
</tr>
<tr>
<td><strong>Équipe idéale</strong></td>
<td>Développeurs indépendants, concepteurs et validation rapide d’idées</td>
<td>Studios et ingénieurs qui développent pour publier</td>
</tr>
<tr>
<td><strong>Coût</strong></td>
<td>Création gratuite dans le navigateur</td>
<td>Gratuit et open source</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Trouver le jeu qui mérite d’être développé</td>
<td>Développer le jeu auquel vous croyez déjà</td>
</tr>
</tbody>
</table>
<p>La phrase à retenir : <strong>Cocos est l’endroit où vous développez le jeu que vous avez décidé de créer. Cinevva est l’endroit où vous découvrez quel jeu vous devriez créer.</strong></p>
<h2 id="la-ou-cocos-l-emporte-sans-contestation" tabindex="-1">Là où Cocos l’emporte sans contestation <a class="header-anchor" href="#la-ou-cocos-l-emporte-sans-contestation" aria-label="Permalink to &quot;Là où Cocos l’emporte sans contestation&quot;"></a></h2>
<p>Cocos Creator est le choix sûr et logique pour publier un mini-jeu WeChat, et rien ici ne vise à vous en dissuader.</p>
<p>Son principal avantage structurel concerne la limite de paquet de 4 Mo, le problème d’ingénierie le plus difficile sur WeChat. Depuis la version 7.0.7 du client WeChat, le runtime du moteur Cocos est intégré à l’application WeChat elle-même sous forme de plugin. Il n’est donc pas comptabilisé dans vos 4 Mo. Votre paquet ne contient que votre jeu, et non votre jeu accompagné d’un moteur. Aucun autre moteur ne bénéficie de cet avantage, et c’est la raison pour laquelle la plupart des mini-jeux sont développés avec Cocos. En outre, son système AssetBundle constitue la solution la plus propre pour répartir les ressources entre des sous-paquets chargés à la demande.</p>
<p>Au-delà du paquetage, Cocos domine tout ce qui concerne la finalisation d’un jeu : un éditeur mature, un véritable framework d’interface utilisateur, des systèmes de mise à jour à chaud, un pipeline graphique et d’animation, ainsi que des années de documentation et de réponses communautaires en chinois. Si vous avez une équipe, un concept auquel vous croyez et un plan de publication, c’est l’outil qu’il vous faut. Nous vous le recommanderions nous-mêmes.</p>
<h2 id="la-ou-un-outil-d-ia-base-sur-des-prompts-l-emporte" tabindex="-1">Là où un outil d’IA basé sur des prompts l’emporte <a class="header-anchor" href="#la-ou-un-outil-d-ia-base-sur-des-prompts-l-emporte" aria-label="Permalink to &quot;Là où un outil d’IA basé sur des prompts l’emporte&quot;"></a></h2>
<p>Cocos n’est pas conçu pour la toute première étape, lorsque vous ne savez pas encore si votre idée est bonne.</p>
<p>Dans Cinevva, vous décrivez un jeu en une phrase, en anglais ou en chinois, et obtenez en quelques minutes un jeu 3D jouable dans votre navigateur. Neuf modèles spécialisés prennent en charge la 3D, l’animation, les scènes, la musique, le son, les effets, l’interface, la logique et le multijoueur. Vous n’avez donc pas à ouvrir un éditeur vide ni à développer des systèmes avant de pouvoir tester une seule mécanique. Vous jouez presque immédiatement à votre idée.</p>
<p>Cette rapidité change l’équation économique de la recherche d’un succès. La réussite des mini-jeux ressemble de plus en plus à celle des contenus : on ne trouve pas le gagnant par la seule réflexion, on crée de nombreux candidats à moindre coût et on conserve celui dont les chiffres de rétention ne mentent pas. Lorsqu’un prototype prend quelques minutes au lieu de plusieurs jours, « en créer cinq cette semaine et garder celui qui est réellement amusant » devient un véritable processus de travail plutôt qu’un fantasme. C’est notre avantage, et il est bien réel : il ne s’agit pas d’un gadget.</p>
<p>Il existe également une dimension propre à la Chine. Le <a href="/fr/news/2026-07-19-wechat-mini-game-mode.html">mode mini-jeu WeChat</a> de Cinevva produit votre jeu dans le sous-ensemble portable dès le premier prompt : interface dessinée sur canvas plutôt qu’en HTML, commandes pensées d’abord pour le tactile, audio au format mp3, aucun code chargé dynamiquement et contrôle du démarrage de WebGL2 pour les téléphones plus anciens. Un environnement de prévisualisation en mode strict signale tout ce qui pourrait empêcher le portage et transmet ces informations à l’IA pour qu’elle corrige le problème. Le jeu fonctionne dès aujourd’hui dans votre navigateur et reste dans le sous-ensemble compatible avec un portage vers WeChat, sans adopter de pratiques que vous devriez ensuite réécrire.</p>
<h2 id="les-limites-en-toute-honnetete" tabindex="-1">Les limites, en toute honnêteté <a class="header-anchor" href="#les-limites-en-toute-honnetete" aria-label="Permalink to &quot;Les limites, en toute honnêteté&quot;"></a></h2>
<p>Nous sommes nouveaux. Cocos a permis de publier des milliers de mini-jeux ; nous n’en sommes qu’à nos débuts, avec une approche axée sur l’IA et une évolution rapide, mais nous n’avons pas résolu une décennie de cas limites comme Cocos. Notre exportateur, qui générera un projet prêt à être ouvert dans WeChat DevTools, est encore en cours de développement. Aujourd’hui, Cinevva prend donc en charge le prototypage et la génération, mais pas l’étape finale du paquetage. Pour un titre en production fortement optimisé et riche en ressources, où chaque kilooctet de la limite de 4 Mo compte, le plugin intégré et le système AssetBundle de Cocos offrent des avantages que nous n’égalons pas. Nous préférons que vous le sachiez dès le départ.</p>
<h2 id="utilisez-les-deux-un-processus-realiste" tabindex="-1">Utilisez les deux : un processus réaliste <a class="header-anchor" href="#utilisez-les-deux-un-processus-realiste" aria-label="Permalink to &quot;Utilisez les deux : un processus réaliste&quot;"></a></h2>
<p>L’approche qui vous aidera réellement n’est pas de « choisir l’un des deux ». Il s’agit de construire un pipeline.</p>
<p>Utilisez Cinevva pour le 立项, l’étape de validation du projet : transformez vos idées en prototypes jouables, faites-les tester par de vrais joueurs et trouvez celui dont la boucle de gameplay mérite un investissement. Décidez ensuite de ce que ce gagnant mérite. Il est parfois suffisamment abouti pour être publié tel quel. Dans d’autres cas, il mérite d’être recréé dans Cocos afin de bénéficier des dernières optimisations et finitions, ou d’être présenté à un éditeur. Les étapes coûteuses en Chine, à savoir les formalités administratives et l’examen par la plateforme, ne sont engagées que pour un jeu ayant déjà prouvé ailleurs, et à moindre coût, qu’il était amusant.</p>
<p>Voilà pourquoi il ne s’agit pas vraiment de Cinevva contre Cocos. C’est Cinevva, puis Cocos, et uniquement pour les jeux qui méritent cette deuxième étape.</p>
<h2 id="la-realite-reglementaire-identique-pour-les-deux" tabindex="-1">La réalité réglementaire, identique pour les deux <a class="header-anchor" href="#la-realite-reglementaire-identique-pour-les-deux" aria-label="Permalink to &quot;La réalité réglementaire, identique pour les deux&quot;"></a></h2>
<p>Quel que soit le moteur utilisé, la publication en Chine est soumise aux mêmes conditions. Un mini-jeu gratuit financé par la publicité nécessite, pour chaque titre, un droit d’auteur logiciel (软著) ou une certification électronique du droit d’auteur, ainsi qu’un enregistrement ICP. Une personne disposant d’une pièce d’identité de Chine continentale peut effectuer toutes ces démarches. Tout achat intégré nécessite un banhao, que seule une entreprise chinoise peut détenir. Un studio étranger doit donc passer par un éditeur local agréé. Rien de cela ne dépend de votre moteur. Nous abordons ces sujets dans le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a>. Le choix du moteur détermine la rapidité avec laquelle vous pouvez créer votre jeu ; il ne change rien aux formalités administratives.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="cinevva-remplace-t-il-cocos" tabindex="-1">Cinevva remplace-t-il Cocos ? <a class="header-anchor" href="#cinevva-remplace-t-il-cocos" aria-label="Permalink to &quot;Cinevva remplace-t-il Cocos ?&quot;"></a></h3>
<p>Non, et nous ne le présentons pas comme tel. Cocos est un moteur de production destiné à publier des mini-jeux finalisés. Cinevva est un outil de prototypage basé sur l’IA qui permet de trouver le jeu méritant d’être publié. Ils couvrent des étapes différentes. Utiliser les deux, d’abord pour prototyper rapidement, puis pour développer correctement le gagnant, est généralement plus judicieux que d’en choisir un seul.</p>
<h3 id="cinevva-peut-il-aujourd-hui-exporter-vers-les-mini-jeux-wechat" tabindex="-1">Cinevva peut-il aujourd’hui exporter vers les mini-jeux WeChat ? <a class="header-anchor" href="#cinevva-peut-il-aujourd-hui-exporter-vers-les-mini-jeux-wechat" aria-label="Permalink to &quot;Cinevva peut-il aujourd’hui exporter vers les mini-jeux WeChat ?&quot;"></a></h3>
<p>Le mode mini-jeu WeChat de Cinevva produit votre jeu dans le sous-ensemble portable qui permet un portage propre, et le jeu fonctionne dès maintenant dans le navigateur. L’exportateur qui générera un projet WeChat DevTools prêt à être soumis est en cours de développement. À l’inverse, Cocos offre dès aujourd’hui un processus d’exportation vers WeChat complet et pleinement pris en charge.</p>
<h3 id="pourquoi-cocos-gere-t-il-mieux-la-limite-de-4-mo" tabindex="-1">Pourquoi Cocos gère-t-il mieux la limite de 4 Mo ? <a class="header-anchor" href="#pourquoi-cocos-gere-t-il-mieux-la-limite-de-4-mo" aria-label="Permalink to &quot;Pourquoi Cocos gère-t-il mieux la limite de 4 Mo ?&quot;"></a></h3>
<p>Parce que le runtime du moteur Cocos est intégré au client WeChat lui-même. Il n’est donc pas comptabilisé dans le paquet initial de 4 Mo, tandis que son système AssetBundle répartit proprement le reste entre des sous-paquets chargés à la demande. Il s’agit d’un avantage structurel dont ne dispose aucun autre moteur, et c’est pourquoi la plupart des mini-jeux WeChat sont développés avec Cocos.</p>
<h3 id="lequel-un-developpeur-independant-devrait-il-utiliser" tabindex="-1">Lequel un développeur indépendant devrait-il utiliser ? <a class="header-anchor" href="#lequel-un-developpeur-independant-devrait-il-utiliser" aria-label="Permalink to &quot;Lequel un développeur indépendant devrait-il utiliser ?&quot;"></a></h3>
<p>Commencez dans Cinevva afin de trouver une idée réellement amusante sans passer d’abord plusieurs jours dans un éditeur. Si un prototype fait ses preuves et exige une forte optimisation pour respecter la limite de 4 Mo, transférez celui-ci dans Cocos. Pour la plupart des premières expérimentations, la rapidité de transformation d’un prompt en jeu constitue le levier le plus important.</p>
<h3 id="le-moteur-change-t-il-les-formalites-necessaires-en-chine" tabindex="-1">Le moteur change-t-il les formalités nécessaires en Chine ? <a class="header-anchor" href="#le-moteur-change-t-il-les-formalites-necessaires-en-chine" aria-label="Permalink to &quot;Le moteur change-t-il les formalités nécessaires en Chine ?&quot;"></a></h3>
<p>Non. Le droit d’auteur logiciel, l’enregistrement ICP et le banhao pour les jeux payants sont des exigences réglementaires et propres aux plateformes. Elles sont identiques, que vous utilisiez Cocos, Cinevva ou tout autre outil.</p>
<BuildCta
  title="Prototypez l’idée avant de la développer dans Cocos"
  desc="Décrivez un mini-jeu et jouez-y dans votre navigateur en quelques minutes. Gardez celui qui est réellement amusant."
  prompt="Crée un jeu d’arcade à une seule touche auquel il est difficile d’arrêter de jouer" />
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs pour les mini-jeux WeChat</a> — comparaison de Cocos, LayaAir, Egret, Unity et Tuanjie face à la limite de 4 Mo</li>
<li><a href="/fr/guides/cocos-alternatives.html">Alternatives à Cocos pour les mini-jeux</a> — toutes les options, classées selon les raisons qui vous poussent à chercher au-delà de Cocos</li>
<li><a href="/fr/guides/cinevva-to-cocos-workflow.html">De Cinevva à Cocos : le transfert d’un mini-jeu</a> — comment créer un prototype ici, puis développer le gagnant dans Cocos</li>
<li><a href="/fr/guides/china-mini-game-platforms.html">Comparatif des plateformes chinoises de mini-jeux et HTML5</a> — WeChat, Douyin, QQ, 4399 et les autres</li>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier des mini-jeux sur WeChat et Douyin</a> — licences, examen et partage des revenus</li>
<li><a href="/fr/news/2026-07-19-wechat-mini-game-mode.html">Mode mini-jeu WeChat</a> — comment Cinevva crée des jeux dans le sous-ensemble portable</li>
<li><a href="/fr/engine.html">Moteur Cinevva</a> — notre moteur open source conçu en priorité pour le Web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/cinevva-vs-cocos-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Alternatives à Cocos pour les mini-jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/cocos-alternatives</link>
            <guid>https://app.cinevva.com/fr/guides/cocos-alternatives</guid>
            <pubDate>Sun, 19 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les véritables alternatives à Cocos Creator pour les mini-jeux et les jeux web en 2026, classées selon vos besoins. LayaAir, Egret, le SDK de conversion d’Unity, Tuanjie, Three.js et la création de jeux par prompt avec l’IA, avec une évaluation honnête de chaque solution.]]></description>
            <content:encoded><![CDATA[<h1 id="alternatives-a-cocos-pour-les-mini-jeux-2026" tabindex="-1">Alternatives à Cocos pour les mini-jeux (2026) <a class="header-anchor" href="#alternatives-a-cocos-pour-les-mini-jeux-2026" aria-label="Permalink to &quot;Alternatives à Cocos pour les mini-jeux (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/cocos-alternatives-hero.jpg?v=1" alt="Alternatives à Cocos pour les mini-jeux en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Cocos Creator est le moteur de référence pour les mini-jeux WeChat et Douyin et, pour publier un jeu finalisé, c’est généralement le bon choix. Mais « référence » ne signifie pas « seule option », et il existe de bonnes raisons d’envisager autre chose : vous souhaitez un flux de travail différent, vous portez un jeu existant, vous voulez que l’IA produise la première version, ou vous cherchez simplement à vérifier qu’une idée est amusante avant de vous engager avec un moteur complet.</p>
<p>Ce guide classe les alternatives selon les raisons qui motivent votre recherche, et non sous la forme d’un palmarès. Pour une analyse détaillée de chaque moteur face à la limite de 4 Mo, consultez le <a href="/fr/guides/wechat-mini-game-engines.html">guide des moteurs pour mini-jeux WeChat</a>.</p>
<h2 id="d-abord-pourquoi-abandonner-cocos" tabindex="-1">D’abord, pourquoi abandonner Cocos ? <a class="header-anchor" href="#d-abord-pourquoi-abandonner-cocos" aria-label="Permalink to &quot;D’abord, pourquoi abandonner Cocos ?&quot;"></a></h2>
<p>Cocos excelle en production et bénéficie d’un avantage structurel sur WeChat : son environnement d’exécution est intégré au client WeChat et n’est donc pas comptabilisé dans votre paquet de 4 Mo. C’est difficile à battre. Les raisons les plus courantes de chercher malgré tout une alternative sont les préférences de flux de travail — certains développeurs préfèrent simplement un autre éditeur —, l’existence d’une base de code dans un autre moteur que vous ne voulez pas réécrire, l’envie d’éviter entièrement la phase de l’éditeur vide en laissant l’IA générer un prototype jouable, ou encore le souhait d’utiliser un langage et une pile technique que vous connaissez déjà. Choisissez l’alternative adaptée à votre besoin.</p>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Alternative</th>
<th>Meilleure raison de la choisir</th>
<th>2D/3D</th>
<th>Prise en charge de WeChat</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>LayaAir</strong></td>
<td>Vous préférez son flux de travail et sa cible WeChat de premier plan</td>
<td>2D + 3D</td>
<td>Solide, mais le moteur consomme une partie du budget du paquet</td>
</tr>
<tr>
<td><strong>Egret</strong></td>
<td>Vous maintenez un jeu Egret existant</td>
<td>2D</td>
<td>Solution historique, écosystème en déclin</td>
</tr>
<tr>
<td><strong>Unity (SDK de conversion)</strong></td>
<td>Vous portez un jeu Unity existant</td>
<td>2D + 3D</td>
<td>Conversion WebGL, builds volumineux</td>
</tr>
<tr>
<td><strong>Tuanjie (Unity Chine)</strong></td>
<td>Vous maîtrisez Unity et misez durablement sur la Chine</td>
<td>2D + 3D</td>
<td>Cible d’exportation WeChat native</td>
</tr>
<tr>
<td><strong>Three.js + weapp-adapter</strong></td>
<td>Petit jeu sur mesure, vous travaillez déjà avec Three.js</td>
<td>2D + 3D</td>
<td>Toute l’intégration vous incombe</td>
</tr>
<tr>
<td><strong>Cinevva (création de jeux par prompt avec l’IA)</strong></td>
<td>Prototyper avant de vous engager avec un moteur</td>
<td>3D</td>
<td>Mode de sous-ensemble portable ; exportateur en cours de développement</td>
</tr>
</tbody>
</table>
<h2 id="si-vous-voulez-un-moteur-wechat-de-premier-plan-layaair" tabindex="-1">Si vous voulez un moteur WeChat de premier plan : LayaAir <a class="header-anchor" href="#si-vous-voulez-un-moteur-wechat-de-premier-plan-layaair" aria-label="Permalink to &quot;Si vous voulez un moteur WeChat de premier plan : LayaAir&quot;"></a></h2>
<p>LayaAir est l’alternative la plus comparable. Il s’est adapté très tôt à WeChat, le traite comme une cible de build de premier plan, prend en charge la 2D et la 3D, utilise TypeScript et dispose d’une communauté fidèle de développeurs qui préfèrent simplement son flux de travail à celui de Cocos. Les développeurs ayant utilisé les deux considèrent généralement que le choix relève davantage des préférences que des capacités. Seul compromis : contrairement à celui de Cocos, l’environnement d’exécution de LayaAir n’est pas intégré au client WeChat. Le moteur lui-même consomme donc une plus grande part de votre budget de 4 Mo. Cela convient aux petits jeux 2D, mais devient plus contraignant pour les jeux 3D riches en ressources.</p>
<h2 id="si-vous-portez-un-jeu-existant-unity-ou-tuanjie" tabindex="-1">Si vous portez un jeu existant : Unity ou Tuanjie <a class="header-anchor" href="#si-vous-portez-un-jeu-existant-unity-ou-tuanjie" aria-label="Permalink to &quot;Si vous portez un jeu existant : Unity ou Tuanjie&quot;"></a></h2>
<p>Si votre jeu existe déjà dans Unity, ne le réécrivez pas. Tencent et Unity maintiennent un SDK de conversion officiel qui transforme un build Unity WebGL en paquet pour mini-jeu, avec une exportation en un clic disponible depuis mi-2025. Soyez toutefois réaliste quant au compromis : les builds Unity WebGL sont volumineux, et la limite initiale de 4 Mo est particulièrement sévère pour un moteur qui n’a pas été conçu autour de cette contrainte. Attendez-vous donc à un véritable travail d’allègement et de découpage en sous-paquets. Si vous misez durablement sur la Chine et maîtrisez déjà Unity, Tuanjie — le moteur localisé d’Unity Chine — traite WeChat comme une cible d’exportation native plutôt que comme une conversion WebGL, ce qui évite une grande partie de cette surcharge.</p>
<h2 id="si-vous-voulez-un-controle-maximal-three-js-et-webgl-brut" tabindex="-1">Si vous voulez un contrôle maximal : Three.js et WebGL brut <a class="header-anchor" href="#si-vous-voulez-un-controle-maximal-three-js-et-webgl-brut" aria-label="Permalink to &quot;Si vous voulez un contrôle maximal : Three.js et WebGL brut&quot;"></a></h2>
<p>Vous pouvez exécuter Three.js ou du WebGL écrit à la main dans un mini-jeu grâce à <code>weapp-adapter</code> de WeChat, qui simule les objets DOM et canvas attendus par la bibliothèque. C’est la solution la plus flexible, mais aussi celle qui demande le plus de travail : la boucle de rendu, le pipeline de ressources, le découpage en sous-paquets et tous les cas limites de l’adaptateur sont à votre charge. Elle convient à un petit jeu sur mesure sensible à la taille, ou à une équipe qui travaille déjà avec Three.js. C’est également la voie la plus proche d’un jeu pour navigateur que vous auriez déjà développé.</p>
<h2 id="si-vous-maintenez-un-ancien-projet-egret-en-connaissance-de-cause" tabindex="-1">Si vous maintenez un ancien projet : Egret, en connaissance de cause <a class="header-anchor" href="#si-vous-maintenez-un-ancien-projet-egret-en-connaissance-de-cause" aria-label="Permalink to &quot;Si vous maintenez un ancien projet : Egret, en connaissance de cause&quot;"></a></h2>
<p>Egret (白鹭) est un ancien moteur HTML5 2D qui a propulsé de nombreux jeux lors de la première vague des mini-jeux. Il fonctionne toujours, mais la dynamique s’est déplacée vers Cocos et Laya. Démarrer un nouveau projet avec Egret en 2026 revient donc à parier sur un écosystème en déclin. Conservez-le pour maintenir un jeu Egret existant, mais ne lancez pas de nouveau projet avec ce moteur.</p>
<h2 id="si-vous-voulez-entierement-eviter-l-editeur-un-outil-de-creation-de-jeux-par-prompt-avec-l-ia" tabindex="-1">Si vous voulez entièrement éviter l’éditeur : un outil de création de jeux par prompt avec l’IA <a class="header-anchor" href="#si-vous-voulez-entierement-eviter-l-editeur-un-outil-de-creation-de-jeux-par-prompt-avec-l-ia" aria-label="Permalink to &quot;Si vous voulez entièrement éviter l’éditeur : un outil de création de jeux par prompt avec l’IA&quot;"></a></h2>
<p>La catégorie la plus récente n’est pas un éditeur supplémentaire : elle consiste à ne pas ouvrir d’éditeur du tout. Avec Cinevva, vous décrivez un jeu en langage naturel, en anglais ou en chinois, et obtenez en quelques minutes un jeu 3D jouable dans le navigateur. Neuf modèles spécialisés prennent en charge la 3D, l’animation, les scènes, la musique, le son, les effets, l’interface, la logique et le multijoueur.</p>
<p>Cinevva ne remplace pas Cocos, et nous ne prétendons pas le contraire. Cocos sert à finaliser et à optimiser les jeux ; Cinevva intervient à l’étape précédente, pour déterminer quelle idée mérite d’être menée à terme. Son <a href="/fr/news/2026-07-19-wechat-mini-game-mode.html">mode mini-jeu WeChat</a> crée dès le premier prompt dans les limites du sous-ensemble portable — interface canvas, commandes pensées pour le tactile, audio mp3, aucun code dynamique et contrôle de démarrage WebGL2 —, tandis qu’un environnement isolé en mode strict signale tout élément susceptible de compromettre un portage vers WeChat. Le flux de travail réaliste consiste à prototyper rapidement ici, à conserver le jeu dont les résultats de rétention sont concluants, puis à décider s’il peut être publié tel quel ou s’il mérite une véritable production dans Cocos. Considérez Cinevva comme le début de l’entonnoir qui alimente le moteur avec lequel vous publierez finalement le jeu.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Associez l’outil à la raison qui vous pousse à chercher au-delà de Cocos. Vous préférez un autre flux de travail : LayaAir. Vous portez un jeu Unity existant : le SDK de conversion, ou Tuanjie sur le long terme. Votre jeu est petit, sur mesure ou déjà développé avec Three.js : <code>weapp-adapter</code> et WebGL brut. Vous maintenez un ancien titre : Egret. Vous voulez valider une idée avant de vous engager avec un moteur : un outil de création de jeux par prompt avec l’IA, puis transférez le projet gagnant vers Cocos ou Laya s’il mérite une finition poussée.</p>
<h2 id="l-etape-reglementaire-quel-que-soit-le-moteur" tabindex="-1">L’étape réglementaire, quel que soit le moteur <a class="header-anchor" href="#l-etape-reglementaire-quel-que-soit-le-moteur" aria-label="Permalink to &quot;L’étape réglementaire, quel que soit le moteur&quot;"></a></h2>
<p>Aucune alternative ne change les règles de publication. Un mini-jeu gratuit financé par la publicité nécessite, pour chaque titre, un droit d’auteur logiciel (软著) ou une certification électronique des droits d’auteur, ainsi qu’un enregistrement ICP. Ces démarches peuvent être effectuées par un particulier disposant d’une pièce d’identité de Chine continentale. Tout achat intégré nécessite un banhao, qui ne peut être détenu que par une entreprise chinoise. Les studios étrangers doivent donc passer par un éditeur local agréé. Consultez le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication</a>. Choisissez votre moteur en fonction de la production ; les formalités administratives sont identiques dans tous les cas.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quelle-est-la-meilleure-alternative-a-cocos-pour-les-mini-jeux-wechat" tabindex="-1">Quelle est la meilleure alternative à Cocos pour les mini-jeux WeChat ? <a class="header-anchor" href="#quelle-est-la-meilleure-alternative-a-cocos-pour-les-mini-jeux-wechat" aria-label="Permalink to &quot;Quelle est la meilleure alternative à Cocos pour les mini-jeux WeChat ?&quot;"></a></h3>
<p>LayaAir est l’alternative directe la plus proche, avec une prise en charge de premier plan de WeChat et un flux de travail TypeScript similaire pour la 2D et la 3D. Son principal compromis tient au fait que son environnement d’exécution n’est pas intégré au client WeChat et consomme donc une plus grande partie de votre budget de 4 Mo. Pour porter un jeu Unity existant, le SDK de conversion Unity ou Tuanjie sont plus adaptés.</p>
<h3 id="existe-t-il-une-alternative-gratuite-a-cocos" tabindex="-1">Existe-t-il une alternative gratuite à Cocos ? <a class="header-anchor" href="#existe-t-il-une-alternative-gratuite-a-cocos" aria-label="Permalink to &quot;Existe-t-il une alternative gratuite à Cocos ?&quot;"></a></h3>
<p>Oui. Cocos lui-même est gratuit et open source, tout comme LayaAir, Three.js et la solution de prototypage par IA dans le navigateur. Unity est gratuit sous son plafond de revenus. Le coût est rarement le facteur déterminant entre ces solutions ; le flux de travail et votre point de départ comptent davantage.</p>
<h3 id="puis-je-utiliser-l-ia-a-la-place-de-cocos-pour-creer-un-mini-jeu" tabindex="-1">Puis-je utiliser l’IA à la place de Cocos pour créer un mini-jeu ? <a class="header-anchor" href="#puis-je-utiliser-l-ia-a-la-place-de-cocos-pour-creer-un-mini-jeu" aria-label="Permalink to &quot;Puis-je utiliser l’IA à la place de Cocos pour créer un mini-jeu ?&quot;"></a></h3>
<p>Vous pouvez utiliser l’IA pour en créer rapidement un prototype. Cinevva transforme un prompt en jeu jouable et construit dans les limites du sous-ensemble portable de WeChat, ce qui est idéal pour trouver une idée qui mérite d’être développée. Pour un jeu de production finalisé et fortement optimisé, un moteur mature comme Cocos reste l’outil le plus performant. L’approche courante consiste donc à prototyper avec l’IA, puis à produire le projet gagnant dans Cocos.</p>
<h3 id="quelle-alternative-convient-le-mieux-au-portage-d-un-jeu-existant" tabindex="-1">Quelle alternative convient le mieux au portage d’un jeu existant ? <a class="header-anchor" href="#quelle-alternative-convient-le-mieux-au-portage-d-un-jeu-existant" aria-label="Permalink to &quot;Quelle alternative convient le mieux au portage d’un jeu existant ?&quot;"></a></h3>
<p>S’il s’agit d’un jeu Unity, le SDK de conversion WeChat permet d’y parvenir sans réécriture, tandis que Tuanjie est le choix le plus pérenne si vous misez durablement sur la Chine. Pour un jeu Three.js ou WebGL, <code>weapp-adapter</code> est la solution. S’il s’agit déjà d’un jeu pour navigateur, sa structure est proche de ce qu’attend WeChat.</p>
<BuildCta
  title="Testez l’idée avant de choisir un moteur"
  desc="Décrivez un mini-jeu et jouez-y dans votre navigateur en quelques minutes, puis transférez le projet gagnant vers un moteur complet."
  prompt="Crée un jeu coloré d’empilement basé sur la physique auquel il est difficile d’arrêter de jouer" />
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/cinevva-vs-cocos.html">Cinevva ou Cocos pour les mini-jeux</a> — la distinction entre prototypage et production, en détail</li>
<li><a href="/fr/guides/cinevva-to-cocos-workflow.html">De Cinevva à Cocos : le transfert d’un mini-jeu</a> — prototypez ici, puis produisez le projet gagnant dans Cocos</li>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs de jeu pour les mini-jeux WeChat</a> — tous les moteurs disponibles et la limite de 4 Mo</li>
<li><a href="/fr/guides/china-mini-game-platforms.html">Comparatif des plateformes chinoises de mini-jeux et HTML5</a> — WeChat, Douyin, QQ, 4399 et les autres</li>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier des mini-jeux sur WeChat et Douyin</a> — licences, validation et partage des revenus</li>
<li><a href="/fr/guides/localize-web-game-china.html">Localiser un jeu web pour la Chine</a> — polices, hébergement et paiements</li>
<li><a href="/fr/engine.html">Moteur Cinevva</a> — notre moteur open source conçu en priorité pour le web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/cocos-alternatives-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs générateurs de modèles 3D par IA en 2026 (texte vers 3D et image vers 3D)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-3d-model-generators</link>
            <guid>https://app.cinevva.com/fr/guides/ai-3d-model-generators</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs générateurs de modèles 3D par IA en 2026, du texte vers la 3D et de l’image vers la 3D. Comparatif de Meshy 6, Tripo, Rodin, TRELLIS.2, Hunyuan3D et SAM 3D, avec explication des licences.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-generateurs-de-modeles-3d-par-ia-en-2026-texte-vers-3d-et-image-vers-3d" tabindex="-1">Meilleurs générateurs de modèles 3D par IA en 2026 (texte vers 3D et image vers 3D) <a class="header-anchor" href="#meilleurs-generateurs-de-modeles-3d-par-ia-en-2026-texte-vers-3d-et-image-vers-3d" aria-label="Permalink to &quot;Meilleurs générateurs de modèles 3D par IA en 2026 (texte vers 3D et image vers 3D)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>En bref : Meshy 6 et Tripo sont les meilleurs générateurs de modèles 3D par IA hébergés en 2026, Rodin Gen-2.5 l’emporte en matière de détail géométrique brut, et TRELLIS.2 de Microsoft (licence MIT) est le meilleur modèle à exécuter soi-même. Si vous souhaitez essayer gratuitement la conversion d’image en 3D dans un navigateur, sans rien installer, le <a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a> de Cinevva transforme une photo ou une instruction textuelle en maillage PBR texturé téléchargeable aux formats GLB ou OBJ.</p>
<p>Ce guide traite exclusivement de la génération 3D en profondeur. Pour les textures, l’audio et le reste du pipeline de création de ressources par IA, consultez notre <a href="/fr/guides/ai-asset-generators-games.html">guide des générateurs de ressources par IA</a>.</p>
<h2 id="nos-recommandations-rapides" tabindex="-1">Nos recommandations rapides <a class="header-anchor" href="#nos-recommandations-rapides" aria-label="Permalink to &quot;Nos recommandations rapides&quot;"></a></h2>
<ul>
<li><strong>Meilleur outil hébergé polyvalent :</strong> Meshy 6 (options de topologie propre, mode Low Poly, vaste écosystème).</li>
<li><strong>Meilleur outil hébergé pour les pipelines de jeu :</strong> Tripo (moteur v3.1, rig automatique, remaillage en quads, crédits peu coûteux).</li>
<li><strong>Meilleur niveau de détail géométrique :</strong> Rodin Gen-2.5 de Hyper3D (détails dignes d’une sculpture, sortie de plus de 10 millions de polygones).</li>
<li><strong>Meilleur modèle open source :</strong> Microsoft TRELLIS.2 (licence MIT, PBR natif, sans contraintes).</li>
<li><strong>Meilleurs outils gratuits dans le navigateur :</strong> le <a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a> et la <a href="/fr/tools/sam3d.html">capture d’image en 3D</a> de Cinevva.</li>
</ul>
<h2 id="comparatif-en-un-coup-d-œil" tabindex="-1">Comparatif en un coup d’œil <a class="header-anchor" href="#comparatif-en-un-coup-d-œil" aria-label="Permalink to &quot;Comparatif en un coup d’œil&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Type</th>
<th>Entrée</th>
<th>Sortie</th>
<th>Usage commercial</th>
<th>Offre gratuite</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Meshy 6</strong></td>
<td>Hébergé</td>
<td>Texte, image</td>
<td>GLB, FBX, OBJ, STL, cartes PBR</td>
<td>Abonnements payants (gratuit = CC BY 4.0)</td>
<td>100 crédits/mois</td>
</tr>
<tr>
<td><strong>Tripo (v3.1)</strong></td>
<td>Hébergé</td>
<td>Texte, image</td>
<td>GLB, FBX, OBJ, STL, PBR, rig automatique</td>
<td>Abonnements payants</td>
<td>Oui, usage non commercial</td>
</tr>
<tr>
<td><strong>Rodin Gen-2.5</strong></td>
<td>Hébergé</td>
<td>Texte, image, plusieurs images</td>
<td>Maillage avec PBR, option en quads</td>
<td>Abonnements payants</td>
<td>Génération gratuite</td>
</tr>
<tr>
<td><strong>Hi3D (Hitem3D)</strong></td>
<td>Hébergé</td>
<td>Image, plusieurs images</td>
<td>Maillage haute résolution</td>
<td>Abonnements payants</td>
<td>Crédits d’essai</td>
</tr>
<tr>
<td><strong>Tencent Hunyuan 3D</strong></td>
<td>Hébergé</td>
<td>Texte, image, croquis</td>
<td>OBJ, GLB, PBR</td>
<td>Vérifier les conditions de l’offre</td>
<td>20 générations/jour</td>
</tr>
<tr>
<td><strong>Générateur 3D de Cinevva</strong></td>
<td>Hébergé, gratuit</td>
<td>Texte, image</td>
<td>GLB, OBJ, PBR</td>
<td>Oui</td>
<td>Entièrement gratuit</td>
</tr>
<tr>
<td><strong>TRELLIS.2</strong></td>
<td>Open source (MIT)</td>
<td>Image</td>
<td>GLB, OBJ, PLY, PBR jusqu’en 4K</td>
<td>Oui</td>
<td>Auto-hébergement</td>
</tr>
<tr>
<td><strong>Hunyuan3D 2.1</strong></td>
<td>Open source</td>
<td>Image</td>
<td>Maillage + PBR</td>
<td>Oui, avec restrictions géographiques</td>
<td>Auto-hébergement</td>
</tr>
<tr>
<td><strong>SAM 3D</strong></td>
<td>Open source</td>
<td>Photo unique</td>
<td>Gaussian splat, géométrie</td>
<td>Oui (licence SAM)</td>
<td>Auto-hébergement</td>
</tr>
<tr>
<td><strong>SPAR3D</strong></td>
<td>Open source</td>
<td>Photo unique</td>
<td>Maillage GLB texturé</td>
<td>Oui en dessous de 1 M$ de chiffre d’affaires</td>
<td>Auto-hébergement</td>
</tr>
</tbody>
</table>
<p>Informations vérifiées en juillet 2026. Ce domaine évolue chaque mois : vérifiez donc les conditions de chaque outil avant de publier votre jeu.</p>
<h2 id="les-outils-heberges" tabindex="-1">Les outils hébergés <a class="header-anchor" href="#les-outils-heberges" aria-label="Permalink to &quot;Les outils hébergés&quot;"></a></h2>
<h3 id="meshy" tabindex="-1">Meshy <a class="header-anchor" href="#meshy" aria-label="Permalink to &quot;Meshy&quot;"></a></h3>
<p>C’est le générateur 3D par IA le plus populaire et, en 2026, le produit le plus complet. Le moteur actuel est Meshy 6, lancé en préversion publique en octobre 2025 puis rendu disponible pour tous en janvier 2026. Ses principales améliorations sont une géométrie étanche, un mode Low Poly clairement destiné aux développeurs de jeux et un remaillage natif en quads permettant d’obtenir un modèle doté de véritables boucles d’arêtes plutôt qu’une soupe de triangles.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Hébergé</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Texte vers 3D et image vers 3D</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>GLB, FBX, OBJ, STL, avec cartes de textures PBR et topologie en quads ou en triangles</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Offre Pro ou supérieure. Les modèles de l’offre gratuite sont publiés sous licence CC BY 4.0</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>100 crédits/mois, réinitialisés chaque mois</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les accessoires de jeu et les ressources polyvalentes nécessitant un minimum de retouches</td>
</tr>
</tbody>
</table>
<p>Avis honnête : Meshy est le choix par défaut le plus sûr. La qualité des résultats est constamment bonne sans être spectaculaire, ses outils de topologie sont les meilleurs parmi les générateurs hébergés, et l’offre Pro à 20 $/mois, avec 1 000 crédits et la pleine propriété privée des créations, est raisonnable. Le problème de l’offre gratuite est que vos modèles sont publics sous licence CC BY 4.0 : tout le monde peut donc les utiliser et vous devez créditer Meshy si vous les publiez. <a href="https://www.meshy.ai" target="_blank" rel="noreferrer">meshy.ai</a></p>
<h3 id="tripo" tabindex="-1">Tripo <a class="header-anchor" href="#tripo" aria-label="Permalink to &quot;Tripo&quot;"></a></h3>
<p>Tripo est développé par VAST, l’équipe qui a codéveloppé TripoSR avec Stability AI, ce qui se ressent dans sa rapidité. Le moteur v3.1 actuel gère bien les instructions textuelles complexes, et la plateforme est conçue autour des workflows de création de jeux : rig automatique, remaillage en quads en option d’un seul clic et option Smart Mesh pour obtenir une topologie prête à l’emploi dans un jeu.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Hébergé</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Texte vers 3D et image vers 3D</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>GLB, FBX, OBJ, STL, textures PBR 4K, rig automatique en option</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Offre Pro ou supérieure. L’offre gratuite est réservée à un usage non commercial</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Oui, avec des crédits mensuels, pour un usage personnel uniquement</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les personnages et créatures auxquels vous souhaitez ajouter rapidement un rig</td>
</tr>
</tbody>
</table>
<p>Avis honnête : l’offre Pro de Tripo à 19,90 $/mois comprend 3 000 crédits, soit environ 120 générations, ce qui représente le meilleur rapport quantité-prix parmi les trois grands acteurs. La qualité du rig est bonne pour les humanoïdes, mais aléatoire pour tout ce qui possède un nombre inhabituel de membres. Les créations de l’offre gratuite ne peuvent absolument pas être utilisées à des fins commerciales, ce qui est plus strict que le système sous licence CC BY 4.0 de Meshy. <a href="https://www.tripo3d.ai" target="_blank" rel="noreferrer">tripo3d.ai</a></p>
<h3 id="rodin-hyper3d" tabindex="-1">Rodin (Hyper3D) <a class="header-anchor" href="#rodin-hyper3d" aria-label="Permalink to &quot;Rodin (Hyper3D)&quot;"></a></h3>
<p>Rodin a toujours été le choix des puristes de la topologie, et Gen-2.5 (sorti en mai 2026) est allé encore plus loin. Il génère des détails dignes d’une sculpture avec plus de 10 millions de polygones, propose un réglage de « niveau de réflexion » à cinq paliers qui permet d’échanger de la vitesse contre de la qualité (environ 1 million de polygones en 4 secondes au réglage le plus bas), et ajoute 3D ControlNet, l’édition 3D localisée et l’affinage de parties spécifiques.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Hébergé</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Texte, image, fusion de plusieurs images</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>Maillage à grand nombre de polygones avec PBR, topologie en quads dans les offres supérieures</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Abonnements payants. Creator à 30 $/mois, Business à 120 $/mois</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Génération et prévisualisation gratuites, téléchargement payant</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les ressources principales et les modèles très détaillés pour lesquels la topologie est importante</td>
</tr>
</tbody>
</table>
<p>Avis honnête : le niveau de détail des résultats est le meilleur parmi les outils hébergés, et les outils d’édition (inpainting 3D, régénération d’une seule partie du modèle) ont une longueur d’avance sur la concurrence. C’est aussi le plus cher, et les textures 4K ainsi que l’export en quads à grand nombre de polygones sont réservés à l’offre Business à 120 $/mois. Utilisez-le pour les dix ressources qui comptent, pas pour les deux cents autres. <a href="https://hyper3d.ai" target="_blank" rel="noreferrer">hyper3d.ai</a></p>
<h3 id="hi3d-anciennement-hitem3d" tabindex="-1">Hi3D (anciennement Hitem3D) <a class="header-anchor" href="#hi3d-anciennement-hitem3d" aria-label="Permalink to &quot;Hi3D (anciennement Hitem3D)&quot;"></a></h3>
<p>Le nouvel acteur notable de 2026. Développé par Math Magic à partir de deux modèles de recherche publiés, Sparc3D (NeurIPS 2025, géométrie étanche en haute résolution) et Ultra3D (accélération par attention sur les différentes parties), il génère des modèles avec une résolution voxel pouvant atteindre 1536³, soit la meilleure fidélité géométrique brute parmi tous les outils hébergés. Hitem3D a été renommé Hi3D en 2026.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Hébergé</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Image et plusieurs images</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>Maillage étanche en haute résolution</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Abonnements payants, vérifier les conditions actuelles</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Crédits d’essai</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les travaux privilégiant les détails : miniatures, objets de collection, impression 3D</td>
</tr>
</tbody>
</table>
<p>Avis honnête : c’est devenu l’outil de référence pour les workflows axés sur l’impression, où une géométrie étanche et des détails fins priment sur tout le reste. Pour les jeux, vous devrez fortement décimer les résultats : l’outil est donc surtout pertinent lorsqu’il vous faut une ressource principale exceptionnelle. <a href="https://www.hi3d.ai" target="_blank" rel="noreferrer">hi3d.ai</a></p>
<h3 id="tencent-hunyuan-3d-plateforme-hebergee" tabindex="-1">Tencent Hunyuan 3D (plateforme hébergée) <a class="header-anchor" href="#tencent-hunyuan-3d-plateforme-hebergee" aria-label="Permalink to &quot;Tencent Hunyuan 3D (plateforme hébergée)&quot;"></a></h3>
<p>Tencent a lancé la famille de modèles Hunyuan3D à l’international en novembre 2025 avec une plateforme en anglais à l’adresse 3d.hunyuanglobal.com. Celle-ci exécute ses moteurs les plus récents (3.0, puis 3.1 depuis janvier 2026), qui ne sont pas open source. En 2026, elle est devenue HY 3D Studio, un pipeline complet : image vers 3D, retopologie, UV, texturage, rig et animation.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Hébergé (modèles les plus récents), poids ouverts pour les anciennes versions</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Texte, image, croquis</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>OBJ, GLB avec textures PBR</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Vérifier les conditions de l’offre, API d’entreprise via Tencent Cloud</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>20 générations gratuites par jour</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Expérimenter gratuitement et généreusement avec un moteur de pointe</td>
</tr>
</tbody>
</table>
<p>Avis honnête : 20 générations gratuites par jour constituent l’allocation gratuite la plus généreuse parmi les modèles de pointe hébergés, et les moteurs 3.x produisent une géométrie sensiblement meilleure que les poids ouverts de la version 2.1. La plateforme est plus récente pour les utilisateurs occidentaux : lisez donc les conditions relatives aux droits sur les créations avant de bâtir un pipeline autour d’elle. <a href="https://3d.hunyuanglobal.com" target="_blank" rel="noreferrer">3d.hunyuanglobal.com</a></p>
<h3 id="disparus-en-2026-luma-genie-et-csm" tabindex="-1">Disparus en 2026 : Luma Genie et CSM <a class="header-anchor" href="#disparus-en-2026-luma-genie-et-csm" aria-label="Permalink to &quot;Disparus en 2026 : Luma Genie et CSM&quot;"></a></h3>
<p>Deux noms encore présents dans d’anciens comparatifs ont pratiquement disparu. Genie, l’outil de génération de texte en 3D de Luma, n’apparaît plus nulle part sur le site de Luma, qui s’est entièrement réorienté vers la génération vidéo et les agents créatifs. CSM (Common Sense Machines) a fermé sa plateforme Cube le 5 janvier 2026, et l’entreprise a été acquise par Google le même mois. Ne démarrez aucun nouveau projet sur l’un ou l’autre.</p>
<h2 id="les-modeles-open-source" tabindex="-1">Les modèles open source <a class="header-anchor" href="#les-modeles-open-source" aria-label="Permalink to &quot;Les modèles open source&quot;"></a></h2>
<p>Les modèles ouverts inversent la logique : vous fournissez le GPU et, en échange, vous n’avez ni compteur de crédits ni abonnement limitant vos droits commerciaux. Seule la licence du modèle s’applique.</p>
<h3 id="microsoft-trellis-2" tabindex="-1">Microsoft TRELLIS.2 <a class="header-anchor" href="#microsoft-trellis-2" aria-label="Permalink to &quot;Microsoft TRELLIS.2&quot;"></a></h3>
<p>L’actuel leader de l’open source. Publié en décembre 2025 sous licence MIT, TRELLIS.2 est un modèle image vers 3D de 4 milliards de paramètres fondé sur une représentation en voxels clairsemés (O-Voxel), capable de gérer les topologies complexes, les arêtes vives et les matériaux PBR complets. Il exporte des fichiers GLB avec des textures allant jusqu’à 4096², ainsi que des fichiers OBJ, PLY, des champs de radiance et des Gaussian splats.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Open source, MIT</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Image</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>GLB (PBR jusqu’en 4K), OBJ, PLY, champ de radiance, Gaussian splat</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Oui, sans restriction</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Gratuit pour toujours si vous disposez du GPU</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Le meilleur rapport entre qualité et liberté dans la génération 3D actuelle</td>
</tr>
</tbody>
</table>
<p>Avis honnête : la licence MIT élimine toute ambiguïté commerciale, et la qualité des résultats rivalise réellement avec celle des outils hébergés payants. Il faut un GPU NVIDIA performant pour l’exécuter en local, mais vous pouvez aussi louer de la puissance de calcul à la seconde auprès de services GPU dans le cloud. Si vous ne devez auto-héberger qu’un seul modèle, choisissez celui-ci. <a href="https://github.com/microsoft/TRELLIS.2" target="_blank" rel="noreferrer">github.com/microsoft/TRELLIS.2</a></p>
<h3 id="hunyuan3d-2-1-poids-ouverts" tabindex="-1">Hunyuan3D 2.1 (poids ouverts) <a class="header-anchor" href="#hunyuan3d-2-1-poids-ouverts" aria-label="Permalink to &quot;Hunyuan3D 2.1 (poids ouverts)&quot;"></a></h3>
<p>La version entièrement ouverte de Tencent publiée en juin 2025 : poids complets et code d’entraînement pour un modèle de forme de 3,3 milliards de paramètres et un modèle de textures PBR de 2 milliards de paramètres. C’est le modèle utilisé par le <a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a> gratuit de Cinevva, ainsi que celui que la plupart des produits de ce secteur exécutent discrètement en coulisses.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Poids ouverts et code d’entraînement</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Image (le texte fonctionne en passant d’abord par une étape de génération d’image)</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>Maillage texturé avec matériaux PBR adaptés à la production</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Oui, mais la licence exclut l’UE, le Royaume-Uni et la Corée du Sud</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Auto-hébergement gratuit</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Le texturage PBR de production avec des poids ouverts et l’ajustement fin</td>
</tr>
</tbody>
</table>
<p>Avis honnête : le modèle de peinture PBR reste la meilleure pile ouverte de texturage, et le code d’entraînement complet permet de l’ajuster finement à votre propre style visuel. L’exclusion territoriale de la licence communautaire (UE, Royaume-Uni et Corée du Sud) est une véritable contrainte si vous commercialisez un produit dans ces régions. Dans ce cas, la licence MIT de TRELLIS.2 constitue un choix plus simple. <a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1" target="_blank" rel="noreferrer">github.com/Tencent-Hunyuan/Hunyuan3D-2.1</a></p>
<h3 id="sam-3d-meta" tabindex="-1">SAM 3D (Meta) <a class="header-anchor" href="#sam-3d-meta" aria-label="Permalink to &quot;SAM 3D (Meta)&quot;"></a></h3>
<p>Ce n’est pas un générateur de maillages, et c’est précisément son intérêt. SAM 3D est la paire de modèles ouverts de Meta (SAM 3D Objects et SAM 3D Body) qui reconstruit la géométrie 3D, les textures et la disposition d’une scène à partir d’une seule photo ordinaire, même en présence d’occlusions et d’un arrière-plan encombré. La sortie principale est un Gaussian splat sous forme de fichier .ply. Le code et les checkpoints sont disponibles sur GitHub sous la licence SAM permissive de Meta, qui autorise l’usage commercial.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Open source, licence SAM</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Photo unique (avec un masque d’objet)</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>Gaussian splat (.ply), géométrie, texture, pose</td>
</tr>
<tr>
<td><strong>Usage commercial</strong></td>
<td>Oui</td>
</tr>
<tr>
<td><strong>Offre gratuite</strong></td>
<td>Auto-hébergement gratuit ou utilisation gratuite dans le navigateur via Cinevva</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Capturer des objets réels à partir d’une seule photo</td>
</tr>
</tbody>
</table>
<p>Avis honnête : il s’agit de reconstruction, pas de génération. Dirigez-le vers un objet réel et vous obtenez une capture 3D fidèle sans installation de photogrammétrie. Le résultat sous forme de splat est destiné à la visualisation et à la référence plutôt qu’à une importation directe dans un jeu (nous y reviendrons plus loin). Cinevva l’exécute gratuitement dans le navigateur avec son outil de <a href="/fr/tools/sam3d.html">capture d’objet d’une image en 3D</a>. <a href="https://github.com/facebookresearch/sam-3d-objects" target="_blank" rel="noreferrer">github.com/facebookresearch/sam-3d-objects</a></p>
<h3 id="triposr-et-spar3d-les-outils-de-reconstruction-rapides" tabindex="-1">TripoSR et SPAR3D (les outils de reconstruction rapides) <a class="header-anchor" href="#triposr-et-spar3d-les-outils-de-reconstruction-rapides" aria-label="Permalink to &quot;TripoSR et SPAR3D (les outils de reconstruction rapides)&quot;"></a></h3>
<p>Deux modèles plus anciens, mais toujours utiles, fonctionnant à partir d’une seule image. TripoSR (Tripo et Stability AI, licence MIT) reconstruit un maillage en moins d’une demi-seconde sur un GPU de centre de données, avec une qualité logiquement modeste. SPAR3D (Stability AI, janvier 2025) produit en moins d’une seconde un fichier GLB texturé avec UV dépliées et prend en charge l’édition point par point. SPAR3D est distribué sous la Stability Community License : son usage commercial est gratuit tant que le chiffre d’affaires annuel de votre organisation ne dépasse pas 1 M$, après quoi une licence d’entreprise est nécessaire.</p>
<p>Avis honnête : en 2026, TRELLIS.2 et Hunyuan3D 2.1 les dépassent tous deux en matière de qualité. Leur avantage est la vitesse, ce qui compte si vous générez des maillages en temps réel dans une application.</p>
<h3 id="autres-modeles-a-connaitre" tabindex="-1">Autres modèles à connaître <a class="header-anchor" href="#autres-modeles-a-connaitre" aria-label="Permalink to &quot;Autres modèles à connaître&quot;"></a></h3>
<p>Sparc3D, le modèle présenté à NeurIPS 2025 sur lequel repose Hi3D, dispose d’une démo publique sur Hugging Face et produit des maillages étanches à une résolution de 1024³. Cube 3D de Roblox propose du code ouvert de génération de texte en maillage, mais il est distribué sous une licence RAIL réservée à la recherche : vous ne pouvez donc pas utiliser ses résultats dans un jeu commercial.</p>
<h2 id="les-outils-gratuits-de-cinevva-dans-le-navigateur" tabindex="-1">Les outils gratuits de Cinevva dans le navigateur <a class="header-anchor" href="#les-outils-gratuits-de-cinevva-dans-le-navigateur" aria-label="Permalink to &quot;Les outils gratuits de Cinevva dans le navigateur&quot;"></a></h2>
<p>Si vous souhaitez essayer ces technologies sans rien installer ni créer de compte associé à un compteur de crédits, Cinevva propose deux des modèles ouverts ci-dessus sous forme d’outils gratuits dans le navigateur.</p>
<p>Le <a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a> transforme une photo, l’URL d’une image ou une instruction textuelle en maillage polygonal texturé avec des matériaux PBR, téléchargeable aux formats GLB ou OBJ. Il propose un mode Rapide (environ 2 minutes) et un mode Pro (environ 5 minutes), et le résultat peut être directement importé dans Blender, Unity, Godot ou un jeu web. Vous pouvez également envoyer le résultat vers l’<a href="/fr/tools/rigger.html">outil de rig automatique</a> afin d’obtenir un squelette et des animations prédéfinies.
La <a href="/fr/tools/sam3d.html">capture d’image en 3D</a> exécute SAM 3D de Meta à partir d’une seule photo et génère un Gaussian splat que vous pouvez faire pivoter dans le navigateur et exporter au format .ply. Utilisez-la pour capturer un objet réel, puis servez-vous du Générateur de modèles 3D lorsque vous avez besoin d’un maillage modifiable du même sujet.</p>
<p>Les deux outils sont gratuits et, si vous créez votre jeu dans Cinevva, les modèles générés sont directement intégrés à votre jeu, sans aucun aller-retour d’exportation-importation.</p>
<h2 id="a-quoi-ressemblent-vraiment-les-maillages-generes-par-l-ia-en-toute-honnetete" tabindex="-1">À quoi ressemblent vraiment les maillages générés par l’IA (en toute honnêteté) <a class="header-anchor" href="#a-quoi-ressemblent-vraiment-les-maillages-generes-par-l-ia-en-toute-honnetete" aria-label="Permalink to &quot;À quoi ressemblent vraiment les maillages générés par l’IA (en toute honnêteté)&quot;"></a></h2>
<p>Tous les générateurs de cette page produisent un maillage triangulaire dense, comptant généralement de quelques dizaines de milliers à quelques centaines de milliers de triangles, avec des UV dépliés automatiquement. Voici ce que cela signifie en pratique.</p>
<p><strong>Topologie.</strong> Les résultats bruts de l’IA n’ont ni boucles d’arêtes, ni placement cohérent des pôles, ni structure adaptée aux déformations. Les options de remaillage en quadrilatères (Meshy, Tripo, Rodin) produisent bien des quads, mais ceux-ci sont répartis uniformément, sans les boucles concentrées autour des articulations et du visage dont l’animation de personnages a besoin. Pour un accessoire statique, cela n’a aucune importance. Pour un personnage animé, prévoyez une retopologie manuelle ou acceptez des déformations visibles au niveau des épaules.</p>
<p><strong>Textures.</strong> La prise en charge du PBR est désormais indispensable, et TRELLIS.2, Hunyuan3D 2.1, Meshy et Rodin produisent tous de véritables cartes de métallicité et de rugosité. Deux défauts reviennent souvent : un éclairage précalculé dans l’albédo (des ombres peintes directement dans la texture) et une densité de texels irrégulière là où le dépliage automatique a tassé les îlots UV. Ces deux problèmes peuvent être corrigés dans Blender, mais aucun ne se résout tout seul.</p>
<p><strong>Nombre de polygones.</strong> Attendez-vous par défaut à 20 000 à 300 000 triangles par ressource, voire à plusieurs millions avec les modes haute qualité de Rodin. Cela convient à un élément central, mais devient désastreux pour une centaine de rochers dispersés. Prévoyez une passe de décimation et testez sur votre matériel cible réel, en particulier pour les jeux web et mobiles.</p>
<p><strong>Ce qui peut être publié aujourd’hui.</strong> Les accessoires statiques, les éléments de décor, les objets stylisés et la géométrie de prototypage sont réellement utilisables en production dès leur sortie de ces outils. C’est là que la génération par IA surpasse déjà en rapidité la recherche sur des <a href="/fr/guides/free-3d-model-sites.html">sites de modèles gratuits</a>. Les personnages secondaires riggés sont exploitables avec un rig automatique s’ils restent à l’arrière-plan. Les personnages principaux destinés à des animations faciales en gros plan nécessitent encore une intervention humaine sur la topologie, tandis que les modèles mécaniques exigeant une symétrie parfaite ou une précision de CAO ont toujours tendance à paraître légèrement fondus.</p>
<h2 id="gaussian-splats-ou-maillages" tabindex="-1">Gaussian splats ou maillages <a class="header-anchor" href="#gaussian-splats-ou-maillages" aria-label="Permalink to &quot;Gaussian splats ou maillages&quot;"></a></h2>
<p>Un maillage est constitué de polygones : sommets, triangles, UV et textures. Un Gaussian splat est un nuage composé de milliers de petites taches colorées et semi-transparentes qui, ensemble, produisent un rendu photoréaliste sous tous les angles. Les splats capturent des objets et des scènes du monde réel avec une fidélité que les maillages peinent à égaler, raison pour laquelle des outils de capture comme SAM 3D et l’écosystème de Luma les utilisent comme format de sortie.</p>
<p>Pour les jeux, les compromis sont importants. Les splats n’ont pas de surfaces, si bien que les collisions, la physique et l’éclairage dynamique ne fonctionnent pas directement avec eux. Ils sont également lourds : environ 180 Mo pour un million de splats, contre 5 à 20 Mo pour un maillage texturé comparable, ce qui les exclut de la plupart des budgets mobiles. La prise en charge par les moteurs existe, mais repose encore sur des plugins en 2026 : UnityGaussianSplatting pour Unity 6, des plugins tiers pour Unreal 5.7 et des formats compressés (SPZ, SOG, KSPLAT) pour le web.</p>
<p>La méthode qui fonctionne : utilisez les splats pour les arrière-plans photoréalistes et les éléments de décor avec lesquels le joueur n’interagit jamais, et les maillages pour tout ce qui est interactif. Si vous avez capturé quelque chose sous forme de splat et souhaitez l’utiliser dans le gameplay, régénérez-le en maillage avec un outil de conversion d’image en 3D.</p>
<h2 id="a-qui-appartient-un-modele-3d-genere-par-ia" tabindex="-1">À qui appartient un modèle 3D généré par IA ? <a class="header-anchor" href="#a-qui-appartient-un-modele-3d-genere-par-ia" aria-label="Permalink to &quot;À qui appartient un modèle 3D généré par IA ?&quot;"></a></h2>
<p>Il faut vérifier trois niveaux, qui diffèrent entre les outils hébergés et les outils ouverts.</p>
<p><strong>Droit d’auteur.</strong> Selon les directives actuelles de l’Office américain du droit d’auteur, une création produite exclusivement par IA n’est pas protégeable en elle-même par le droit d’auteur. Vos travaux de retopologie, de texturation, de rigging et d’intégration ajoutent une contribution humaine, et le jeu dans son ensemble reste protégé dans tous les cas. Conséquence pratique : vous ne pourrez probablement pas empêcher quelqu’un de réutiliser un maillage brut généré, ce qui importe davantage aux vendeurs de ressources qu’aux développeurs de jeux.</p>
<p><strong>Conditions des outils hébergés.</strong> C’est souvent là que les mauvaises surprises surviennent. Les modèles créés avec l’offre gratuite de Meshy sont publics sous licence CC BY 4.0 (utilisation commerciale autorisée, attribution obligatoire, et n’importe qui peut également utiliser votre modèle), tandis que la propriété privée commence avec l’offre Pro. L’offre gratuite de Tripo interdit tout simplement l’utilisation commerciale. Rodin réserve les téléchargements et les conditions commerciales aux offres payantes. La tendance générale du secteur est la suivante : générez gratuitement, payez pour être propriétaire. Lisez les conditions en vigueur avant de publier votre jeu, car elles peuvent changer sans avertissement.</p>
<p><strong>Licences des modèles ouverts.</strong> L’auto-hébergement permet d’éviter entièrement les conditions des plateformes, mais la licence du modèle reste applicable. TRELLIS.2 est sous licence MIT, sans contrainte. La licence de SAM 3D autorise l’utilisation commerciale. Hunyuan3D 2.1 exclut l’UE, le Royaume-Uni et la Corée du Sud. SPAR3D est gratuit jusqu’à 1 million de dollars de chiffre d’affaires annuel. Roblox Cube est réservé à la recherche. « Ouvert » ne désigne pas une seule et même réalité : vérifiez donc la licence précise.</p>
<p>Pour comprendre plus largement les règles de licence des ressources, consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-generateur-de-modeles-3d-par-ia-en-2026" tabindex="-1">Quel est le meilleur générateur de modèles 3D par IA en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-generateur-de-modeles-3d-par-ia-en-2026" aria-label="Permalink to &quot;Quel est le meilleur générateur de modèles 3D par IA en 2026 ?&quot;"></a></h3>
<p>Meshy 6 est le meilleur outil hébergé polyvalent, Tripo offre le meilleur rapport qualité-prix pour les pipelines de jeux avec rig automatique, et Rodin Gen-2.5 produit la géométrie la plus détaillée. Si vous préférez l’auto-hébergement, TRELLIS.2 de Microsoft (licence MIT, PBR natif) est le modèle ouvert le plus performant. Pour une solution gratuite dans le navigateur, le Générateur de modèles 3D de Cinevva exécute Hunyuan3D sans aucune installation.</p>
<h3 id="puis-je-utiliser-des-modeles-3d-generes-par-ia-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser des modèles 3D générés par IA dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-des-modeles-3d-generes-par-ia-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser des modèles 3D générés par IA dans un jeu commercial ?&quot;"></a></h3>
<p>Généralement oui, mais les droits dépendent de l’origine du modèle. Les outils hébergés réservent l’utilisation commerciale aux offres payantes (Meshy Pro, Tripo Pro et les offres payantes de Rodin), tandis que les résultats des offres gratuites sont soit non commerciaux, soit publics sous licence CC BY 4.0. Les modèles que vous générez avec des poids open source comme TRELLIS.2 ne sont soumis à aucune condition de plateforme, même si la licence propre au modèle reste applicable. Vérifiez les conditions en vigueur de l’outil utilisé avant de publier votre jeu.</p>
<h3 id="les-maillages-generes-par-ia-sont-ils-assez-bons-pour-les-jeux" tabindex="-1">Les maillages générés par IA sont-ils assez bons pour les jeux ? <a class="header-anchor" href="#les-maillages-generes-par-ia-sont-ils-assez-bons-pour-les-jeux" aria-label="Permalink to &quot;Les maillages générés par IA sont-ils assez bons pour les jeux ?&quot;"></a></h3>
<p>Pour les accessoires statiques, les éléments d’environnement et les objets stylisés, oui : ils sont aujourd’hui utilisables en production après une passe de décimation. Pour les personnages animés, le résultat est plus mitigé : le rig automatique convient aux personnages d’arrière-plan, mais les personnages principaux nécessitent encore une retopologie manuelle, car la topologie générée par IA ne comporte pas les boucles d’arêtes nécessaires à l’animation. Considérez d’abord ces générateurs comme des outils de création d’accessoires et de prototypage, puis seulement comme un pipeline de personnages.</p>
<h3 id="quel-est-le-meilleur-generateur-gratuit-de-modeles-3d-par-ia" tabindex="-1">Quel est le meilleur générateur gratuit de modèles 3D par IA ? <a class="header-anchor" href="#quel-est-le-meilleur-generateur-gratuit-de-modeles-3d-par-ia" aria-label="Permalink to &quot;Quel est le meilleur générateur gratuit de modèles 3D par IA ?&quot;"></a></h3>
<p>Le Générateur de modèles 3D de Cinevva est entièrement gratuit dans le navigateur : fournissez une photo ou un texte et obtenez un maillage PBR texturé au format GLB ou OBJ. La plateforme Hunyuan 3D de Tencent offre 20 générations gratuites par jour avec son moteur le plus récent. L’offre gratuite de Meshy comprend 100 crédits par mois, mais publie vos modèles sous licence CC BY 4.0. L’auto-hébergement de TRELLIS.2 est gratuit et sans limites si vous disposez du GPU nécessaire.</p>
<h3 id="texte-vers-3d-ou-image-vers-3d-lequel-donne-les-meilleurs-resultats" tabindex="-1">Texte vers 3D ou image vers 3D : lequel donne les meilleurs résultats ? <a class="header-anchor" href="#texte-vers-3d-ou-image-vers-3d-lequel-donne-les-meilleurs-resultats" aria-label="Permalink to &quot;Texte vers 3D ou image vers 3D : lequel donne les meilleurs résultats ?&quot;"></a></h3>
<p>L’image vers 3D, systématiquement. Une image de référence définit clairement les proportions, les matériaux et le style, tandis qu’une invite textuelle oblige le modèle à les deviner. En 2026, le workflow le plus performant se déroule en deux étapes : générez une image de référence propre avec un modèle d’image, puis transmettez-la à un générateur d’image en 3D. La plupart des outils, y compris celui de Cinevva, font exactement cela en arrière-plan lorsque vous saisissez une invite textuelle.</p>
<h3 id="qu-est-il-arrive-a-luma-genie-et-csm" tabindex="-1">Qu’est-il arrivé à Luma Genie et CSM ? <a class="header-anchor" href="#qu-est-il-arrive-a-luma-genie-et-csm" aria-label="Permalink to &quot;Qu’est-il arrivé à Luma Genie et CSM ?&quot;"></a></h3>
<p>Dans les faits, les deux ont quitté ce marché. Luma a retiré Genie de son site lorsque l’entreprise s’est réorientée vers la génération vidéo et les agents créatifs. CSM a fermé sa plateforme Cube le 5 janvier 2026 et a été rachetée par Google le même mois. Tout comparatif qui recommande encore l’un ou l’autre n’est plus à jour.</p>
<h3 id="ai-je-besoin-d-un-gpu-puissant-pour-generer-des-modeles-3d-avec-l-ia" tabindex="-1">Ai-je besoin d’un GPU puissant pour générer des modèles 3D avec l’IA ? <a class="header-anchor" href="#ai-je-besoin-d-un-gpu-puissant-pour-generer-des-modeles-3d-avec-l-ia" aria-label="Permalink to &quot;Ai-je besoin d’un GPU puissant pour générer des modèles 3D avec l’IA ?&quot;"></a></h3>
<p>Pas si vous utilisez un outil hébergé ou un outil dans le navigateur, car la génération s’effectue sur les serveurs du fournisseur. Vous n’avez besoin de votre propre GPU — une carte NVIDIA suffisamment performante — que pour auto-héberger localement des modèles ouverts comme TRELLIS.2 ou Hunyuan3D 2.1. Et même dans ce cas, vous pouvez louer à la seconde les ressources GPU nécessaires à l’inférence.</p>
<BuildCta
  title="Générez un modèle, puis générez le jeu autour de lui"
  desc="La génération 3D par IA est intégrée à l’éditeur de Cinevva : une invite devient ainsi un modèle déjà placé dans un jeu jouable."
  prompt="Crée un musée mystérieux où je peux marcher entre des socles et examiner de près d’étranges artefacts générés" />
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-asset-generators-games.html">Meilleurs générateurs de ressources de jeu par IA</a> : le pipeline complet avec textures, audio et rigging</li>
<li><a href="/fr/guides/free-3d-model-sites.html">Meilleurs sites de modèles 3D gratuits pour les jeux</a> : recherchez plutôt que de générer</li>
<li><a href="/fr/guides/long-reference-video-models.html">Modèles vidéo à référence longue</a> : le versant vidéo de l’IA générative</li>
<li><a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a> : transformez gratuitement un texte ou une photo en maillage PBR texturé</li>
<li><a href="/fr/tools/sam3d.html">Capture d’image en 3D</a> : transformez gratuitement une seule photo en Gaussian splat</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-3d-model-generators-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[PNJ IA et dialogues dans les jeux : outils et état des lieux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-npcs-dialogue</link>
            <guid>https://app.cinevva.com/fr/guides/ai-npcs-dialogue</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comparatif honnête des PNJ IA et des dialogues en 2026 : Inworld, Convai, NVIDIA ACE et les solutions open source, les jeux qui les utilisent réellement, les coûts et comment débuter.]]></description>
            <content:encoded><![CDATA[<h1 id="pnj-ia-et-dialogues-dans-les-jeux-outils-et-etat-des-lieux-2026" tabindex="-1">PNJ IA et dialogues dans les jeux : outils et état des lieux (2026) <a class="header-anchor" href="#pnj-ia-et-dialogues-dans-les-jeux-outils-et-etat-des-lieux-2026" aria-label="Permalink to &quot;PNJ IA et dialogues dans les jeux : outils et état des lieux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Un PNJ IA est un personnage non-joueur dont les dialogues sont générés à la volée par un modèle de langage, au lieu d’être écrits à l’avance, réplique par réplique. Vous lui parlez ou lui écrivez, le modèle lit un prompt système qui définit l’identité du personnage ainsi que l’état actuel du jeu, puis rédige une réponse sur-le-champ. Certaines configurations y ajoutent la voix : la reconnaissance vocale permet au personnage de vous entendre, tandis que la synthèse vocale lui permet de vous répondre à voix haute. La promesse est celle d’un villageois capable de répondre à des questions qu’aucun scénariste n’avait anticipées. En 2026, la réalité est plus nuancée et mérite d’être comprise avant de construire quoi que ce soit autour de cette technologie.</p>
<p>Vos véritables options se répartissent en trois catégories. Vous pouvez utiliser une plateforme de personnages hébergée comme <a href="https://convai.com/" target="_blank" rel="noreferrer">Convai</a>, qui fournit d’emblée la mémoire, la voix et des plugins pour moteurs de jeu. Vous pouvez intégrer un middleware vocal et d’animation comme <a href="https://developer.nvidia.com/ace-for-games" target="_blank" rel="noreferrer">NVIDIA ACE</a> si vous souhaitez que la synchronisation labiale et les animations faciales correspondent aux paroles générées. Vous pouvez aussi créer votre propre solution en appelant l’API d’un modèle de langage — ou en exécutant localement un petit modèle — avec un prompt soigneusement conçu. Cette approche est moins chère et plus flexible, mais vous laisse la responsabilité des garde-fous. Fait notable, <a href="https://inworld.ai/" target="_blank" rel="noreferrer">Inworld</a>, le nom auquel la plupart des gens pensent encore en premier, s’est largement éloigné du studio de PNJ prêt à l’emploi pour se repositionner comme infrastructure IA B2B. « Alternative à Inworld » est donc actuellement l’une des recherches les plus fréquentes dans ce domaine. Voici à quoi ressemble réellement le marché.</p>
<h2 id="apercu-rapide" tabindex="-1">Aperçu rapide <a class="header-anchor" href="#apercu-rapide" aria-label="Permalink to &quot;Aperçu rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>De quoi s’agit-il ?</th>
<th>Modèle tarifaire</th>
<th>Moteurs (Web compris)</th>
<th>Situation en 2026</th>
</tr>
</thead>
<tbody>
<tr>
<td>Convai</td>
<td>Plateforme de PNJ hébergée : dialogue, voix, mémoire, perception</td>
<td>Tarification à l’usage, offre gratuite + formule Indie à 29 $/mois</td>
<td>Unity, Unreal, three.js, Web</td>
<td>Actif, destiné aux développeurs</td>
</tr>
<tr>
<td>NVIDIA ACE</td>
<td>Middleware de voix et d’animation faciale (Audio2Face, Riva ASR)</td>
<td>Microservices facturés à l’usage / exécution sur l’appareil</td>
<td>Unity, Unreal, indépendant du moteur</td>
<td>Intégré à quelques jeux</td>
</tr>
<tr>
<td>Inworld</td>
<td>Infrastructure d’exécution IA et de voix/synthèse vocale</td>
<td>Crédits à l’usage, synthèse vocale à partir d’environ 5 à 25 $/million de caractères</td>
<td>Des SDK existent, mais l’offre vise le B2B</td>
<td>Réorienté au détriment du studio de PNJ grand public</td>
</tr>
<tr>
<td>Ubisoft Neo NPCs</td>
<td>R&amp;D interne sur les personnages génératifs (« Teammates »)</td>
<td>Ce n’est pas un produit commercialisé</td>
<td>Usage interne chez Ubisoft</td>
<td>Test fermé / R&amp;D, non commercialisé</td>
</tr>
<tr>
<td>Solution maison</td>
<td>API de LLM ou modèle local + vos propres prompts et garde-fous</td>
<td>Jetons d’API, ou gratuit en local</td>
<td>N’importe quelle plateforme, y compris le Web classique</td>
<td>La solution la plus flexible</td>
</tr>
</tbody>
</table>
<h2 id="comparatif-des-outils" tabindex="-1">Comparatif des outils <a class="header-anchor" href="#comparatif-des-outils" aria-label="Permalink to &quot;Comparatif des outils&quot;"></a></h2>
<p><strong>Convai</strong> est la voie d’accès la plus directe si vous recherchez une plateforme de personnages plutôt qu’un projet expérimental. Il prend en charge les dialogues, la voix en temps réel, la mémoire à long terme et la « perception multimodale », afin qu’un personnage puisse réagir à ce qu’il voit et entend. D’après sa <a href="https://convai.com/" target="_blank" rel="noreferrer">présentation de la plateforme</a>, Convai propose également des plugins pour Unity, Unreal et three.js, ainsi que des API ouvertes pour le Web. La tarification dépend de l’utilisation : une offre Developer gratuite avec un quota quotidien, puis une formule Indie Dev à <a href="https://www.saasworthy.com/product/convai/pricing" target="_blank" rel="noreferrer">29 $ par mois — ou 19 $ avec une facturation annuelle — pour 3 000 interactions</a>, les dépassements étant facturés à l’interaction. C’est cette unité d’« interaction » qu’il faut surveiller, car la facture augmente avec le nombre de joueurs.</p>
<p><strong>NVIDIA ACE</strong> n’est pas un cerveau complet pour PNJ. Il s’agit d’une suite de microservices consacrés aux éléments qui entourent ce cerveau : <a href="https://nvidianews.nvidia.com/news/ace-avatar-cloud-engine-microservices" target="_blank" rel="noreferrer">Audio2Face pour générer des animations faciales à partir du son, et Riva pour la reconnaissance vocale</a>, à associer au modèle de langage de votre choix. C’est la brique qui donne l’impression qu’une voix générée est réellement prononcée par un visage. NVIDIA cite parmi ses partenaires Tencent, NetEase, miHoYo et Ubisoft. De plus en plus souvent, le modèle de langage s’exécute directement sur l’appareil sous la forme d’un petit modèle plutôt que dans le cloud, ce qui est important pour la latence et les coûts — nous y reviendrons plus loin. Si votre jeu est avant tout destiné au navigateur, ACE est probablement surdimensionné, car la technologie vise plutôt les jeux PC exigeant une importante puissance graphique.</p>
<p><strong>Inworld</strong> mérite une analyse lucide, car son nom domine les anciens tutoriels. La plateforme s’est d’abord imposée comme la solution de référence pour créer des personnages de jeu et propose encore des SDK, mais elle s’est <a href="https://inworld.ai/blog/new-ai-infrastructure-scaling-games-media-characters" target="_blank" rel="noreferrer">repositionnée comme une infrastructure IA permettant de déployer à grande échelle des jeux et des médias</a>. Elle met désormais l’accent sur la voix, la synthèse vocale et un environnement d’exécution d’agents destiné à des entreprises comme Google, NVIDIA et Xbox. Sa <a href="https://inworld.ai/pricing" target="_blank" rel="noreferrer">tarification</a> repose sur un système de crédits à l’usage. La synthèse vocale coûte environ 25 $ par million de caractères avec l’offre gratuite On-Demand, puis descend jusqu’à environ 5 $ pour les volumes des grandes entreprises. La reconnaissance vocale coûte autour de 0,15 $ de l’heure, tandis que les modèles de langage sont facturés séparément au tarif de leur fournisseur. Inworld reste utilisable, mais un développeur Web indépendant cherchant un PNJ prêt à intégrer trouvera la plateforme plus lourde qu’auparavant. C’est précisément pour cette raison que Convai et les solutions maison ont pris sa place sur ce créneau.</p>
<p>Les <strong>Neo NPCs d’Ubisoft</strong> méritent justement d’être mentionnés parce qu’il ne s’agit pas d’un produit que vous pouvez utiliser. Ils constituent le projet de R&amp;D le plus visible d’un grand studio et prennent désormais la forme d’un prototype appelé Teammates, qui intègre des coéquipiers IA commandés par la voix dans un jeu de tir à la première personne. Le projet a été <a href="https://variety.com/2025/gaming/news/ubisoft-generative-ai-game-teammates-neo-npc-developers-1236588038/" target="_blank" rel="noreferrer">créé par une équipe d’environ 80 personnes avec Google Gemini et un middleware interne, et fait actuellement l’objet d’un test fermé</a>. Il n’est pas intégré à un jeu commercialisé. Ubisoft a déclaré que l’IA générative représentait pour le secteur un changement aussi important que le passage à la 3D, mais à la mi-2026, son statut réel reste celui d’une expérimentation, pas d’une sortie commerciale.</p>
<h2 id="quels-jeux-utilisent-reellement-ces-technologies" tabindex="-1">Quels jeux utilisent réellement ces technologies ? <a class="header-anchor" href="#quels-jeux-utilisent-reellement-ces-technologies" aria-label="Permalink to &quot;Quels jeux utilisent réellement ces technologies ?&quot;"></a></h2>
<p>Une fois les démonstrations écartées, le nombre de jeux commercialisés qui utilisent de véritables PNJ IA reste faible, même s’il est enfin supérieur à zéro. L’exemple le plus clair est <a href="https://en.wikipedia.org/wiki/InZOI" target="_blank" rel="noreferrer">inZOI</a>, le simulateur de vie de Krafton lancé en accès anticipé le 28 mars 2025, qui s’est vendu à plus d’un million d’exemplaires durant sa première semaine. Ses personnages « Smart Zoi » reposent sur <a href="https://www.dsogaming.com/news/inzoi-is-the-first-game-with-ai-powered-npcs-using-nvidia-ace/" target="_blank" rel="noreferrer">un petit modèle de langage exécuté sur l’appareil et conçu avec NVIDIA ACE</a>. L’IA gère donc localement les comportements instantanés, au lieu de contacter un service cloud pour chaque réplique. Krafton étend la même approche à PUBG avec <a href="https://venturebeat.com/gaming-business/krafton-and-nvidia-team-up-to-create-smarter-ai-characters-for-pubg-and-inzoi/" target="_blank" rel="noreferrer">un personnage jouable en coopération appelé PUBG Ally, testé jusqu’au début de l’année 2026</a>.</p>
<p>Du côté des expériences centrées sur la conversation, <a href="https://allthings.how/where-winds-meet-and-ai-how-the-mmos-chatbot-npcs-work/" target="_blank" rel="noreferrer">Where Winds Meet</a>, un MMO de grande envergure, a ajouté un chat textuel libre reposant sur un LLM à certains PNJ secondaires. Un système d’affinité permet au personnage de se rapprocher de vous, de mettre fin à la conversation ou de devenir hostile. L’élément révélateur, d’après une analyse de novembre 2025, est l’étroitesse délibérée du périmètre : l’IA ne concerne que des personnages secondaires d’ambiance, et ses productions sont limitées à des réponses textuelles accompagnées d’un ensemble fixe de variables de jeu. Elle ne peut ni faire apparaître des objets, ni créer des lieux, ni réécrire les quêtes. L’histoire principale reste écrite à la main. Les jeux indépendants ont davantage osé faire de l’IA le cœur même de l’expérience. <a href="https://wanderfolk.ai/best-ai-npc-games-2026/" target="_blank" rel="noreferrer">Suck Up!</a> est un jeu commercialisé dont toute la boucle de gameplay consiste à convaincre des habitants alimentés par GPT d’inviter un vampire chez eux. Le concept fonctionne parce que la conversation constitue la mécanique de jeu, au lieu d’être un simple ornement ajouté à une quête scénarisée.</p>
<p>Tous les exemples commercialisés suivent le même schéma : la partie générative est contenue. Elle anime les conversations d’un simulateur de vie, les bavardages d’un personnage secondaire ou un jeu spécifiquement conçu autour de la persuasion. Aucun studio crédible n’a commercialisé de jeu à gros budget dans lequel l’IA écrit les dialogues de la quête principale. Les raisons sont, dans cet ordre, le coût, la latence et la confiance.</p>
<h2 id="le-cout-et-le-probleme-de-la-latence" tabindex="-1">Le coût et le problème de la latence <a class="header-anchor" href="#le-cout-et-le-probleme-de-la-latence" aria-label="Permalink to &quot;Le coût et le problème de la latence&quot;"></a></h2>
<p>Deux facteurs brisent le fantasme selon lequel « chaque PNJ est un chatbot », et aucun ne concerne l’intelligence du modèle.</p>
<p>Le premier est la latence. Une conversation possède un rythme, et les joueurs remarquent immédiatement lorsqu’il est rompu. Les recherches consacrées aux PNJ IA montrent que les réponses produites en moins de 800 millisecondes environ semblent naturelles, tandis que des délais nettement supérieurs paraissent anormaux. Or, un aller-retour vers une API cloud généraliste ajoute une à deux secondes de latence, ce qui ressemble à un blocage. Une <a href="https://arxiv.org/pdf/2507.10469" target="_blank" rel="noreferrer">étude de 2025 sur le réalisme perçu en réalité virtuelle</a> a demandé à des joueurs d’évaluer l’effet de la latence sur le caractère humain d’un personnage. Leur demande récurrente était simple : le système devait répondre plus vite. C’est la principale raison pour laquelle inZOI et PUBG ont choisi de petits modèles exécutés sur l’appareil plutôt qu’un immense modèle dans le cloud. Un modèle local plus petit et plus rapide, capable de répondre en une demi-seconde, est préférable à un modèle plus intelligent qui met trois secondes.</p>
<p>Le second facteur est le coût, qui augmente de la mauvaise manière. Une réplique écrite à la main est payée une seule fois, puis présentée gratuitement à des millions de joueurs. Une réplique générée coûte de l’argent à chaque production, pour chaque PNJ, chaque joueur et chaque conversation. Les plateformes facturées à l’usage rendent ce problème très concret : Convai facture à l’interaction, Inworld au caractère vocal et au jeton textuel, tandis qu’une API de LLM classique facture les jetons entrants et sortants. Pour un jeu solo calme ne contenant que quelques conversations, cela ne représente que quelques centimes. Pour un jeu en ligne comptant un million de joueurs quotidiens qui discutent librement, cela devient une facture cloud que personne n’avait prévue. C’est la raison d’être des tarifs fondés sur des crédits et des quotas, et c’est aussi pourquoi proposer des « conversations libres avec un nombre illimité de PNJ » revient à brûler de l’argent. Concevez le nombre de tours de dialogue avec l’IA comme n’importe quel autre poste de dépense, car c’en est un.</p>
<h2 id="les-approches-de-conception-qui-fonctionnent-—-et-celles-qui-echouent" tabindex="-1">Les approches de conception qui fonctionnent — et celles qui échouent <a class="header-anchor" href="#les-approches-de-conception-qui-fonctionnent-—-et-celles-qui-echouent" aria-label="Permalink to &quot;Les approches de conception qui fonctionnent — et celles qui échouent&quot;"></a></h2>
<p>L’approche qui aboutit à des jeux commercialisés repose sur une génération contrainte, pas sur des conversations ouvertes. Au lieu de permettre au modèle de dire n’importe quoi, vous lui fournissez un prompt système précis — qui est le personnage, ce qu’il sait et ce qu’il ne doit jamais révéler —, vous imposez des réponses courtes et limitez le résultat à du texte accompagné d’un petit ensemble d’actions ou de variables autorisées dans le jeu. La <a href="https://allthings.how/where-winds-meet-and-ai-how-the-mmos-chatbot-npcs-work/" target="_blank" rel="noreferrer">conception fondée sur des variables de Where Winds Meet</a> en est un exemple classique : le PNJ parle, mais les seules actions structurées à sa disposition consistent, par exemple, à modifier une valeur d’affinité ou à devenir hostile. Tout le reste demeure hors de portée du modèle.</p>
<p>L’approche qui échoue consiste à placer dans un jeu narratif un PNJ ouvert auquel on peut « poser n’importe quelle question ». Sans contraintes, un modèle inventera des faits avec assurance, s’éloignera de l’univers du jeu ou dévoilera une quête parce qu’un joueur lui aura posé la bonne question orientée. Une analyse du secteur affirme à juste titre que <a href="https://www.gameindustry.com/news-industry-happenings/the-hard-problem-of-ai-npcs-why-character-consistency-matters-more-than-intelligence/" target="_blank" rel="noreferrer">la cohérence des personnages compte davantage que l’intelligence brute</a> : les joueurs pardonnent à un PNJ d’être un peu limité, mais un personnage qui se contredit ou brise la fiction détruit instantanément l’immersion. C’est également de là que vient le scepticisme des joueurs. De nombreuses démonstrations de PNJ IA donnent l’impression de parler à un robot de service client déguisé, et les joueurs s’en rendent compte. Les équipes qui réussissent traitent le modèle comme un dialoguiste travaillant dans une cage de règles, et non comme un oracle.</p>
<p>Quelques garde-fous concrets accomplissent l’essentiel du travail. Ne fournissez au personnage que les informations qu’il est censé connaître, afin qu’il ne puisse pas révéler la fin. Limitez la longueur de ses réponses pour qu’il reste dans son rôle au lieu de se lancer dans un monologue. Conservez une version écrite à la main pour tous les éléments essentiels à l’intrigue et réservez la génération à l’habillage : courtes répliques, bavardages, réactions et personnages secondaires. Enfin, déterminez dès le départ si un PNJ donné a réellement besoin de conversations libres, car de nombreuses situations présentées comme des moments de « PNJ IA » seraient mieux servies par un arbre de dialogue plus intelligent que par un appel en direct à un modèle.</p>
<h2 id="comment-faire-un-essai-dans-un-jeu-web" tabindex="-1">Comment faire un essai dans un jeu Web <a class="header-anchor" href="#comment-faire-un-essai-dans-un-jeu-web" aria-label="Permalink to &quot;Comment faire un essai dans un jeu Web&quot;"></a></h2>
<p>Vous n’avez pas besoin d’un moteur exigeant une importante puissance graphique pour expérimenter. La solution la plus simple consiste à appeler l’API d’un modèle de langage directement depuis le backend de votre jeu, avec un prompt système qui définit le personnage et intègre l’état actuel de la partie, puis à afficher la réponse dans une boîte de dialogue. C’est un projet réalisable en un week-end, et c’est exactement ainsi que commencent la plupart des prototypes pour navigateur. Si vous préférez qu’une plateforme prenne en charge la mémoire et la voix, <a href="https://convai.com/" target="_blank" rel="noreferrer">Convai propose un SDK Web et une intégration three.js</a>. Vous pouvez ainsi ajouter un personnage parlant à une scène dans le navigateur sans avoir à construire vous-même toute l’infrastructure.</p>
<p>Si le coût ou la confidentialité vous incitent à abandonner le cloud, l’approche open source consiste à exécuter le modèle directement sur l’ordinateur du joueur. <a href="https://blog.player2.game/p/building-ai-npcs-with-player2-api" target="_blank" rel="noreferrer">WebLLM</a> exécute un petit modèle de langage dans le navigateur au moyen de WebGPU. Une fois le modèle chargé, il n’y a donc ni facture de serveur ni latence réseau, au prix d’un téléchargement initial plus volumineux et de la nécessité de disposer d’un appareil suffisamment puissant. Pendant le développement, l’exécution d’un modèle local avec un outil comme Ollama constitue une autre manière économique d’itérer avant de choisir un fournisseur hébergé. Quelle que soit la solution retenue, commencez par les contraintes : un prompt de personnage clair, une limite de longueur stricte et une liste fixe d’actions que le PNJ est autorisé à déclencher.</p>
<p>Si vous préférez éviter toute l’intégration et simplement observer dans un navigateur des personnages aux personnalités distinctes, c’est précisément le type d’expérience pour lequel le chat de création de jeux de Cinevva a été conçu. Vous décrivez le village et ses habitants, puis l’agent génère les personnages et leurs comportements dans une scène 3D jouable que vous pouvez ouvrir et explorer en leur parlant. Vous pouvez ainsi déterminer si votre idée de personnages IA est amusante avant d’investir dans une chaîne de production complète.</p>
<BuildCta
  title="Essayez un jeu avec des personnages IA dans votre navigateur"
  desc="Décrivez les personnages, et Cinevva crée un monde jouable que vous pouvez parcourir grâce à la conversation."
  prompt="Crée un village où je peux parler à des personnages qui ont chacun leur propre personnalité" />
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="qu-est-ce-qu-un-pnj-dote-d-ia" tabindex="-1">Qu’est-ce qu’un PNJ doté d’IA ? <a class="header-anchor" href="#qu-est-ce-qu-un-pnj-dote-d-ia" aria-label="Permalink to &quot;Qu’est-ce qu’un PNJ doté d’IA ?&quot;"></a></h3>
<p>Un PNJ doté d’IA est un personnage non-joueur dont les dialogues, et parfois le comportement, sont générés à la volée par un modèle de langage, au lieu d’être rédigés à l’avance par un scénariste. Vous lui parlez à l’écrit ou à l’oral, le modèle lit un prompt décrivant le personnage et l’état actuel du jeu, puis génère une réponse en temps réel. Des fonctions vocales facultatives peuvent ajouter la reconnaissance vocale pour qu’il vous entende et la synthèse vocale pour qu’il vous réponde.</p>
<h3 id="quelle-est-la-meilleure-alternative-a-inworld-en-2026" tabindex="-1">Quelle est la meilleure alternative à Inworld en 2026 ? <a class="header-anchor" href="#quelle-est-la-meilleure-alternative-a-inworld-en-2026" aria-label="Permalink to &quot;Quelle est la meilleure alternative à Inworld en 2026 ?&quot;"></a></h3>
<p>Pour la plupart des développeurs, c’est Convai, qui est resté centré sur une plateforme de PNJ prête à intégrer, avec dialogues, voix, mémoire et plugins pour différents moteurs (Unity, Unreal, three.js et le Web), après qu’Inworld s’est réorienté vers l’infrastructure d’IA B2B. Si vous recherchez un contrôle maximal et un coût moindre, l’autre grande option consiste à créer votre propre solution en faisant appel à l’API d’un modèle de langage ou en exécutant un modèle local avec votre propre prompt système et vos propres garde-fous. Le meilleur choix dépend de ce que vous privilégiez : la simplicité ou le contrôle.</p>
<h3 id="quels-jeux-commercialises-utilisent-reellement-des-pnj-dotes-d-ia" tabindex="-1">Quels jeux commercialisés utilisent réellement des PNJ dotés d’IA ? <a class="header-anchor" href="#quels-jeux-commercialises-utilisent-reellement-des-pnj-dotes-d-ia" aria-label="Permalink to &quot;Quels jeux commercialisés utilisent réellement des PNJ dotés d’IA ?&quot;"></a></h3>
<p>La liste est courte, mais bien réelle. Le simulateur de vie inZOI de Krafton utilise des personnages dotés d’une IA exécutée sur l’appareil et conçue avec NVIDIA ACE, et le studio étend cette technologie à PUBG. Le MMO Where Winds Meet a ajouté des conversations basées sur un LLM à certains personnages secondaires, avec des limites strictes quant à ce qu’ils peuvent faire. Des titres indépendants comme Suck Up! reposent entièrement sur les conversations avec des personnages animés par l’IA. Les jeux narratifs à gros budget n’ont pas encore confié les dialogues de leur quête principale à l’IA, et les Neo NPCs d’Ubisoft restent un prototype testé en interne plutôt qu’une fonctionnalité commercialisée.</p>
<h3 id="combien-coute-l-utilisation-de-pnj-dotes-d-ia" tabindex="-1">Combien coûte l’utilisation de PNJ dotés d’IA ? <a class="header-anchor" href="#combien-coute-l-utilisation-de-pnj-dotes-d-ia" aria-label="Permalink to &quot;Combien coûte l’utilisation de PNJ dotés d’IA ?&quot;"></a></h3>
<p>Chaque réplique générée coûte de l’argent à chaque production, contrairement à une réplique écrite, que vous ne payez qu’une seule fois. Les plateformes hébergées facturent à l’usage : Convai facture chaque interaction, avec une offre gratuite et une formule indépendante à 29 $ par mois, tandis qu’Inworld facture par caractère de parole et par token de texte. Une API brute facture par token. Ce coût est négligeable pour un petit jeu solo, mais devient élevé pour un jeu en ligne comptant des millions de joueurs quotidiens qui entretiennent des conversations ouvertes. C’est pourquoi les studios limitent le nombre d’échanges avec l’IA.</p>
<h3 id="les-pnj-dotes-d-ia-paraissent-ils-gadget-aux-joueurs" tabindex="-1">Les PNJ dotés d’IA paraissent-ils gadget aux joueurs ? <a class="header-anchor" href="#les-pnj-dotes-d-ia-paraissent-ils-gadget-aux-joueurs" aria-label="Permalink to &quot;Les PNJ dotés d’IA paraissent-ils gadget aux joueurs ?&quot;"></a></h3>
<p>Souvent, oui, et ce scepticisme est justifié. Les personnages IA sans contraintes ont tendance à inventer des faits, à s’écarter de l’histoire du jeu ou à donner l’impression d’être de simples chatbots déguisés, ce qui brise rapidement l’immersion. Les versions que les joueurs apprécient sont strictement encadrées : une personnalité claire, des réponses courtes qui restent dans le rôle, et aucune possibilité de dévoiler l’intrigue ou de contredire l’univers. Les exemples commercialisés montrent que la cohérence compte davantage que l’intelligence brute.</p>
<h3 id="quel-est-le-moyen-le-plus-simple-d-ajouter-un-pnj-dote-d-ia-a-un-jeu-web" tabindex="-1">Quel est le moyen le plus simple d’ajouter un PNJ doté d’IA à un jeu Web ? <a class="header-anchor" href="#quel-est-le-moyen-le-plus-simple-d-ajouter-un-pnj-dote-d-ia-a-un-jeu-web" aria-label="Permalink to &quot;Quel est le moyen le plus simple d’ajouter un PNJ doté d’IA à un jeu Web ?&quot;"></a></h3>
<p>Appelez l’API d’un modèle de langage depuis le backend de votre jeu avec un prompt système qui définit le personnage et y injecte l’état actuel du jeu, puis affichez la réponse dans une boîte de dialogue. Cela suffit pour créer un prototype en un week-end. Pour éviter les frais de serveur, vous pouvez exécuter un petit modèle dans le navigateur avec WebLLM via WebGPU. Et si vous préférez déléguer la mémoire et la voix, Convai propose un SDK pour le Web et three.js. Dans tous les cas, définissez les contraintes — prompt du personnage, longueur maximale et actions autorisées — avant de vous préoccuper du modèle.</p>
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-game-generators-2026.html">Les meilleurs générateurs de jeux par IA en 2026</a> — les outils qui créent un jeu jouable à partir d’un prompt</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA (sans coder)</a> — le processus complet de création, du début à la fin</li>
<li><a href="/fr/guides/ai-voice-acting-games.html">Doublage par IA pour les jeux</a> — la couche de synthèse vocale qui donne une voix aux PNJ dotés d’IA</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Modèles d’IA générative de pointe</a> — les modèles de langage qui produisent les dialogues en coulisses</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : définition et premiers pas</a> — l’approche de prototypage rapide pour tester ce type d’idée</li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux en coopération</a> — concevoir des personnages qui partagent un univers avec les joueurs</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-npcs-dialogue-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Doublage par IA pour les jeux : outils, coûts et règles (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-voice-acting-games</link>
            <guid>https://app.cinevva.com/fr/guides/ai-voice-acting-games</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Doublage par IA pour les jeux en 2026 : combien coûtent ElevenLabs et ses alternatives, ce que les licences commerciales vous autorisent à publier, ainsi que les règles syndicales et celles de Steam.]]></description>
            <content:encoded><![CDATA[<h1 id="doublage-par-ia-pour-les-jeux-outils-couts-et-regles-2026" tabindex="-1">Doublage par IA pour les jeux : outils, coûts et règles (2026) <a class="header-anchor" href="#doublage-par-ia-pour-les-jeux-outils-couts-et-regles-2026" aria-label="Permalink to &quot;Doublage par IA pour les jeux : outils, coûts et règles (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Oui, vous pouvez utiliser des voix générées par IA dans un jeu commercial et, pour la plupart des développeurs indépendants et des petits studios, cela coûte peu cher. L'abonnement payant à un outil comme <a href="https://elevenlabs.io/pricing" target="_blank" rel="noreferrer">ElevenLabs</a> commence à 6 $ par mois et inclut une licence commerciale : vous pouvez donc intégrer les dialogues générés dans un jeu que vous vendez. <a href="https://texttolab.com/blog/openai-tts-pricing" target="_blank" rel="noreferrer">L'API de synthèse vocale d'OpenAI</a> coûte environ 0,015 $ par minute d'audio et autorise également l'utilisation commerciale. Les modèles open source sous licence permissive, comme Piper et Kokoro, ne coûtent rien à exécuter et peuvent être intégrés à un produit commercial. D'autres, comme XTTS v2, sont réservés aux usages non commerciaux : c'est donc la licence du modèle qui détermine ce que vous pouvez vendre. Pour un jeu indépendant classique comportant quelques centaines de répliques, comptez entre zéro et environ 20 à 30 $ de génération.</p>
<p>Le véritable problème n'est pas le prix, mais les règles et l'accueil du public. Les offres gratuites n'autorisent presque jamais l'utilisation commerciale et imposent généralement une mention d'attribution sur le contenu produit. Le seul outil « gratuit » que vous pouvez réellement utiliser dans un jeu commercial est donc celui dont la licence l'autorise explicitement. Cloner la voix d'une personne réelle sans sa permission risque de vous valoir des poursuites ou un retrait des plateformes, pas de vous faire gagner du temps. Steam vous oblige à <a href="https://www.pcgamer.com/software/ai/steam-updates-ai-disclosure-form-to-specify-that-its-focused-on-ai-generated-content-that-is-consumed-by-players-not-efficiency-tools-used-behind-the-scenes/" target="_blank" rel="noreferrer">déclarer les contenus générés par IA destinés aux joueurs</a>, y compris les répliques vocales, sur votre page de magasin. Et les joueurs le remarquent. Plusieurs jeux sortis en 2025 et 2026 ont suscité de vives réactions négatives à cause de leurs voix générées par IA. Considérer cette technologie comme un moyen discret de réduire les coûts plutôt que comme un choix créatif est donc une erreur. Ce guide passe en revue les outils, les coûts réels, les règles syndicales et celles des plateformes, ainsi que les situations dans lesquelles vous devriez simplement engager une personne.</p>
<h2 id="reference-rapide-comparaison-des-outils" tabindex="-1">Référence rapide : comparaison des outils <a class="header-anchor" href="#reference-rapide-comparaison-des-outils" aria-label="Permalink to &quot;Référence rapide : comparaison des outils&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Prix (2026)</th>
<th>Licence commerciale</th>
<th>Politique de clonage vocal</th>
<th>Remarques sur la qualité</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://elevenlabs.io/pricing" target="_blank" rel="noreferrer">ElevenLabs</a></td>
<td>Offre gratuite, puis de 6 $/mois (Starter) à 99 $/mois (Pro)</td>
<td>Offres payantes uniquement, droits perpétuels même après résiliation</td>
<td>Clonage instantané avec Starter, clonage professionnel avec Creator+, consentement obligatoire pour les voix réelles</td>
<td>Émotion et interprétation de référence, choix par défaut pour les dialogues de jeux</td>
</tr>
<tr>
<td><a href="https://texttolab.com/blog/openai-tts-pricing" target="_blank" rel="noreferrer">OpenAI TTS</a> (gpt-4o-mini-tts)</td>
<td>Environ 0,015 $/min d'audio, paiement à l'usage</td>
<td>Oui, conformément aux politiques d'utilisation d'OpenAI</td>
<td>Voix prédéfinies uniquement, sans clonage</td>
<td>Peu cher, naturel et adapté aux gros volumes, mais moins facile à diriger</td>
</tr>
<tr>
<td><a href="https://murf.ai/" target="_blank" rel="noreferrer">Murf</a></td>
<td>Les offres payantes incluent les droits commerciaux</td>
<td>Toutes les offres payantes</td>
<td>Clonage dans les offres supérieures</td>
<td>Rapide (modèle Falcon à faible latence), narration de qualité studio</td>
</tr>
<tr>
<td><a href="https://www.resemble.ai/" target="_blank" rel="noreferrer">Resemble AI</a></td>
<td>Offres payantes, plus Chatterbox en open source</td>
<td>Oui avec les offres payantes, plus Chatterbox sous licence MIT</td>
<td>Le clonage est une fonctionnalité centrale, consentement obligatoire</td>
<td>Chatterbox propose un réglage d'« exagération » utile pour les personnages de jeux</td>
</tr>
<tr>
<td><a href="https://huggingface.co/coqui/XTTS-v2" target="_blank" rel="noreferrer">XTTS v2</a> (Coqui)</td>
<td>Gratuit, auto-hébergé</td>
<td>CPML, poids non commerciaux, réservé au prototypage</td>
<td>Clone une voix à partir d'environ 6 secondes, 17 langues</td>
<td>Meilleur outil local open source de clonage multilingue, nécessite un GPU</td>
</tr>
<tr>
<td><a href="https://github.com/rhasspy/piper" target="_blank" rel="noreferrer">Piper</a></td>
<td>Gratuit, auto-hébergé</td>
<td>Licence permissive, intégration commerciale autorisée</td>
<td>Voix prédéfinies, sans clonage</td>
<td>Fonctionne en temps réel sur CPU, idéal pour les systèmes embarqués ou les configurations modestes</td>
</tr>
</tbody>
</table>
<p>Les prix et les conditions évoluent. Vérifiez donc la licence en vigueur sur le site du fournisseur avant de bâtir tout votre pipeline autour d'un outil. La suite de ce guide explique ce que ces lignes impliquent concrètement pour un jeu que vous comptez vendre.</p>
<h2 id="les-outils-et-leurs-principaux-usages" tabindex="-1">Les outils et leurs principaux usages <a class="header-anchor" href="#les-outils-et-leurs-principaux-usages" aria-label="Permalink to &quot;Les outils et leurs principaux usages&quot;"></a></h2>
<p><strong>ElevenLabs</strong> est le premier choix de nombreux créateurs de jeux, et ce n'est pas sans raison. Il gère mieux que ses concurrents les nuances émotionnelles et le rythme naturel, ce qui est important lorsqu'une réplique doit sembler effrayée, sarcastique ou épuisée plutôt que simplement lue à voix haute. <a href="https://help.elevenlabs.io/hc/en-us/articles/13313564601361-Can-I-publish-the-content-I-generate-on-the-platform" target="_blank" rel="noreferrer">L'offre gratuite fournit 10 000 crédits par mois, mais aucun droit commercial, et impose une attribution</a> : elle ne convient donc qu'aux essais. <a href="https://elevenlabs.io/pricing" target="_blank" rel="noreferrer">L'offre Starter à 6 $ par mois ajoute une licence commerciale et 30 000 crédits</a>, soit environ 30 minutes de parole, puisqu'un caractère de texte coûte un crédit avec le modèle standard. L'offre Creator à 22 $ fournit environ 121 000 crédits et le clonage vocal professionnel, tandis que l'offre Pro à 99 $ en fournit 600 000. Pour la plupart des petits jeux, l'offre à 6 ou 22 $ suffit largement.</p>
<p><strong>La synthèse vocale d'OpenAI</strong> est le meilleur choix économique. Le <a href="https://tokenmix.ai/blog/gpt-4o-mini-tts-cheapest-tts-api-2026" target="_blank" rel="noreferrer">modèle gpt-4o-mini-tts coûte environ 0,015 $ par minute d'audio généré</a>, avec une facturation via l'API, et son utilisation commerciale est autorisée par les politiques d'OpenAI. Vous disposez d'un ensemble de voix prédéfinies, sans possibilité de clonage. L'outil est aussi moins facile à diriger qu'ElevenLabs, mais son prix est difficile à battre si vous devez générer des centaines de répliques contextuelles et d'interjections. Il convient bien aux nombreuses répliques à faible enjeu narratif.</p>
<p><strong>Murf</strong> vise davantage le marché de la narration en studio. Toutes ses offres payantes <a href="https://undetectr.com/blog/ai-voice-generator-free" target="_blank" rel="noreferrer">incluent des droits commerciaux</a>, et son nouveau modèle Falcon est conçu pour offrir une faible latence, <a href="https://murf.ai/" target="_blank" rel="noreferrer">d'environ 55 ms selon des tests indépendants</a>. Cet avantage compte davantage pour les agents interactifs que pour les dialogues de jeux prégénérés. <strong>Resemble AI</strong> mérite d'être connu pour deux raisons : son produit payant est principalement axé sur le clonage et l'entreprise publie également <a href="https://findskill.ai/blog/best-open-source-tts-2026/" target="_blank" rel="noreferrer">Chatterbox</a>, un modèle open source sous licence permissive doté d'un paramètre d'« exagération » qui permet de pousser les voix jusqu'à la caricature, une fonctionnalité réellement utile pour les personnages et créatures de jeux.</p>
<p>Du côté de l'open source, <strong>XTTS v2</strong>, créé par Coqui, une entreprise aujourd'hui disparue, est toujours <a href="https://localaimaster.com/models/coqui-tts" target="_blank" rel="noreferrer">considéré comme le meilleur moteur local de clonage vocal multilingue en 2026</a>. Il peut cloner une voix à partir d'environ six secondes d'audio dans 17 langues et survit grâce à un fork communautaire, même si <a href="https://apatero.com/blog/open-source-text-to-speech-models-beyond-elevenlabs-2026" target="_blank" rel="noreferrer">l'entreprise a fermé ses portes en janvier 2024</a>. Réservez-le toutefois au prototypage : les poids du modèle sont distribués sous la licence CPML de Coqui, qui interdit les usages commerciaux. Vous ne pouvez donc pas l'utiliser légalement dans un jeu que vous vendez. <strong>Piper</strong> se situe à l'autre extrême : <a href="https://www.bentoml.com/blog/exploring-the-world-of-open-source-text-to-speech-models" target="_blank" rel="noreferrer">il fonctionne en temps réel sur un CPU, sans GPU</a>, ce qui en fait un bon choix pour les systèmes embarqués, les configurations modestes ou la génération de voix à l'exécution directement dans le jeu. <strong>Bark</strong> est sous licence MIT et peut produire des sons non verbaux comme des rires et des soupirs, tandis que <strong>Kokoro</strong> est une solution légère, principalement conçue pour l'anglais, que vous pouvez intégrer à un produit commercial. Pour créer des mods dans le style de Skyrim, des outils tels que <strong>xVASynth</strong> constituent depuis longtemps la référence de la communauté pour produire des répliques personnalisées de PNJ. Si vous créez des mods, vérifiez toutefois les conditions du jeu d'origine et de l'outil avant toute distribution.</p>
<p>À noter concernant ce marché : <a href="https://undetectr.com/blog/ai-voice-generator-free" target="_blank" rel="noreferrer">Play.ht a été racheté par Meta au milieu de l'année 2025 et aurait fermé à la fin de cette même année</a>. Ignorez donc les recommandations en sa faveur que vous pourriez trouver dans des articles plus anciens.</p>
<h2 id="ce-que-cela-coute-reellement" tabindex="-1">Ce que cela coûte réellement <a class="header-anchor" href="#ce-que-cela-coute-reellement" aria-label="Permalink to &quot;Ce que cela coûte réellement&quot;"></a></h2>
<p>Les tarifs à la minute ou au caractère ne donnent qu'une vision partielle. Voici donc un calcul concret. Un jeu narratif court comportant, par exemple, 300 répliques de 12 mots en moyenne représente environ 21 600 caractères. Sur ElevenLabs, cela reste en dessous du quota mensuel de l'offre Starter. Le budget voix de l'ensemble du jeu est donc de 6 $, ou de 22 $ si vous souhaitez utiliser des voix clonées ou de meilleure qualité. Avec l'API d'OpenAI, ce même script représente quelques minutes d'audio et coûte bien moins d'un dollar. Les modèles open source ne coûtent rien en dehors de vos propres ressources de calcul et du temps consacré.</p>
<p>Les coûts augmentent réellement avec les itérations et l'échelle. Il est rare d'obtenir une réplique parfaite dès la première génération. Relancer les interprétations, ajuster l'emphase et régénérer l'audio après une modification du script consomment des crédits. Un RPG riche en dialogues, avec des milliers de répliques, plusieurs prises pour chacune et plusieurs langues, peut nécessiter l'offre à 99 $ ou entraîner des dépenses API conséquentes. Même dans ce cas, vous comparez quelques dizaines ou quelques centaines de dollars aux milliers que coûterait une distribution complète d'interprètes humains. Pour être précis, la génération vocale par IA est bon marché en valeur absolue et ne devient coûteuse que par rapport à elle-même, jamais par rapport à l'embauche d'une distribution syndiquée. Si votre budget est nul, les offres gratuites vous permettent de créer un prototype, tandis que les modèles open source peuvent servir à produire un jeu commercialisable, à condition de respecter leurs licences.</p>
<h2 id="licences-et-regles-syndicales" tabindex="-1">Licences et règles syndicales <a class="header-anchor" href="#licences-et-regles-syndicales" aria-label="Permalink to &quot;Licences et règles syndicales&quot;"></a></h2>
<p>C'est sur ce point que beaucoup se trompent. Lisez donc attentivement. Deux questions distinctes se posent en matière de licences, et il est facile de les confondre.</p>
<p>La première concerne la licence de l'outil, qui détermine si vous pouvez vendre ce que vous générez. Avec les offres payantes d'ElevenLabs, Murf et Resemble, ainsi qu'avec OpenAI, la réponse est oui. Dans le cas précis d'ElevenLabs, vous <a href="https://terms.law/ai-output-rights/elevenlabs/" target="_blank" rel="noreferrer">conservez les droits commerciaux sur les fichiers audio générés pendant un abonnement payant, même après sa résiliation</a>. Deux détails des conditions générales sont à connaître : vous devez toujours détenir les droits sur le script et le contenu sous-jacents, et des fournisseurs comme ElevenLabs <a href="https://terms.law/ai-output-rights/elevenlabs/" target="_blank" rel="noreferrer">conservent une licence leur permettant d'utiliser vos contenus générés afin d'entraîner et d'améliorer leurs modèles</a>. Les offres gratuites constituent le piège, car elles interdisent généralement l'utilisation commerciale et imposent une attribution. Un jeu publié avec des fichiers produits dans le cadre d'une offre gratuite ne respecte donc pas les conditions. Pour les modèles open source, la licence est propre à chaque modèle, et non à cette catégorie d'outils dans son ensemble. Vérifiez donc s'il s'agit d'une licence MIT, Apache ou d'une autre licence comportant une clause d'utilisation non commerciale avant de bâtir votre projet dessus.</p>
<p>La seconde question concerne la voix elle-même. Générer une voix prédéfinie ou synthétique ne pose pas de problème. Cloner la voix d'une personne réelle sans son consentement est une tout autre affaire, qui présente des risques à la fois juridiques et éthiques. C'est là qu'interviennent les règles syndicales. Après une grève de presque un an, <a href="https://deadline.com/2025/07/sag-aftra-video-game-agreement-approved-strike-1236453741/" target="_blank" rel="noreferrer">les membres de la SAG-AFTRA ont ratifié un nouvel accord sur les médias interactifs le 9 juillet 2025 avec 95 % des voix</a>, mettant officiellement fin à <a href="https://en.wikipedia.org/wiki/2024%E2%80%932025_SAG-AFTRA_video_game_strike" target="_blank" rel="noreferrer">la grève du jeu vidéo commencée en juillet 2024</a>. Les dispositions de cet accord relatives à l'IA imposent <a href="https://variety.com/2025/gaming/news/video-game-actors-strike-contract-ratified-sag-aftra-1236451291/" target="_blank" rel="noreferrer">d'obtenir le consentement de l'interprète, de l'informer et de le rémunérer avant toute utilisation d'une réplique numérique de sa voix</a>. Elles permettent également aux interprètes de suspendre leur consentement à la génération de nouveaux contenus par IA pendant une grève.</p>
<p>Si vous êtes un développeur indépendant utilisant des voix synthétiques prédéfinies, ce contrat ne vous lie pas directement, car il régit les studios signataires qui travaillent avec des interprètes syndiqués. Il établit néanmoins la norme à laquelle tous les acteurs du secteur sont désormais comparés : obtenez un consentement explicite et rémunéré avant de cloner la voix d'une personne réelle. Ne récupérez pas les bandes démo d'un comédien de doublage ni les extraits vidéo d'un streamer pour entraîner un modèle. Le conflit syndical portait précisément sur le remplacement d'interprètes par une IA entraînée sur leur propre travail sans permission. Pour un petit studio, adopter cette pratique crée à la fois un risque juridique et une véritable bombe à retardement pour sa réputation.</p>
<h2 id="obligations-de-divulgation" tabindex="-1">Obligations de divulgation <a class="header-anchor" href="#obligations-de-divulgation" aria-label="Permalink to &quot;Obligations de divulgation&quot;"></a></h2>
<p>Si vous publiez votre jeu sur Steam, vous devez déclarer tout contenu vocal généré par IA. La <a href="https://finance.biggo.com/news/202601171220_Steam_AI_Disclosure_Update_Focuses_on_Player_Content" target="_blank" rel="noreferrer">politique de Valve sur la divulgation de l'IA est en vigueur depuis début 2024 et a été mise à jour le 17 janvier 2026</a> afin de cibler précisément les contenus générés par IA qui sont intégrés au jeu et <a href="https://www.pcgamer.com/software/ai/steam-updates-ai-disclosure-form-to-specify-that-its-focused-on-ai-generated-content-that-is-consumed-by-players-not-efficiency-tools-used-behind-the-scenes/" target="_blank" rel="noreferrer">consommés par les joueurs, plutôt que les outils d'efficacité utilisés en coulisses</a>. Les répliques vocales générées par IA sont explicitement concernées. La politique distingue les contenus prégénérés, intégrés au téléchargement comme les répliques vocales et les illustrations créées par IA, des contenus générés en direct, pour lesquels le jeu crée des dialogues à la volée et doit intégrer des garde-fous contre les productions illégales ou choquantes. Votre déclaration apparaît sur la page du magasin, dans la section « À propos de ce jeu », et les joueurs peuvent la consulter avant leur achat.</p>
<p>En pratique, si vous avez utilisé l'IA pour générer des répliques vocales intégrées au jeu, cochez la case correspondant au contenu prégénéré et décrivez honnêtement son utilisation. Si vos PNJ génèrent des dialogues à l'exécution, il s'agit de contenu généré en direct, soumis à l'obligation supplémentaire de mettre en place des garde-fous. Les autres plateformes imposent actuellement des règles moins formelles concernant la déclaration des voix de jeux créées par IA. L'ensemble du secteur s'oriente toutefois vers davantage d'étiquetage, pas moins, et la transparence est généralement mieux accueillie par les joueurs qu'une découverte a posteriori. Au-delà des règles des plateformes, certaines communautés et cérémonies de récompenses fixent leurs propres limites : les <a href="https://www.notebookcheck.net/Indie-Game-Awards-disqualify-Clair-Obscur-Expedition-33-after-generative-AI-controversy.1189979.0.html" target="_blank" rel="noreferrer">Indie Game Awards ont disqualifié un jeu nommé en 2025 après la révélation de son utilisation de l'IA générative</a>. Si vous visez un festival ou une boutique en particulier, consultez également sa politique.</p>
<h2 id="conseils-pour-votre-workflow" tabindex="-1">Conseils pour votre workflow <a class="header-anchor" href="#conseils-pour-votre-workflow" aria-label="Permalink to &quot;Conseils pour votre workflow&quot;"></a></h2>
<p>La différence entre une voix IA qui semble provenir d’un jeu et une voix IA qui ressemble à un serveur vocal interactif tient principalement à la direction d’acteur. Écrivez vos répliques comme vous souhaitez qu’elles soient prononcées, en utilisant réellement la ponctuation, car les virgules, les points de suspension et les retours à la ligne influencent davantage le rythme que n’importe quel réglage. Générez plusieurs prises de chaque réplique importante et choisissez la meilleure, comme le ferait un réalisateur avec un comédien. Conservez une voix cohérente pour chaque personnage tout au long de votre script, et notez l’identifiant exact de la voix ainsi que les réglages utilisés afin qu’une réplique régénérée trois mois plus tard reste homogène.</p>
<p>Une fois le script stabilisé, générez les voix par lots plutôt que de les régénérer sans cesse pendant l’écriture, car c’est ainsi que les crédits et le temps s’épuisent. Pour les passages émotionnels, certains outils permettent d’orienter le ton à l’aide d’une courte instruction ou d’un réglage d’émotion. Cela vaut la peine d’y consacrer vos efforts et de laisser les répliques secondaires se générer automatiquement. Conservez pour vos voix le même niveau sonore et le même format que pour le reste de vos contenus audio, afin que les dialogues, <a href="/fr/guides/free-sound-effects-music.html">la musique et les effets sonores</a> s’intègrent harmonieusement au mixage. Enfin, testez rapidement les voix auprès de vrais joueurs, car l’interprétation monotone que vous ne remarquez plus après la cinquantième écoute est la première chose qu’un nouveau joueur entendra.</p>
<h2 id="quand-engager-plutot-des-comediens" tabindex="-1">Quand engager plutôt des comédiens <a class="header-anchor" href="#quand-engager-plutot-des-comediens" aria-label="Permalink to &quot;Quand engager plutôt des comédiens&quot;"></a></h2>
<p>La voix IA est un outil, pas un substitut à une véritable interprétation, et les développeurs qui l’utilisent bien le reconnaissent honnêtement. Même <a href="https://gamerant.com/arc-raiders-controversial-ai-voice-change/" target="_blank" rel="noreferrer">Embark Studios, dont ARC Raiders est sorti avec des dialogues générés par IA en octobre 2025, a remplacé de nombreuses répliques par des interprétations humaines après le lancement</a>, le PDG du studio ayant clairement reconnu qu’il existe une différence de qualité entre une IA et un véritable comédien professionnel. Voilà le signe à retenir. Si la voix d’un personnage joue un rôle central dans l’identité de votre jeu, si vous comptez sur une interprétation émotionnelle subtile ou si votre public est susceptible d’examiner de près et de sanctionner l’utilisation de voix IA, engagez une personne. Les vrais comédiens apportent une capacité d’interprétation, d’improvisation et une singularité que les modèles actuels ne font encore qu’approcher sans les égaler.</p>
<p>Utilisez la voix IA là où elle est réellement adaptée : pour les prototypes et les pistes temporaires, afin d’évaluer le rythme des dialogues avant de vous engager ; pour les nombreuses répliques utilitaires, comme les communications radio et les interjections génériques ; pour les voix provisoires que vous remplacerez plus tard ; pour les projets en solo sans budget, lorsque l’autre option serait le silence ; et pour les fonctionnalités d’accessibilité, comme la lecture à voix haute du texte de l’interface. Une approche intermédiaire courante consiste à tout générer avec l’IA afin de finaliser le script et le rythme, puis à faire appel à des comédiens humains pour les répliques qui portent véritablement le jeu. Vous consacrez ainsi votre budget voix aux éléments qui font vraiment la différence, tout en laissant l’IA prendre en charge le reste.</p>
<BuildCta
  title="Créez le jeu, puis occupez-vous des voix"
  desc="Cinevva transforme une instruction en jeu jouable dans votre navigateur, avec des effets sonores et de la musique générés pour vous. Vous ajouterez les voix avec les outils ci-dessus."
  prompt="Crée un court jeu d’aventure narratif avec des dialogues à embranchements" />
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="est-il-legal-d-utiliser-des-voix-ia-dans-un-jeu-commercial" tabindex="-1">Est-il légal d’utiliser des voix IA dans un jeu commercial ? <a class="header-anchor" href="#est-il-legal-d-utiliser-des-voix-ia-dans-un-jeu-commercial" aria-label="Permalink to &quot;Est-il légal d’utiliser des voix IA dans un jeu commercial ?&quot;"></a></h3>
<p>Oui, à condition d’utiliser un outil dont la licence autorise un usage commercial et de ne pas cloner la voix d’une personne réelle sans son consentement. Les offres payantes d’ElevenLabs, OpenAI, Murf et Resemble incluent toutes des droits d’utilisation commerciale, tandis que les modèles open source sous licence permissive, comme Piper et Bark, peuvent être intégrés gratuitement à un jeu commercial. Les deux principaux risques consistent à publier des contenus produits avec une offre gratuite qui interdit l’usage commercial et exige une attribution, ou à entraîner une voix à partir d’enregistrements d’un véritable comédien sans son autorisation. Ces deux situations sont évitables.</p>
<h3 id="combien-coute-le-doublage-par-ia-pour-un-jeu" tabindex="-1">Combien coûte le doublage par IA pour un jeu ? <a class="header-anchor" href="#combien-coute-le-doublage-par-ia-pour-un-jeu" aria-label="Permalink to &quot;Combien coûte le doublage par IA pour un jeu ?&quot;"></a></h3>
<p>Moins cher que la plupart des gens ne le pensent. Un jeu court de quelques centaines de répliques tient dans l’offre Starter d’ElevenLabs à 6 $ par mois ou coûte moins d’un dollar avec l’API d’OpenAI, tandis que les modèles open source peuvent être exécutés gratuitement sur votre propre matériel. Un RPG riche en dialogues, avec des milliers de répliques et plusieurs langues, pourrait vous obliger à passer à une offre à 99 $ ou entraîner quelques centaines de dollars de dépenses d’API. Même dans le haut de cette fourchette, cela ne représente qu’une fraction du coût d’une distribution complète de comédiens.</p>
<h3 id="dois-je-declarer-l-utilisation-de-voix-ia-sur-steam" tabindex="-1">Dois-je déclarer l’utilisation de voix IA sur Steam ? <a class="header-anchor" href="#dois-je-declarer-l-utilisation-de-voix-ia-sur-steam" aria-label="Permalink to &quot;Dois-je déclarer l’utilisation de voix IA sur Steam ?&quot;"></a></h3>
<p>Oui. La politique de Steam relative à la déclaration de l’IA vous oblige à signaler les contenus générés par IA qui sont intégrés à votre jeu et consommés par les joueurs, ce qui inclut explicitement les répliques vocales produites par IA. Cette déclaration apparaît sur votre page de boutique, dans la section « À propos de ce jeu ». Depuis la mise à jour de janvier 2026, les outils utilisés en coulisses qui ne produisent aucun contenu visible ou audible par les joueurs ne sont pas la priorité, mais les répliques que les joueurs entendent le sont bien. Si votre jeu génère des dialogues en direct pendant l’exécution, il s’agit d’une catégorie distincte qui nécessite également des garde-fous de sécurité.</p>
<h3 id="puis-je-cloner-la-voix-d-un-veritable-comedien-ou-d-une-celebrite-pour-mon-jeu" tabindex="-1">Puis-je cloner la voix d’un véritable comédien ou d’une célébrité pour mon jeu ? <a class="header-anchor" href="#puis-je-cloner-la-voix-d-un-veritable-comedien-ou-d-une-celebrite-pour-mon-jeu" aria-label="Permalink to &quot;Puis-je cloner la voix d’un véritable comédien ou d’une célébrité pour mon jeu ?&quot;"></a></h3>
<p>Pas sans son consentement explicite et rémunéré. Cloner la voix d’une personne réelle sans autorisation vous expose à des poursuites concernant le droit à l’image et les droits de la personnalité, et c’est précisément le type de pratique que l’accord de la SAG-AFTRA sur les jeux vidéo vise à empêcher. Le contrat de 2025 impose le consentement, la transparence et la rémunération pour les répliques vocales numériques de comédiens. Même si vous êtes un studio indépendant non soumis à cet accord, les risques juridiques et réputationnels d’un clonage non autorisé sont réels. Utilisez des voix synthétiques prédéfinies ou obtenez une licence appropriée.</p>
<h3 id="les-joueurs-sauront-ils-que-j-ai-utilise-des-voix-ia-et-cela-les-derangera-t-il" tabindex="-1">Les joueurs sauront-ils que j’ai utilisé des voix IA, et cela les dérangera-t-il ? <a class="header-anchor" href="#les-joueurs-sauront-ils-que-j-ai-utilise-des-voix-ia-et-cela-les-derangera-t-il" aria-label="Permalink to &quot;Les joueurs sauront-ils que j’ai utilisé des voix IA, et cela les dérangera-t-il ?&quot;"></a></h3>
<p>Souvent, oui dans les deux cas. Les joueurs sont devenus capables de repérer l’interprétation monotone et légèrement artificielle des systèmes actuels de synthèse vocale, et plusieurs jeux sortis en 2025 et 2026 ont suscité une levée de boucliers en raison de leurs voix IA, certains développeurs revenant même sur leur décision après le lancement. Cette réaction n’est pas systématique, et les répliques utilitaires ou les voix clairement stylisées ont tendance à être moins critiquées qu’un personnage principal récitant des dialogues émotionnels. Soyez honnête dans votre déclaration, utilisez l’IA là où elle est adaptée plutôt que là où elle ne l’est manifestement pas, et envisagez de faire appel à des comédiens humains pour les voix qui définissent votre jeu.</p>
<h3 id="quel-est-le-meilleur-outil-gratuit-de-voix-ia-pour-les-jeux" tabindex="-1">Quel est le meilleur outil gratuit de voix IA pour les jeux ? <a class="header-anchor" href="#quel-est-le-meilleur-outil-gratuit-de-voix-ia-pour-les-jeux" aria-label="Permalink to &quot;Quel est le meilleur outil gratuit de voix IA pour les jeux ?&quot;"></a></h3>
<p>Pour publier un jeu commercial sans budget, utilisez un modèle open source sous licence permissive, car les offres gratuites des outils payants interdisent l’usage commercial. Piper fonctionne sur un simple processeur et convient parfaitement aux configurations modestes ou à la génération pendant l’exécution, tandis que Bark et Kokoro sont tous deux faciles à intégrer à un jeu commercial. XTTS v2 offre le clonage vocal multilingue le plus performant si vous disposez d’un GPU, mais il est réservé au prototypage et ne peut pas être intégré à un produit commercial : les poids de son modèle sont soumis à la licence CPML de Coqui, qui interdit l’usage commercial. Vérifiez simplement la licence du modèle concerné avant de bâtir votre projet dessus, car « open source » ne signifie pas toujours « usage commercial autorisé ».</p>
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-music-generators-games.html">Les meilleurs générateurs de musique IA pour les jeux</a> — la même question d’outils pour votre bande-son</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musique gratuits pour les jeux</a> — où trouver légalement le reste de vos contenus audio</li>
<li><a href="/fr/guides/ai-npcs-dialogue.html">PNJ et dialogues générés par IA</a> — générer des conversations, et pas seulement les lire à voix haute</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Générateurs de ressources IA pour les jeux</a> — illustrations, modèles et contenus audio à partir d’une instruction</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences de ressources de jeu</a> — ce que signifient réellement les termes commercial, CC0 et libre de droits</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA sans coder</a> — créez le jeu auquel vous ajouterez les voix</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-voice-acting-games-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs sprites 2D, pixel art et tilesets gratuits pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/free-2d-sprites-tilesets</link>
            <guid>https://app.cinevva.com/fr/guides/free-2d-sprites-tilesets</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs sprites 2D, pixel art et tilesets gratuits en 2026 : sources CC0 comme Kenney, OpenGameArt, créateurs itch.io et générateurs IA, avec les licences expliquées.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-sprites-2d-pixel-art-et-tilesets-gratuits-pour-les-jeux-2026" tabindex="-1">Meilleurs sprites 2D, pixel art et tilesets gratuits pour les jeux (2026) <a class="header-anchor" href="#meilleurs-sprites-2d-pixel-art-et-tilesets-gratuits-pour-les-jeux-2026" aria-label="Permalink to &quot;Meilleurs sprites 2D, pixel art et tilesets gratuits pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Les meilleurs endroits où trouver gratuitement des sprites 2D, du pixel art et des tilesets pour vos jeux sont Kenney (plus de 40 000 ressources CC0), OpenGameArt (avec filtrage par licence) et quelques créateurs itch.io comme Pixel Frog, Ansimuz et 0x72, qui publient des packs complets sous licence CC0. Toutes ces ressources peuvent être utilisées sans risque dans des jeux commerciaux et ne nécessitent aucune attribution. Voici toutes les sources à ajouter à vos favoris en 2026, avec les conditions de licence exactes vérifiées pour vous éviter toute incertitude.</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-pixel-tiles.jpg" alt="Sprites en pixel art issus de packs CC0 de Kenney : astronaute, porte de donjon, avions de shoot 'em up et tuiles de jeu de plateforme" loading="lazy"></a>
<figcaption>Personnages, vaisseaux, tuiles et accessoires en pixel art issus des packs CC0 de Kenney. <a href="/fr/assets?providers=kenney">Parcourez-les dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<h2 id="selection-rapide" tabindex="-1">Sélection rapide <a class="header-anchor" href="#selection-rapide" aria-label="Permalink to &quot;Sélection rapide&quot;"></a></h2>
<ul>
<li><strong>Une source tout-en-un, un style cohérent et aucun risque de licence :</strong> Kenney (CC0).</li>
<li><strong>Des packs complets de jeux de plateforme avec des personnages animés :</strong> Pixel Frog et Ansimuz sur itch.io (CC0).</li>
<li><strong>Tuiles et personnages pour dungeon crawlers :</strong> DungeonTileset II de 0x72 (CC0).</li>
<li><strong>Tuiles de RPG en vue du dessus :</strong> Cainos sur itch.io ou la collection LPC sur OpenGameArt.</li>
<li><strong>Des milliers d'icônes d'interface et d'inventaire :</strong> Game-icons.net (CC BY 3.0, attribution requise).</li>
<li><strong>Dessinez vos propres sprites :</strong> Aseprite (payant), Libresprite ou Piskel (gratuits).</li>
</ul>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleure source</th>
<th>Licence</th>
<th>Attribution</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sprites et tuiles de jeu de plateforme</td>
<td>Kenney, Pixel Frog</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Tileset de donjon en pixel art</td>
<td>0x72</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Tuiles de RPG en vue du dessus</td>
<td>Cainos, LPC (OpenGameArt)</td>
<td>Gratuite / CC-BY-SA + GPL</td>
<td>Aucune / crédit + partage dans les mêmes conditions</td>
</tr>
<tr>
<td>Immense archive consultable</td>
<td>OpenGameArt</td>
<td>De CC0 à CC-BY-SA</td>
<td>Selon le filtre</td>
</tr>
<tr>
<td>Packs thématiques soignés</td>
<td>Ressources gratuites de CraftPix</td>
<td>Licence CraftPix</td>
<td>Aucune</td>
</tr>
<tr>
<td>Interface de jeu et icônes d'objets</td>
<td>Game-icons.net</td>
<td>CC BY 3.0</td>
<td>Requise</td>
</tr>
<tr>
<td>Palettes et techniques</td>
<td>Lospec</td>
<td>Variable</td>
<td>s. o.</td>
</tr>
</tbody>
</table>
<h2 id="la-reference-cc0-kenney" tabindex="-1">La référence CC0 : Kenney <a class="header-anchor" href="#la-reference-cc0-kenney" aria-label="Permalink to &quot;La référence CC0 : Kenney&quot;"></a></h2>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-sprites.jpg" alt="Exemples de sprites 2D CC0 de Kenney : astronaute, vaisseaux spatiaux, tuiles en pixel art, émoticône en forme de cœur et extraterrestre" loading="lazy"></a>
<figcaption>Un aperçu de la gamme 2D de Kenney : personnages, vaisseaux, tuiles et émoticônes, tous sous licence CC0. <a href="/fr/assets?providers=kenney">Parcourez les sprites de Kenney dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public), aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 40 000 ressources réparties dans plus de 270 packs, dont plus de 100 packs dans la seule section 2D</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Sprites et spritesheets PNG, fichiers sources vectoriels dans de nombreux packs</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, un fichier ZIP gratuit par pack</td>
</tr>
</tbody>
</table>
<p>Kenney est de loin le meilleur point de départ pour les graphismes de jeux 2D. Tout est sous licence CC0, tout est découpé en spritesheets prêtes à l'emploi et les packs d'une même famille visuelle sont assortis. Vous pouvez donc combiner le New Platformer Pack avec un UI Pack et des Input Prompts sans créer d'incohérence graphique. La série Tiny (Tiny Town, Tiny Farm, Tiny Dungeon) est très appréciée pour les jeux 16x16 en vue du dessus, tandis que Roguelike Characters regroupe des centaines de petits personnages dans une seule planche. Les sprites de Kenney sont également <a href="/fr/assets.html?providers=kenney">consultables dans la bibliothèque de ressources de Cinevva</a>.</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-ui.jpg" alt="Éléments d'interface CC0 de Kenney : bouton, icône de manette, indication de touche, coche, cartes d'objets, médaille et réticule" loading="lazy"></a>
<figcaption>Boutons, icônes, indications de commandes, réticules et cartes d'objets issus des packs d'interface CC0 de Kenney. <a href="/fr/assets?providers=kenney">Parcourez les packs d'interface dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<h2 id="opengameart" tabindex="-1">OpenGameArt <a class="header-anchor" href="#opengameart" aria-label="Permalink to &quot;OpenGameArt&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://opengameart.org" target="_blank" rel="noreferrer">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon la ressource : CC0, OGA-BY, CC-BY, CC-BY-SA, GPL, domaine public</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de contributions 2D, alimentées par la communauté depuis 2009</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG, spritesheets et fichiers sources variables selon la contribution</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, fichiers joints à chaque page de contribution</td>
</tr>
</tbody>
</table>
<p>OpenGameArt est la plus ancienne archive gratuite de graphismes de jeux encore en activité. En 2026, elle reste dynamique, avec des concours graphiques réguliers et de nouvelles contributions. La qualité varie énormément, et le filtre de licences du site est donc essentiel : cochez CC0 dans la recherche pour n'obtenir que des résultats utilisables sans risque dans un projet commercial. La collection la plus remarquable est celle du Liberated Pixel Cup (LPC), un standard graphique coordonné de RPG en vue du dessus au format 32x32, comprenant une immense bibliothèque de tuiles et de personnages assortis ainsi que l'Universal LPC Spritesheet Character Generator. Attention toutefois : les graphismes LPC sont proposés sous double licence CC-BY-SA 3.0 et GPLv3. Vous devez donc créditer leurs auteurs et distribuer les créations dérivées sous la même licence. Consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences</a> avant de les utiliser comme base pour un jeu commercial.</p>
<h2 id="packs-de-ressources-gratuits-sur-itch-io" tabindex="-1">Packs de ressources gratuits sur itch.io <a class="header-anchor" href="#packs-de-ressources-gratuits-sur-itch-io" aria-label="Permalink to &quot;Packs de ressources gratuits sur itch.io&quot;"></a></h2>
<p>itch.io héberge plus de 6 500 packs gratuits rien que sous le tag Sprites, et c'est là que publient la plupart des pixel artistes en activité. Chaque créateur définit la licence de chacun de ses packs : vérifiez donc toujours la page du pack. Les créateurs suivants méritent assurément votre attention.</p>
<h3 id="pixel-frog" tabindex="-1">Pixel Frog <a class="header-anchor" href="#pixel-frog" aria-label="Permalink to &quot;Pixel Frog&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://pixelfrog-assets.itch.io" target="_blank" rel="noreferrer">pixelfrog-assets.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Pixel Adventure est explicitement sous licence CC0 ; vérifiez la page de chaque pack</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Packs thématiques complets : Pixel Adventure 1 et 2, Kings and Pigs, Treasure Hunters, Pirate Bomb, Tiny Swords</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Spritesheets PNG, animations à 20 images par seconde</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, gratuit (prix libre)</td>
</tr>
</tbody>
</table>
<p>Si vous voulez créer un jeu de plateforme complet ce week-end, commencez ici. Pixel Adventure comprend des personnages animés, des ennemis, des tilesets, des pièges et des objets dans un style cohérent. Le tout est publié sous licence CC0, ce qui vous permet de commercialiser votre jeu sans attribution. Tiny Swords, le pack de combat en vue du dessus plus récent, reçoit de fréquentes mises à jour et occupait la première place du classement des sprites gratuits d'itch.io en 2026.</p>
<h3 id="ansimuz" tabindex="-1">Ansimuz <a class="header-anchor" href="#ansimuz" aria-label="Permalink to &quot;Ansimuz&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://ansimuz.itch.io" target="_blank" rel="noreferrer">ansimuz.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>SunnyLand est explicitement sous licence CC0 ; les autres packs gratuits varient, vérifiez chaque page</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Vaste catalogue : SunnyLand, série Warped, Gothicvania, TinyRPG, ancienne collection 16 bits gratuite</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Spritesheets PNG, arrière-plans avec parallaxe ; SunnyLand inclut des fichiers de projet Phaser et Godot</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, packs gratuits aux côtés de mégacollections payantes</td>
</tr>
</tbody>
</table>
<p>Ansimuz offre depuis une décennie des créations en pixel art de grande qualité. SunnyLand est son pack gratuit phare : un kit complet de jeu de plateforme sous licence CC0 comprenant un personnage jouable animé, des ennemis, des accessoires, des effets et même de la musique, ainsi que des projets Phaser et Godot prêts à l'emploi. Les packs gratuits de metroidvania Warped et l'ancienne collection 16 bits couvrent des ambiances de science-fiction plus sombres. Les grandes collections Gothicvania sont payantes, mais l'offre gratuite suffit à elle seule pour créer un jeu complet.</p>
<h3 id="_0x72" tabindex="-1">0x72 <a class="header-anchor" href="#_0x72" aria-label="Permalink to &quot;0x72&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://0x72.itch.io" target="_blank" rel="noreferrer">0x72.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>DungeonTileset II est explicitement sous licence CC0, aucun crédit nécessaire</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>DungeonTileset II en 16x16, ainsi que des tilesets gratuits sur les thèmes de l'industrie, des pirates et des robots</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Atlas PNG, autotiles inclus depuis la version 1.7</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, gratuit (prix libre)</td>
</tr>
</tbody>
</table>
<p>DungeonTileset II est depuis des années la réponse par défaut à toute recherche d'un « tileset gratuit pour roguelike ». Un seul téléchargement vous donne accès à des murs et sols de donjon, des torches animées, des pièges, des armes et des dizaines de personnages animés, des chevaliers aux démons. Tout est en 16x16, sous licence CC0 et toujours activement maintenu. Si vous avez joué à un petit dungeon crawler indépendant, vous avez probablement déjà vu ces sprites.</p>
<h3 id="cainos" tabindex="-1">Cainos <a class="header-anchor" href="#cainos" aria-label="Permalink to &quot;Cainos&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://cainos.itch.io" target="_blank" rel="noreferrer">cainos.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Gratuit pour les projets commerciaux, aucun crédit nécessaire, redistribution et revente interdites</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Pixel Art Top Down - Basic : tilesets 32x32, 48 accessoires, arbres, contrôleur de personnage</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Tilesets et sprites PNG, projet Unity inclus ; les textures fonctionnent également dans Godot</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, gratuit (prix libre)</td>
</tr>
</tbody>
</table>
<p>Pixel Art Top Down - Basic est l'un des meilleurs points de départ gratuits pour un RPG en vue du dessus ou un jeu de gestion agricole. Vous obtenez des tilesets d'herbe, de pierre et de murs, accompagnés d'accessoires et de sprites d'ombres assortis au format 32x32, ainsi qu'une scène de démonstration Unity simple. Il ne s'agit pas d'une licence CC0, mais de la propre licence de Cainos. Ses conditions sont claires : vous pouvez utiliser et modifier librement les ressources dans des jeux gratuits ou commerciaux, mais vous ne devez pas revendre les fichiers bruts.</p>
<h3 id="penusbmic" tabindex="-1">penusbmic <a class="header-anchor" href="#penusbmic" aria-label="Permalink to &quot;penusbmic&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://penusbmic.itch.io" target="_blank" rel="noreferrer">penusbmic.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon le pack, vérifiez chaque page avant de publier votre jeu</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Packs mensuels : série DARK, STRANDED, personnages de science-fiction, échantillons gratuits dans la plupart des séries</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Spritesheets PNG avec des animations fluides en plusieurs images</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, échantillons gratuits aux côtés de packs payants (de 1,99 $ à 9,99 $)</td>
</tr>
</tbody>
</table>
<p>Penusbmic a travaillé sur Dome Keeper et Shogun Showdown, et la qualité des animations s'en ressent. La plupart des séries proposent un aperçu gratuit, comme le Skeleton Warrior, le tileset Dungeon Ruins ou un héros de la série DARK. Les packs complets sont suffisamment abordables pour être achetés lorsque vous décidez de les utiliser. Les conditions de licence figurent sur la page de chaque pack : lisez-les avant toute sortie commerciale.</p>
<h3 id="ressources-gratuites-de-craftpix" tabindex="-1">Ressources gratuites de CraftPix <a class="header-anchor" href="#ressources-gratuites-de-craftpix" aria-label="Permalink to &quot;Ressources gratuites de CraftPix&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://craftpix.net/freebies/" target="_blank" rel="noreferrer">craftpix.net/freebies</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence propre à CraftPix : utilisation commerciale autorisée, nombre de projets illimité ; consultez leur page file-licenses</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des centaines de packs gratuits répartis sur environ 291 pages : sprites, tilesets, kits d'interface, icônes et arrière-plans</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG, fichiers sources avec calques dans de nombreux packs</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, un compte gratuit peut être requis</td>
</tr>
</tbody>
</table>
<p>CraftPix est une boutique commerciale de ressources dotée d'une section gratuite exceptionnellement riche. Les ressources gratuites sont des packs soignés et adaptés à la production, et les conditions annoncées autorisent leur utilisation commerciale dans un nombre illimité de projets. Il ne s'agit pas de CC0, mais de leur propre licence assortie de restrictions concernant la revente. Parcourez une fois leur page file-licenses et vous serez fixé. Cette source est particulièrement intéressante pour les kits d'interface complets et les packs de personnages thématiques dont la création demanderait des semaines de travail.</p>
<h2 id="game-icons-net" tabindex="-1">Game-icons.net <a class="header-anchor" href="#game-icons-net" aria-label="Permalink to &quot;Game-icons.net&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://game-icons.net" target="_blank" rel="noreferrer">game-icons.net</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC BY 3.0, attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 4 100 icônes créées par Lorc, Delapouite et d'autres contributeurs</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>SVG et PNG, variantes blanc sur noir et transparentes</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, par icône ou sous forme de pack complet</td>
</tr>
</tbody>
</table>
<p>Chaque écran d'inventaire, arbre de compétences et infobulle d'objet a besoin d'icônes. Game-icons.net en propose plus de 4 100 dans un style au pochoir cohérent, toutes disponibles en SVG recolorable. La contrepartie est la licence : CC BY 3.0 signifie que vous devez créditer les auteurs dans votre jeu. Une seule ligne sur l'écran des crédits suffit, ce qui est un compromis raisonnable pour une collection aussi complète.</p>
<h2 id="lospec" tabindex="-1">Lospec <a class="header-anchor" href="#lospec" aria-label="Permalink to &quot;Lospec&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://lospec.com" target="_blank" rel="noreferrer">lospec.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Les palettes sont librement utilisables ; les œuvres de la galerie appartiennent à leurs artistes</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 4 300 palettes de couleurs disponibles dans 6 formats de téléchargement, plus de 500 tutoriels</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Fichiers de palettes (PNG, ASE, GPL et autres)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p>Lospec n'est pas une bibliothèque de sprites, mais le centre de référence de la communauté du pixel art. Il mérite sa place ici, car les palettes représentent la moitié de ce qui rend un pixel art réussi. Téléchargez une palette éprouvée de 16 ou 32 couleurs, chargez-la dans votre éditeur et vos sprites paraîtront immédiatement maîtrisés plutôt que ternes. La section des tutoriels offre la meilleure formation gratuite au pixel art sur le Web, tandis que les outils, comme l'outil de mise à l'échelle et le générateur de tramage, répondent à de vrais besoins de production.</p>
<h2 id="dessinez-vos-propres-sprites" tabindex="-1">Dessinez vos propres sprites <a class="header-anchor" href="#dessinez-vos-propres-sprites" aria-label="Permalink to &quot;Dessinez vos propres sprites&quot;"></a></h2>
<p>Lorsque vous ne trouvez pas le sprite qu'il vous faut, dessiner un personnage en 16x16 est plus accessible qu'il n'y paraît. Aseprite est l'éditeur de référence du secteur. Disponible sous forme d'achat unique avec une version d'essai, il est entièrement conçu autour des spritesheets, de l'animation avec pelure d'oignon et de la gestion des palettes. Son code source se trouve également sur GitHub si vous préférez le compiler vous-même. Libresprite est un fork gratuit et open source d'une ancienne version d'Aseprite qui couvre les fonctionnalités essentielles. Piskel est un éditeur gratuit et open source fonctionnant dans le navigateur sans installation. Il exporte des spritesheets PNG et des GIF animés, et propose des applications de bureau pour Windows, macOS et Linux. Commencez avec Piskel pour apprendre, puis passez à Aseprite une fois passionné.</p>
<h2 id="generez-des-sprites-avec-l-ia" tabindex="-1">Générez des sprites avec l'IA <a class="header-anchor" href="#generez-des-sprites-avec-l-ia" aria-label="Permalink to &quot;Générez des sprites avec l'IA&quot;"></a></h2>
<p>En 2026, les outils d'IA peuvent produire du pixel art exploitable, voire des planches de sprites animés. PixelLab fonctionne dans le navigateur ou comme plugin Aseprite et génère des personnages déclinés dans 4 ou 8 directions avec leurs images d'animation, ce qui était autrefois la partie la plus fastidieuse de la création de sprites. Retro Diffusion entraîne des modèles spécifiquement sur le pixel art et les spritesheets multi-images. Ses résultats sont donc plus proches de ressources prêtes à intégrer dans un jeu que ceux d'un modèle généraliste de génération d'images. Deux mises en garde s'imposent. Les droits d'utilisation commerciale des outils hébergés sont généralement réservés aux offres payantes : vérifiez donc les conditions avant de publier votre jeu. En outre, les créations générées par IA nécessitent presque toujours des retouches dans un éditeur de pixel art afin d'harmoniser la palette et de conserver des proportions cohérentes sur l'ensemble des personnages. Considérez-les donc comme une première ébauche rapide plutôt que comme des ressources terminées. La <a href="/fr/assets.html">recherche de ressources</a> de Cinevva comprend également des centaines de sprites CC0 que vous pouvez intégrer directement dans un jeu sans rien générer.</p>
<h2 id="les-licences-en-30-secondes" tabindex="-1">Les licences en 30 secondes <a class="header-anchor" href="#les-licences-en-30-secondes" aria-label="Permalink to &quot;Les licences en 30 secondes&quot;"></a></h2>
<ul>
<li><strong>CC0 :</strong> domaine public. Utilisation commerciale, modifications et absence d’attribution autorisées. C’est l’option la plus sûre.</li>
<li><strong>CC-BY :</strong> utilisation commerciale gratuite, mais vous devez créditer l’auteur.</li>
<li><strong>CC-BY-SA :</strong> attribution obligatoire, et les créations dérivées doivent utiliser la même licence. C’est le cas du LPC.</li>
<li><strong>Licence propre à l’auteur (Cainos, CraftPix) :</strong> généralement, « utilisable dans n’importe quel projet, mais fichiers interdits à la revente ». Consultez la page du pack.</li>
</ul>
<p>En cas de doute, privilégiez la licence CC0. Pour une présentation complète, consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-puis-je-telecharger-gratuitement-des-sprites-2d-pour-mes-jeux" tabindex="-1">Où puis-je télécharger gratuitement des sprites 2D pour mes jeux ? <a class="header-anchor" href="#ou-puis-je-telecharger-gratuitement-des-sprites-2d-pour-mes-jeux" aria-label="Permalink to &quot;Où puis-je télécharger gratuitement des sprites 2D pour mes jeux ?&quot;"></a></h3>
<p>Kenney est le meilleur point de départ, avec plus de 40 000 ressources CC0, dont des sprites, des tilesets et des packs d’interface. Sur itch.io, Pixel Frog et Ansimuz publient des packs animés complets sous licence CC0, tandis qu’OpenGameArt permet de filtrer par licence des milliers de créations proposées par la communauté. Toutes ces ressources peuvent être utilisées gratuitement dans des jeux commerciaux.</p>
<h3 id="les-sprites-gratuits-peuvent-ils-etre-utilises-sans-risque-dans-un-jeu-commercial" tabindex="-1">Les sprites gratuits peuvent-ils être utilisés sans risque dans un jeu commercial ? <a class="header-anchor" href="#les-sprites-gratuits-peuvent-ils-etre-utilises-sans-risque-dans-un-jeu-commercial" aria-label="Permalink to &quot;Les sprites gratuits peuvent-ils être utilisés sans risque dans un jeu commercial ?&quot;"></a></h3>
<p>Les sprites CC0 peuvent toujours être utilisés sans risque, sans attribution ni restriction. Les sprites CC-BY nécessitent une mention de l’auteur, tandis que la licence CC-BY-SA, comme celle de la collection LPC, exige également que les créations dérivées soient distribuées sous la même licence. Pour les packs soumis à la licence propre de leur auteur, comme ceux de Cainos ou de CraftPix, les conditions autorisent généralement l’utilisation commerciale, mais interdisent la revente des fichiers bruts.</p>
<h3 id="quel-est-le-meilleur-tileset-pixel-art-gratuit-pour-un-dungeon-crawler" tabindex="-1">Quel est le meilleur tileset pixel art gratuit pour un dungeon crawler ? <a class="header-anchor" href="#quel-est-le-meilleur-tileset-pixel-art-gratuit-pour-un-dungeon-crawler" aria-label="Permalink to &quot;Quel est le meilleur tileset pixel art gratuit pour un dungeon crawler ?&quot;"></a></h3>
<p>Le DungeonTileset II 16x16 de 0x72 sur itch.io. Sous licence CC0 et activement maintenu, il comprend dans un seul téléchargement des tuiles de donjon, des torches animées, des pièges, des armes et des dizaines de personnages animés. Associez-le au pack Tiny Dungeon de Kenney si vous souhaitez davantage de variété à une échelle similaire.</p>
<h3 id="dois-je-crediter-l-artiste-lorsque-j-utilise-des-sprites-gratuits" tabindex="-1">Dois-je créditer l’artiste lorsque j’utilise des sprites gratuits ? <a class="header-anchor" href="#dois-je-crediter-l-artiste-lorsque-j-utilise-des-sprites-gratuits" aria-label="Permalink to &quot;Dois-je créditer l’artiste lorsque j’utilise des sprites gratuits ?&quot;"></a></h3>
<p>Uniquement si la licence l’exige. La licence CC0 n’impose aucune obligation, la licence CC BY, comme celle des plus de 4 100 icônes de game-icons.net, nécessite une mention de l’auteur, et la licence CC-BY-SA y ajoute des conditions de partage dans les mêmes conditions. Même lorsque l’attribution n’est pas obligatoire, une mention dans l’écran des crédits est une belle façon de soutenir les artistes qui permettent à ces bibliothèques de rester gratuites.</p>
<h3 id="quelle-licence-dois-je-rechercher-pour-les-packs-de-ressources-sur-itch-io" tabindex="-1">Quelle licence dois-je rechercher pour les packs de ressources sur itch.io ? <a class="header-anchor" href="#quelle-licence-dois-je-rechercher-pour-les-packs-de-ressources-sur-itch-io" aria-label="Permalink to &quot;Quelle licence dois-je rechercher pour les packs de ressources sur itch.io ?&quot;"></a></h3>
<p>La licence CC0 est la référence absolue, car elle supprime toute obligation. Les créateurs sur itch.io définissent individuellement les conditions de licence sur la page de chaque pack : faites donc défiler la page au-delà des captures d’écran et lisez la description avant de baser votre jeu sur un pack. Si une page ne précise rien, contactez l’auteur ou choisissez plutôt un pack dont les conditions sont explicites.</p>
<h3 id="puis-je-utiliser-l-ia-pour-generer-des-sprites-destines-a-un-jeu-commercial" tabindex="-1">Puis-je utiliser l’IA pour générer des sprites destinés à un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-l-ia-pour-generer-des-sprites-destines-a-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser l’IA pour générer des sprites destinés à un jeu commercial ?&quot;"></a></h3>
<p>Généralement oui, mais la licence commerciale est souvent incluse dans l’offre payante de l’outil. Vérifiez donc les conditions du générateur utilisé. Des outils comme PixelLab et Retro Diffusion produisent du pixel art et des planches de sprites presque prêts à intégrer dans un jeu, même si la plupart des développeurs retouchent encore le résultat dans un éditeur comme Aseprite afin d’harmoniser les palettes et les proportions.</p>
<h3 id="quelle-est-la-difference-entre-un-sprite-une-planche-de-sprites-et-un-tileset" tabindex="-1">Quelle est la différence entre un sprite, une planche de sprites et un tileset ? <a class="header-anchor" href="#quelle-est-la-difference-entre-un-sprite-une-planche-de-sprites-et-un-tileset" aria-label="Permalink to &quot;Quelle est la différence entre un sprite, une planche de sprites et un tileset ?&quot;"></a></h3>
<p>Un sprite est une image 2D unique, comme une seule frame d’un personnage. Une planche de sprites regroupe de nombreuses frames dans une seule image afin que le moteur puisse les lire sous forme d’animation. Un tileset est une grille de petites images répétables, généralement en 16x16 ou 32x32, utilisées pour assembler les cartes des niveaux, comme des tuiles d’herbe, de murs ou d’eau.</p>
<BuildCta
  title="Ne cherchez plus vos ressources. Obtenez des sprites directement intégrés dans un jeu"
  desc="Cinevva comprend des centaines de sprites CC0 gratuits et construit le jeu autour d’eux pour vous."
  prompt="Crée un jeu de plateforme 2D en pixel art dans lequel un renard court et saute à travers une forêt en ramassant des cerises, avec des ennemis à écraser" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> - le guide complet regroupant plus de 20 sources</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des ressources de jeu</a> - CC0, CC-BY et les autres</li>
<li><a href="/fr/guides/free-3d-model-sites.html">Les meilleurs sites de modèles 3D gratuits pour les jeux</a> - les ressources 3D</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Les meilleurs moteurs de jeu 2D en 2026</a> - avec quoi créer votre jeu</li>
<li><a href="/fr/assets.html">Recherche de ressources Cinevva</a> - recherchez les ressources de Kenney et d’autres bibliothèques depuis un seul champ</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/free-2d-sprites-tilesets-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Animations de personnages gratuites et auto-rigging : Mixamo et ses alternatives (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/free-character-animations-rigging</link>
            <guid>https://app.cinevva.com/fr/guides/free-character-animations-rigging</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Mixamo est-il toujours gratuit en 2026 ? Oui, mais il n’est plus maintenu. Découvrez les meilleures bibliothèques gratuites d’animations de personnages et les meilleurs outils d’auto-rigging, avec des licences vérifiées.]]></description>
            <content:encoded><![CDATA[<h1 id="animations-de-personnages-gratuites-et-auto-rigging-mixamo-et-ses-alternatives-2026" tabindex="-1">Animations de personnages gratuites et auto-rigging : Mixamo et ses alternatives (2026) <a class="header-anchor" href="#animations-de-personnages-gratuites-et-auto-rigging-mixamo-et-ses-alternatives-2026" aria-label="Permalink to &quot;Animations de personnages gratuites et auto-rigging : Mixamo et ses alternatives (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>En 2026, vous pouvez rigger et animer gratuitement un personnage sans toucher à Blender. Mixamo est toujours en ligne et gratuit avec un compte Adobe, mais il est en mode maintenance. Mieux vaut donc connaître ses alternatives : des bibliothèques d’animations CC0 comme Quaternius Universal Animation Library, des outils d’auto-rigging gratuits comme l’<a href="/fr/tools/rigger.html">Auto Rigger</a> de Cinevva, accessible dans le navigateur, et AccuRIG de Reallusion, ainsi que des outils de génération de mouvements à partir de texte.</p>
<h2 id="nos-recommandations" tabindex="-1">Nos recommandations <a class="header-anchor" href="#nos-recommandations" aria-label="Permalink to &quot;Nos recommandations&quot;"></a></h2>
<ul>
<li><strong>Solution la plus rapide, sans installation :</strong> <a href="/fr/tools/rigger.html">Auto Rigger</a> + <a href="/fr/tools/animate.html">Prompt Animations</a> de Cinevva, tous deux gratuits dans le navigateur.</li>
<li><strong>Meilleure bibliothèque d’animations gratuite :</strong> Quaternius Universal Animation Library 1 et 2 (CC0, compatible avec le retargeting).</li>
<li><strong>Le grand classique :</strong> Mixamo, toujours gratuit et fonctionnel, mais n’attendez pas de mises à jour.</li>
<li><strong>Meilleur outil d’auto-rigging gratuit sur ordinateur :</strong> AccuRIG 2.0 (Windows, compte ActorCore gratuit).</li>
<li><strong>Mocap brute en grande quantité :</strong> base de données du CMU Graphics Lab, plus de 2 500 mouvements, gratuite mais nécessitant du nettoyage.</li>
</ul>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleure option</th>
<th>Licence</th>
<th>Remarques</th>
</tr>
</thead>
<tbody>
<tr>
<td>Auto-rigging dans le navigateur</td>
<td><a href="/fr/tools/rigger.html">Cinevva Auto Rigger</a></td>
<td>Gratuit</td>
<td>Importation de fichiers GLB/FBX/OBJ, exportation en GLB riggé, bipèdes et quadrupèdes</td>
</tr>
<tr>
<td>Auto-rigging avec animations prédéfinies</td>
<td>Mixamo</td>
<td>Gratuit, utilisation commerciale libre de droits</td>
<td>Compte Adobe, humanoïdes en T-pose uniquement, non maintenu</td>
</tr>
<tr>
<td>Auto-rigging sur ordinateur</td>
<td>AccuRIG 2.0</td>
<td>Gratuit</td>
<td>Windows, compte ActorCore gratuit requis pour exporter en FBX/USD</td>
</tr>
<tr>
<td>Packs d’animations prêts à l’emploi</td>
<td>Quaternius UAL 1 + 2</td>
<td>CC0</td>
<td>Plus de 250 animations au total, retargeting vers Unity/Unreal/Godot</td>
</tr>
<tr>
<td>Personnages animés simples</td>
<td>Kenney</td>
<td>CC0</td>
<td>Personnages low-poly riggés avec des clips de base</td>
</tr>
<tr>
<td>Bibliothèque de mocap brute</td>
<td>Base de données mocap de la CMU</td>
<td>Gratuit, revente des données brutes interdite</td>
<td>Conversions BVH/FBX disponibles, qualité variable</td>
</tr>
<tr>
<td>Clips de mocap gratuits sélectionnés</td>
<td>Rokoko Motion Library</td>
<td>Clips gratuits utilisables commercialement</td>
<td>Consultation dans l’application gratuite Rokoko Studio</td>
</tr>
<tr>
<td>Génération de mouvements à partir de texte</td>
<td><a href="/fr/tools/animate.html">Cinevva Prompt Animations</a></td>
<td>Gratuit</td>
<td>Décrivez un mouvement et obtenez un fichier GLB ou BVH</td>
</tr>
<tr>
<td>Animation manuelle assistée par la physique</td>
<td>Cascadeur</td>
<td>Offre gratuite réservée à un usage non commercial</td>
<td>L’offre Indie à 8 $/mois ajoute l’exportation FBX</td>
</tr>
<tr>
<td>Contrôle manuel complet</td>
<td>Blender Rigify</td>
<td>Gratuit</td>
<td>Inclus avec Blender, votre rig vous appartient</td>
</tr>
</tbody>
</table>
<h2 id="mixamo-en-2026-vivant-gratuit-et-fige" tabindex="-1">Mixamo en 2026 : vivant, gratuit et figé <a class="header-anchor" href="#mixamo-en-2026-vivant-gratuit-et-fige" aria-label="Permalink to &quot;Mixamo en 2026 : vivant, gratuit et figé&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.mixamo.com" target="_blank" rel="noreferrer">mixamo.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits pour un usage commercial et non commercial illimité, sans redistribution des fichiers bruts</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers d’animations prédéfinies et une bibliothèque de personnages</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, FBX pour Unity, DAE (pas de GLB, vous devez effectuer la conversion)</td>
</tr>
<tr>
<td><strong>Compte</strong></td>
<td>Compte Adobe gratuit requis</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Manuel, animation par animation ou par pack</td>
</tr>
</tbody>
</table>
<p>La question la plus fréquente dans ce domaine est de savoir si Mixamo est mort. Voici ce que nous pouvons vérifier en juillet 2026 : le site est en ligne, l’outil d’auto-rigging fonctionne et le service est gratuit avec un compte Adobe gratuit. Les conditions de licence d’Adobe sont réellement avantageuses pour les créateurs de jeux. Selon la FAQ officielle d’Adobe sur les licences, les personnages et animations Mixamo sont « disponibles gratuitement, sans frais de licence ni redevances, pour un usage commercial ou non commercial illimité ». La seule restriction concerne la redistribution : vous pouvez les intégrer à un jeu finalisé, mais vous ne pouvez pas reconditionner les fichiers bruts d’animation ou de personnage sous forme de packs de ressources ou de modèles pour moteurs de jeu destinés à la vente ou à la distribution.</p>
<p>Le manque de maintenance est plus préoccupant. Adobe a racheté Mixamo en 2015 et n’a publié aucune mise à jour importante depuis. Fuse, l’outil de création de personnages associé, a été abandonné et retiré de Creative Cloud en 2020. En juin 2025, le service est tombé en panne pour tout le monde pendant plusieurs jours, avec des erreurs serveur 500, et des utilisateurs des forums d’Adobe ont rapporté qu’un agent du support leur avait indiqué que Mixamo « n’était plus pris en charge ». Le service est revenu et Adobe n’a annoncé aucune date de fermeture, mais un outil gratuit sans feuille de route et sujet à des interruptions non annoncées ne constitue pas une base fiable pour un pipeline. Téléchargez ce dont vous avez besoin et prévoyez des solutions de secours.</p>
<p>Deux limites pratiques à retenir : l’outil d’auto-rigging ne prend en charge que les humanoïdes bipèdes dans une posture proche de la T-pose ou de l’A-pose, et les exportations sont au format FBX ou DAE. Pour les jeux web, vous devrez donc les convertir en GLB dans Blender ou avec un autre outil.</p>
<h2 id="la-solution-la-plus-rapide-rigger-et-animer-dans-le-navigateur" tabindex="-1">La solution la plus rapide : rigger et animer dans le navigateur <a class="header-anchor" href="#la-solution-la-plus-rapide-rigger-et-animer-dans-le-navigateur" aria-label="Permalink to &quot;La solution la plus rapide : rigger et animer dans le navigateur&quot;"></a></h2>
<p>Si vous voulez simplement obtenir un personnage riggé et animé sans rien installer, les outils gratuits de Cinevva couvrent l’ensemble du workflow Mixamo directement dans le navigateur.</p>
<h3 id="cinevva-auto-rigger" tabindex="-1">Cinevva Auto Rigger <a class="header-anchor" href="#cinevva-auto-rigger" aria-label="Permalink to &quot;Cinevva Auto Rigger&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="/fr/tools/rigger.html">cinevva.com/tools/rigger</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Gratuit, votre modèle reste votre propriété</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>GLB, FBX ou OBJ jusqu’à 30 Mo</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>GLB riggé avec animations intégrées facultatives</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, directement depuis le navigateur</td>
</tr>
</tbody>
</table>
<p>Importez un modèle statique et récupérez une version riggée, avec un squelette ajusté et un skinning appliqué automatiquement. L’outil prend en charge les bipèdes et les quadrupèdes — Mixamo n’a jamais géré les créatures à quatre pattes — et vous pouvez intégrer des animations prédéfinies comme l’attente, la marche, la course, le saut, l’attaque à l’arme blanche, le tir, l’escalade, les dégâts et la chute. Le fichier GLB obtenu s’importe directement dans Three.js, Babylon, Unity, Godot ou Blender. L’outil fonctionne particulièrement bien avec un modèle créé dans notre <a href="/fr/tools/hunyuan3d.html">Générateur de modèles 3D</a>, ce qui permet de passer d’un prompt textuel à un personnage animé sans quitter le navigateur.</p>
<h3 id="cinevva-prompt-animations" tabindex="-1">Cinevva Prompt Animations <a class="header-anchor" href="#cinevva-prompt-animations" aria-label="Permalink to &quot;Cinevva Prompt Animations&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="/fr/tools/animate.html">cinevva.com/tools/animate</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Gratuit</td>
</tr>
<tr>
<td><strong>Entrée</strong></td>
<td>Une description textuelle et, facultativement, votre GLB humanoïde riggé</td>
</tr>
<tr>
<td><strong>Sortie</strong></td>
<td>GLB avec l’animation intégrée, ou BVH pour n’importe quel pipeline</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p>Saisissez « une personne s’accroupit, puis bondit vers l’avant » pour obtenir un mouvement squelettique que vous pouvez prévisualiser en direct et retargeter sur votre propre personnage dans le navigateur. L’outil détecte automatiquement les conventions de nommage des os de Mixamo, Tripo, Reallusion CC4, UE5 et des humanoïdes génériques, de sorte que les personnages riggés ailleurs fonctionnent également. Les clips durent de 1 à 10 secondes, et l’exportation BVH vous permet de peaufiner le résultat dans Blender ou Cascadeur si vous le souhaitez.</p>
<h2 id="bibliotheques-d-animations-gratuites" tabindex="-1">Bibliothèques d’animations gratuites <a class="header-anchor" href="#bibliotheques-d-animations-gratuites" aria-label="Permalink to &quot;Bibliothèques d’animations gratuites&quot;"></a></h2>
<h3 id="quaternius-universal-animation-library" tabindex="-1">Quaternius Universal Animation Library <a class="header-anchor" href="#quaternius-universal-animation-library" aria-label="Permalink to &quot;Quaternius Universal Animation Library&quot;"></a></h3>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-characters.jpg" alt="Personnages low-poly CC0 prêts à être riggés, issus de KayKit, Quaternius, PolygonalMind et Kenney : chevalier, shiba inu, guerrier squelette, astronaute et barbare" loading="lazy"></a>
<figcaption>Des personnages CC0 prêts à être riggés, issus de KayKit, Quaternius, PolygonalMind et Kenney, qui s’associent à ces bibliothèques d’animations. <a href="/fr/assets">Choisissez-en un dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://quaternius.com/packs/universalanimationlibrary.html" target="_blank" rel="noreferrer">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public), y compris pour les offres gratuites</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>UAL 1 propose plus de 120 animations, UAL 2 en ajoute plus de 130</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, glTF, OBJ, avec le fichier source .blend dans l’offre payante</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, via quaternius.com ou itch.io</td>
</tr>
</tbody>
</table>
<p>La meilleure bibliothèque d’animations gratuite en 2026. Les deux packs utilisent un même rig humanoïde universel conçu pour le retargeting dans Unity, Unreal et Godot, et tout est sous licence CC0 : l’utilisation commerciale est donc autorisée sans attribution. UAL 1 couvre les déplacements dans toutes les directions, le combat, les armes à feu et les emotes. UAL 2 ajoute des combos de mêlée, du parkour, des activités agricoles, de la pêche et des déplacements de zombies. Une grande partie de chaque pack est téléchargeable gratuitement, tandis que les offres payantes ajoutent le reste ainsi que les fichiers sources Blender, toujours sous licence CC0. Si vous utilisez la bibliothèque de ressources Cinevva, les personnages Quaternius sont déjà disponibles dans les recherches de l’éditeur.</p>
<h3 id="kenney" tabindex="-1">Kenney <a class="header-anchor" href="#kenney" aria-label="Permalink to &quot;Kenney&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl/assets/series:Animated%20Characters" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Animated Characters 1 à 3, ainsi que des packs de personnages modulaires</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLB, FBX</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p>Kenney est surtout connu pour ses accessoires et ses sprites, mais propose également des personnages animés. Chaque pack Animated Characters comprend un personnage low-poly riggé, plusieurs apparences et quelques animations de base. Les ressources de personnages modulaires plus récentes ajoutent davantage d’apparences et de clips. Ne vous attendez pas à un vaste ensemble d’animations. Il s’agit de personnages de départ au style épuré et cubique caractéristique de Kenney, utiles pour les prototypes et les game jams où la cohérence compte davantage que le réalisme.</p>
<h3 id="base-de-donnees-de-capture-de-mouvements-du-cmu-graphics-lab" tabindex="-1">Base de données de capture de mouvements du CMU Graphics Lab <a class="header-anchor" href="#base-de-donnees-de-capture-de-mouvements-du-cmu-graphics-lab" aria-label="Permalink to &quot;Base de données de capture de mouvements du CMU Graphics Lab&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="http://mocap.cs.cmu.edu" target="_blank" rel="noreferrer">mocap.cs.cmu.edu</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Utilisation gratuite, y compris dans des produits commerciaux, mais revente des données brutes interdite</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 500 séquences de mouvements provenant de plus de 100 sujets</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Fichiers ASF/AMC d’origine, conversions communautaires en BVH et FBX</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p>La bibliothèque académique de mocap classique : marche, course, sports, danse, activités quotidiennes et de nombreux mouvements atypiques, capturés au début des années 2000. Les conditions sont informelles, mais suffisamment claires : l’utilisation est gratuite pour la recherche et vous pouvez inclure les données dans des produits vendus commercialement, mais vous ne pouvez pas revendre les données elles-mêmes, même converties. Le format brut ASF/AMC est peu pratique, alors utilisez une conversion : la version BVH de cgspeed constitue depuis longtemps la référence, et des conversions FBX communautaires sont disponibles sur Hugging Face et Academic Torrents — l’une d’elles a même été retargetée sur un personnage Quaternius CC0. Attendez-vous à devoir corriger le glissement des pieds et les tremblements. Il s’agit de mocap brute, pas de clips prêts à intégrer dans un jeu.</p>
<h3 id="rokoko-motion-library" tabindex="-1">Rokoko Motion Library <a class="header-anchor" href="#rokoko-motion-library" aria-label="Permalink to &quot;Rokoko Motion Library&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.rokoko.com/products/motion-library" target="_blank" rel="noreferrer">rokoko.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Les clips gratuits sont utilisables commercialement, les clips payants coûtent de 3 à 20 $</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de clips capturés professionnellement, dont plusieurs centaines gratuits</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX via l’exportation de Rokoko Studio</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Via l’application gratuite Rokoko Studio</td>
</tr>
</tbody>
</table>
<p>Rokoko, le fabricant de combinaisons de mocap, propose une bibliothèque de mouvements consultable dans l’application gratuite Rokoko Studio, ainsi que des packs thématiques gratuits sur son site : mouvements sportifs, animations d’attente quotidiennes, clips sur le thème de la magie et un lot de 263 ressources. Les clips gratuits autorisent explicitement les projets commerciaux. La qualité est élevée, car il s’agit de données capturées et nettoyées par des professionnels. L’inconvénient réside dans le workflow : vous devez passer par Rokoko Studio et créer un compte gratuit au lieu de télécharger directement les fichiers.</p>
<h3 id="bandai-namco-research-motion-dataset" tabindex="-1">Bandai Namco Research Motion Dataset <a class="header-anchor" href="#bandai-namco-research-motion-dataset" aria-label="Permalink to &quot;Bandai Namco Research Motion Dataset&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://github.com/BandaiNamcoResearchInc/Bandai-Namco-Research-Motiondataset" target="_blank" rel="noreferrer">github.com/BandaiNamcoResearchInc</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC BY-NC 4.0, usage non commercial uniquement</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 3 000 mouvements réalisés par des acteurs professionnels dans plusieurs styles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>BVH</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, depuis GitHub</td>
</tr>
</tbody>
</table>
<p>Cette ressource mérite d’être connue, mais sa licence doit être lue attentivement. Bandai Namco a publié deux jeux de données de mocap de qualité studio — marche, course, combat et danse, dans des styles allant de la fatigue à la joie — destinés à la recherche en IA sur le transfert de styles de mouvement. Tous deux sont sous licence CC BY-NC 4.0, ce qui interdit toute utilisation commerciale. Ils conviennent à un jeu gratuit créé pendant une game jam ou à un projet de recherche, mais pas à un produit vendu ou monétisé. Ne laissez pas les titres promettant de la « mocap gratuite provenant d’un studio AAA » vous convaincre de l’intégrer à un produit commercial.</p>
<h2 id="outils-de-rigging" tabindex="-1">Outils de rigging <a class="header-anchor" href="#outils-de-rigging" aria-label="Permalink to &quot;Outils de rigging&quot;"></a></h2>
<h3 id="blender-rigify-gratuit-manuel" tabindex="-1">Blender Rigify (gratuit, manuel) <a class="header-anchor" href="#blender-rigify-gratuit-manuel" aria-label="Permalink to &quot;Blender Rigify (gratuit, manuel)&quot;"></a></h3>
<p>Rigify est inclus dans Blender sous forme d’extension intégrée. Vous placez un métarig sur votre maillage, ajustez les os, puis générez un rig de contrôle complet avec basculement IK/FK avant d’associer le maillage grâce aux poids automatiques. C’est la solution gratuite offrant le plus de contrôle, elle prend en charge les personnages non humanoïdes et le rig généré vous appartient entièrement, pour n’importe quel usage. Le coût se mesure en temps : ajuster les os et corriger manuellement le weight painting exige un véritable savoir-faire, et votre premier rig vous prendra une soirée, pas une minute.</p>
<h3 id="auto-rig-pro-la-reference-payante" tabindex="-1">Auto-Rig Pro (la référence payante) <a class="header-anchor" href="#auto-rig-pro-la-reference-payante" aria-label="Permalink to &quot;Auto-Rig Pro (la référence payante)&quot;"></a></h3>
<p>L’extension Blender payante incontournable est vendue sur Superhive, anciennement Blender Market, sous forme d’achat unique : 25 $ pour la version Lite avec placement manuel des marqueurs, et 50 $ pour l’édition Full avec la détection intelligente des marqueurs en un clic qui a fait sa réputation. Elle ajoute un véritable système de retargeting — c’est ainsi qu’une grande partie des données Mixamo et CMU sont adaptées aux rigs personnalisés — ainsi qu’un module d’exportation vers les moteurs de jeu pour produire des fichiers FBX et glTF propres. Si vous riggez régulièrement des personnages dans Blender, c’est le seul outil payant de ce guide qui rentabilise réellement son prix.</p>
<h3 id="cascadeur" tabindex="-1">Cascadeur <a class="header-anchor" href="#cascadeur" aria-label="Permalink to &quot;Cascadeur&quot;"></a></h3>
<p>Cascadeur est un outil d’animation par images clés assisté par la physique, particulièrement adapté à la création de sauts, de chutes et de combats crédibles sans mocap. Vérifiez l’offre gratuite avant de construire votre workflow autour de celle-ci, car ses conditions se sont durcies : à la mi-2026, l’offre Free est réservée à un usage non commercial et n’exporte que le format .casc propre à Cascadeur. Les formats .fbx et .dae sont bloqués, avec en plus une limite de 300 images et 120 articulations. Pour intégrer réellement les animations dans un jeu, vous devez souscrire à l’offre Indie à 8 $/mois avec facturation annuelle. Celle-ci autorise l’utilisation commerciale jusqu’à 100 000 $ de revenus annuels, exporte en FBX, DAE, USD et glTF, et se transforme en licence perpétuelle après deux ans d’abonnement. L’offre Pro coûte 33 $/mois sans plafond de revenus.</p>
<h3 id="accurig-et-actorcore-reallusion" tabindex="-1">AccuRIG et ActorCore (Reallusion) <a class="header-anchor" href="#accurig-et-actorcore-reallusion" aria-label="Permalink to &quot;AccuRIG et ActorCore (Reallusion)&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://actorcore.reallusion.com/auto-rig" target="_blank" rel="noreferrer">actorcore.reallusion.com/auto-rig</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Outil gratuit, personnages riggés utilisables commercialement sans frais supplémentaires</td>
</tr>
<tr>
<td><strong>Plateforme</strong></td>
<td>Application Windows</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Exportation FBX et USD</td>
</tr>
<tr>
<td><strong>Compte</strong></td>
<td>Compte ActorCore gratuit requis pour exporter</td>
</tr>
<tr>
<td>AccuRIG est l’outil gratuit d’auto-rigging pour ordinateur de Reallusion et la meilleure solution de remplacement de Mixamo pour le rigging. La version 2.0 (2025) génère des rigs complets pour le corps et les doigts, permet de parcourir les animations du catalogue ActorCore depuis l’application, de les recibler sur votre personnage, puis de les exporter aux formats FBX ou USD pour Blender, Unity, Unreal et d’autres moteurs. L’outil lui-même est entièrement gratuit et aucuns frais ne s’appliquent aux personnages que vous riggez ; il vous suffit de disposer d’un compte ActorCore gratuit pour les exporter. Son modèle économique repose sur la boutique d’animations ActorCore : la bibliothèque intégrée est principalement payante, avec quelques échantillons gratuits. AccuRIG est uniquement disponible sous Windows ; les utilisateurs de Mac et Linux devront donc choisir un outil dans le navigateur.</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="reciblage-et-pipeline-standard" tabindex="-1">Reciblage et pipeline standard <a class="header-anchor" href="#reciblage-et-pipeline-standard" aria-label="Permalink to &quot;Reciblage et pipeline standard&quot;"></a></h2>
<p>Le reciblage consiste à transférer une animation créée pour un squelette vers un autre squelette, en tenant compte du nom des os, des proportions et de la pose de repos. Il est nécessaire dès que l’animation et le personnage proviennent de sources différentes, ce qui est presque toujours le cas dans un workflow reposant sur des ressources gratuites. Tous les moteurs proposent désormais une solution : l’avatar Humanoid de Unity, l’IK Retargeter d’Unreal ou le mappage des os de Godot 4. Les utilisateurs de Blender se tournent généralement vers Auto-Rig Pro ou le plugin Blender gratuit de Rokoko, tandis que les <a href="/fr/tools/animate.html">Animations par prompt</a> de Cinevva effectuent le reciblage dans le navigateur en détectant automatiquement les conventions courantes de nommage des os. Si les bras de votre personnage traversent son corps avec une animation téléchargée, le reciblage des proportions a échoué ; il s’agit généralement d’une incompatibilité de pose de repos.</p>
<p>Voici le pipeline qui fonctionne en 2026, du début à la fin : récupérez un modèle (consultez notre <a href="/fr/guides/free-3d-model-sites.html">guide des sites de modèles 3D gratuits</a>, ou générez-en un), créez automatiquement son rig avec l’<a href="/fr/tools/rigger.html">outil d’auto-rigging de Cinevva</a>, AccuRIG ou Mixamo, appliquez des animations provenant d’une bibliothèque CC0 comme Quaternius ou générez-les à partir de texte, puis exportez le résultat au format GLB pour les moteurs web (convertissez le FBX avec l’exportateur glTF de Blender si votre outil ne produit pas directement de GLB). Prévoyez une heure pour votre premier essai, puis seulement quelques minutes après l’avoir fait deux fois.</p>
<h2 id="ia-de-generation-de-mouvements-a-partir-de-texte-en-2026" tabindex="-1">IA de génération de mouvements à partir de texte en 2026 <a class="header-anchor" href="#ia-de-generation-de-mouvements-a-partir-de-texte-en-2026" aria-label="Permalink to &quot;IA de génération de mouvements à partir de texte en 2026&quot;"></a></h2>
<p>Générer une animation exploitable à partir d’une phrase est passé du stade de la démo à celui d’un outil quotidien. Les <a href="/fr/tools/animate.html">Animations par prompt</a> de Cinevva le font gratuitement dans le navigateur, avec export aux formats GLB et BVH. Rokoko Create génère gratuitement des séquences de mouvements du corps entier à partir de prompts textuels, mais leur export passe par Rokoko Studio, dont le compte Starter gratuit comprend cinq exports FBX par mois. SayMotion de DeepMotion est l’autre solution hébergée bien établie, avec une offre gratuite limitée et des droits d’utilisation commerciale dans les formules payantes. Côté open source, MDM et MoMask, les modèles de recherche à l’origine de ce domaine, publient leur code sous licence MIT. Ils sont toutefois entraînés sur les jeux de données HumanML3D et AMASS, soumis à des conditions académiques et non commerciales. L’utilisation directe de leurs résultats dans un jeu commercial reste donc juridiquement incertaine. Pour tout projet destiné à être vendu, choisissez un outil hébergé dont vous avez lu les conditions d’utilisation. En 2026, la qualité est réellement bonne pour la locomotion, les emotes et les actions isolées, mais demeure incertaine pour les longues séquences et les interactions précises avec des objets. Générez donc de courtes séquences et mélangez-les dans le moteur.</p>
<h2 id="les-licences-en-30-secondes" tabindex="-1">Les licences en 30 secondes <a class="header-anchor" href="#les-licences-en-30-secondes" aria-label="Permalink to &quot;Les licences en 30 secondes&quot;"></a></h2>
<ul>
<li><strong>CC0 :</strong> domaine public. Utilisation commerciale et modifications autorisées, sans attribution. Les animations de Quaternius et Kenney sont sous licence CC0.</li>
<li><strong>Libre de droits (Mixamo, séquences gratuites de Rokoko) :</strong> utilisation gratuite dans des projets finalisés, y compris des jeux commerciaux, mais vous ne pouvez ni redistribuer ni revendre les fichiers bruts.</li>
<li><strong>CC BY-NC (jeu de données de Bandai Namco) :</strong> usage non commercial uniquement. Ne convient pas aux jeux vendus ou monétisés.</li>
<li><strong>Conditions académiques informelles (CMU) :</strong> utilisation commerciale autorisée dans des produits, mais revente des données elles-mêmes interdite.</li>
</ul>
<p>En cas de doute, privilégiez la licence CC0. Pour une présentation complète, consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="mixamo-est-il-toujours-gratuit" tabindex="-1">Mixamo est-il toujours gratuit ? <a class="header-anchor" href="#mixamo-est-il-toujours-gratuit" aria-label="Permalink to &quot;Mixamo est-il toujours gratuit ?&quot;"></a></h3>
<p>Oui. En juillet 2026, Mixamo reste gratuit avec un compte Adobe gratuit, et ses animations ainsi que ses personnages automatiquement riggés peuvent être utilisés sans redevances dans un nombre illimité de projets commerciaux. Le problème est qu’Adobe ne l’a pas mis à jour depuis des années, qu’il a subi une panne de plusieurs jours en juin 2025 et que le support l’a décrit comme n’étant plus pris en charge. Considérez-le donc comme un outil historique utile plutôt que comme un pipeline fiable.</p>
<h3 id="mixamo-va-t-il-fermer" tabindex="-1">Mixamo va-t-il fermer ? <a class="header-anchor" href="#mixamo-va-t-il-fermer" aria-label="Permalink to &quot;Mixamo va-t-il fermer ?&quot;"></a></h3>
<p>Adobe n’a annoncé aucune fermeture. Voici les faits vérifiables : aucune mise à jour notable depuis l’acquisition de 2015, l’arrêt du créateur de personnages Fuse en 2020 et une panne restée sans explication en juin 2025. Mixamo fonctionne aujourd’hui. Téléchargez ce dont vous avez besoin et gardez une solution de remplacement en tête.</p>
<h3 id="comment-rigger-un-modele-3d-sans-blender" tabindex="-1">Comment rigger un modèle 3D sans Blender ? <a class="header-anchor" href="#comment-rigger-un-modele-3d-sans-blender" aria-label="Permalink to &quot;Comment rigger un modèle 3D sans Blender ?&quot;"></a></h3>
<p>Utilisez un outil d’auto-rigging. L’<a href="/fr/tools/rigger.html">outil d’auto-rigging</a> de Cinevva fonctionne dans le navigateur : importez un fichier GLB, FBX ou OBJ, puis téléchargez un GLB riggé avec, si vous le souhaitez, des animations prédéfinies. Il prend également en charge les quadrupèdes. Sur ordinateur, AccuRIG de Reallusion est gratuit sous Windows et exporte aux formats FBX ou USD. Mixamo fonctionne toujours pour les humanoïdes en pose en T. Ces trois solutions évitent entièrement le placement manuel des os et la peinture des poids.</p>
<h3 id="puis-je-utiliser-les-animations-mixamo-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser les animations Mixamo dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-les-animations-mixamo-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser les animations Mixamo dans un jeu commercial ?&quot;"></a></h3>
<p>Oui. Les conditions d’Adobe autorisent une utilisation commerciale illimitée et sans redevances. La seule véritable restriction concerne la redistribution : vous ne pouvez ni revendre ni distribuer gratuitement les fichiers bruts d’animation ou de personnage, par exemple dans un pack destiné à une boutique de ressources. Leur intégration dans un jeu commercialisé est autorisée.</p>
<h3 id="ou-trouver-gratuitement-des-animations-de-personnages-sous-licence-cc0" tabindex="-1">Où trouver gratuitement des animations de personnages sous licence CC0 ? <a class="header-anchor" href="#ou-trouver-gratuitement-des-animations-de-personnages-sous-licence-cc0" aria-label="Permalink to &quot;Où trouver gratuitement des animations de personnages sous licence CC0 ?&quot;"></a></h3>
<p>Les bibliothèques Universal Animation Library 1 et 2 de Quaternius constituent la meilleure source : elles réunissent plus de 250 animations sur un rig humanoïde universel, reciblables dans Unity, Unreal et Godot, toutes sous licence CC0, y compris celles des offres gratuites. Les packs Animated Characters de Kenney proposent également des personnages riggés simples accompagnés d’animations de base, eux aussi sous licence CC0.</p>
<h3 id="qu-est-ce-que-le-reciblage-d-animation" tabindex="-1">Qu’est-ce que le reciblage d’animation ? <a class="header-anchor" href="#qu-est-ce-que-le-reciblage-d-animation" aria-label="Permalink to &quot;Qu’est-ce que le reciblage d’animation ?&quot;"></a></h3>
<p>Le reciblage transfère une animation d’un squelette vers un autre dont les os portent des noms différents et dont les proportions varient. Il est nécessaire chaque fois que votre personnage et votre animation proviennent de sources différentes. Unity, Unreal et Godot 4 disposent tous d’outils de reciblage intégrés. Les utilisateurs de Blender emploient généralement Auto-Rig Pro, tandis que les <a href="/fr/tools/animate.html">Animations par prompt</a> de Cinevva effectuent le reciblage sur votre personnage importé directement dans le navigateur.</p>
<h3 id="l-ia-peut-elle-generer-des-animations-de-personnages-a-partir-de-texte" tabindex="-1">L’IA peut-elle générer des animations de personnages à partir de texte ? <a class="header-anchor" href="#l-ia-peut-elle-generer-des-animations-de-personnages-a-partir-de-texte" aria-label="Permalink to &quot;L’IA peut-elle générer des animations de personnages à partir de texte ?&quot;"></a></h3>
<p>Oui, et cette approche est pratique pour de courtes séquences en 2026. Les <a href="/fr/tools/animate.html">Animations par prompt</a> de Cinevva sont gratuites dans le navigateur, avec export aux formats GLB et BVH. Rokoko Create génère des séquences gratuites, avec cinq exports par mois sur un compte gratuit, tandis que SayMotion de DeepMotion constitue la principale solution payante. Les modèles open source comme MDM et MoMask utilisent du code sous licence MIT, mais sont entraînés sur des jeux de données de recherche non commerciaux. Vérifiez donc les licences avant d’intégrer leurs résultats à un produit commercialisé.</p>
<BuildCta
  title="Évitez entièrement le pipeline de rigging"
  desc="Décrivez un jeu et Cinevva le crée avec des personnages déjà riggés, animés et en mouvement."
  prompt="Crée une aventure à la troisième personne dans laquelle mon personnage peut courir, sauter et escalader des îles flottantes" />
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/free-3d-model-sites.html">Les meilleurs sites de modèles 3D gratuits pour les jeux</a> - où trouver les personnages à rigger</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> - le guide complet de plus de 20 sources</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Les meilleurs générateurs IA de ressources pour les jeux</a> - générez des modèles, des textures et du son</li>
<li><a href="/fr/tools/rigger.html">Outil d’auto-rigging</a> - riggez gratuitement un modèle dans votre navigateur</li>
<li><a href="/fr/tools/animate.html">Animations par prompt</a> - générez un mouvement à partir d’une description textuelle</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/free-character-animations-rigging-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Textures PBR, matériaux et HDRI gratuits pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/free-textures-hdris-materials</link>
            <guid>https://app.cinevva.com/fr/guides/free-textures-hdris-materials</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleures sources gratuites de textures PBR, de matériaux et de HDRI pour les jeux en 2026, des bibliothèques CC0 comme Poly Haven et ambientCG aux générateurs IA, avec une explication des licences.]]></description>
            <content:encoded><![CDATA[<h1 id="textures-pbr-materiaux-et-hdri-gratuits-pour-les-jeux-2026" tabindex="-1">Textures PBR, matériaux et HDRI gratuits pour les jeux (2026) <a class="header-anchor" href="#textures-pbr-materiaux-et-hdri-gratuits-pour-les-jeux-2026" aria-label="Permalink to &quot;Textures PBR, matériaux et HDRI gratuits pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Les meilleures textures PBR et les meilleurs HDRI gratuits proviennent de bibliothèques CC0 : Poly Haven (plus de 780 textures et plus de 980 HDRI) et ambientCG (plus de 2 000 matériaux et plus de 400 HDRI) sont les deux références incontournables. Tous deux relèvent du domaine public, n'exigent aucune attribution et proposent des API gratuites sans clé. Des sites CC0 plus modestes comme 3DTextures.me, ShareTextures et cgbookcase ajoutent des milliers de ressources supplémentaires, tandis que Kenney couvre les textures de prototypage et stylisées. Le seul site populaire qui n'est PAS sous licence CC0 est FreePBR, où l'utilisation commerciale nécessite un paiement unique.</p>
<div class="info custom-block"><p class="custom-block-title">Recherchez dans toutes ces sources au même endroit</p>
<p>La <a href="/fr/assets.html">recherche de ressources</a> de Cinevva inclut Poly Haven et ambientCG parmi ses fournisseurs, ce qui vous permet de rechercher leurs textures et HDRI depuis un seul champ : <a href="/fr/assets.html?providers=polyhaven">Poly Haven</a> · <a href="/fr/assets.html?providers=ambientcg">ambientCG</a></p>
</div>
<h2 id="selection-rapide" tabindex="-1">Sélection rapide <a class="header-anchor" href="#selection-rapide" aria-label="Permalink to &quot;Sélection rapide&quot;"></a></h2>
<ul>
<li><strong>Un seul site pour tout, en photoréalisme :</strong> Poly Haven (textures, HDRI et modèles sous licence CC0).</li>
<li><strong>La plus grande bibliothèque exclusivement consacrée aux matériaux :</strong> ambientCG (CC0, plus de 2 000 matériaux PBR).</li>
<li><strong>Encore plus de variété, toujours en CC0 :</strong> 3DTextures.me, ShareTextures, cgbookcase.</li>
<li><strong>Textures de prototypage et stylisées :</strong> Kenney (CC0).</li>
<li><strong>Des HDRI gratuits au-delà de Poly Haven :</strong> ambientCG, les ressources gratuites de HDRMaps, OpenHDRI.</li>
<li><strong>Attention à la licence :</strong> FreePBR est gratuit uniquement pour un usage personnel, tandis que les droits commerciaux coûtent 16 $.</li>
</ul>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleure source</th>
<th>Licence</th>
<th>Attribution</th>
</tr>
</thead>
<tbody>
<tr>
<td>Matériaux PBR photoréalistes</td>
<td>Poly Haven, ambientCG</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Grande variété de matériaux</td>
<td>3DTextures.me, ShareTextures</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Petite bibliothèque soigneusement sélectionnée</td>
<td>cgbookcase</td>
<td>CC0 1.0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Textures de prototypage/blockout</td>
<td>Kenney</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>HDRI pour l'éclairage</td>
<td>Poly Haven, ambientCG</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Davantage de HDRI gratuits</td>
<td>Ressources gratuites de HDRMaps, OpenHDRI</td>
<td>Libre de droits / CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Jeu commercial avec un budget limité</td>
<td>Toutes les ressources CC0 ci-dessus</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Téléchargements FreePBR</td>
<td>FreePBR</td>
<td>Personnalisée</td>
<td>Aucune, mais l'utilisation commerciale est payante</td>
</tr>
</tbody>
</table>
<h2 id="sites-de-textures-et-de-materiaux-pbr" tabindex="-1">Sites de textures et de matériaux PBR <a class="header-anchor" href="#sites-de-textures-et-de-materiaux-pbr" aria-label="Permalink to &quot;Sites de textures et de matériaux PBR&quot;"></a></h2>
<h3 id="poly-haven" tabindex="-1">Poly Haven <a class="header-anchor" href="#poly-haven" aria-label="Permalink to &quot;Poly Haven&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des matériaux et HDRI photoréalistes sans aucun souci de licence</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-textures.jpg" alt="Exemples de matériaux PBR CC0 de Poly Haven rendus sur des sphères : brique, parquet, plaque métallique, pavés, tissu, herbe, marbre et béton" loading="lazy"></a>
<figcaption>Aperçus de matériaux Poly Haven : brique, bois, métal, pavés, tissu, herbe, marbre et béton, tous sous licence CC0. <a href="/fr/assets?providers=polyhaven">Rechercher Poly Haven dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://polyhaven.com" target="_blank" rel="noreferrer">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public), aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 780 textures PBR, plus de 980 HDRI et plus de 520 modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Maps JPG/PNG, EXR/HDR pour les HDRI, Blend, glTF</td>
</tr>
<tr>
<td><strong>Résolutions</strong></td>
<td>Textures de 1K à 8K, HDRI de 1K à 16K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui, gratuite, aucune clé requise</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Chaque ressource est issue d'un scan ou créée manuellement selon une norme photoréaliste homogène</li>
<li>Jeux de maps complets : diffuse, normale, rugosité, déplacement, AO</li>
<li>Choix de la résolution pour chaque téléchargement, au lieu d'une archive ZIP gigantesque</li>
<li>L'API permet aux outils, notamment la recherche de ressources de Cinevva, de récupérer directement les ressources</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des matériaux de sol, de roche et de terrain pour les scènes extérieures</li>
<li>Du bois, de la brique, du plâtre et du métal pour l'architecture</li>
<li>Des HDRI de ciel et de studio pour éclairer n'importe quelle scène</li>
</ul>
<p>Poly Haven est la référence centrale de tout ce guide. Le site est financé par Patreon et des sponsors professionnels plutôt que par la publicité, son niveau de qualité est le plus élevé de toutes les bibliothèques gratuites, et la licence CC0 signifie que vous n'aurez plus jamais à vous soucier des droits. Si vous ne devez ajouter qu'un seul site à vos favoris, choisissez celui-ci. Recherchez-le dans Cinevva à l'adresse <a href="/fr/assets.html?providers=polyhaven">/assets?providers=polyhaven</a>.</p>
<h3 id="ambientcg" tabindex="-1">ambientCG <a class="header-anchor" href="#ambientcg" aria-label="Permalink to &quot;ambientCG&quot;"></a></h3>
<p><strong>Idéal pour :</strong> La plus grande bibliothèque de matériaux CC0 du Web</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://ambientcg.com" target="_blank" rel="noreferrer">ambientcg.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, utilisation commerciale gratuite, aucune attribution</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 000 matériaux PBR, plus de 400 HDRI, ainsi que des ressources 3D</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Jeux de maps JPG/PNG, HDRI EXR</td>
</tr>
<tr>
<td><strong>Résolutions</strong></td>
<td>Jusqu'à 8K pour la plupart des matériaux</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui, documentée, aucune clé requise</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Une plus grande variété brute de matériaux que toute autre ressource CC0</li>
<li>Anciennement nommé CC0Textures, rebaptisé en 2021, avec le même créateur et la même licence depuis 2018</li>
<li>Plus de 1 000 000 de téléchargements par mois, ce qui en fait une plateforme éprouvée et stable</li>
<li>Bonne couverture des ressources procédurales et issues de scans : briques, tissus, sols, métaux, toitures</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des surfaces répétables en grande quantité lorsque vous habillez un niveau entier</li>
<li>Des variantes d'une même famille de matériaux, comme une douzaine de bétons différents</li>
<li>Des HDRI lorsque Poly Haven ne propose pas l'ambiance recherchée</li>
</ul>
<p>Si Poly Haven est la galerie soigneusement sélectionnée, ambientCG est l'entrepôt. Lorsque vous avez besoin de huit variantes d'asphalte ou d'un tissage de tissu très particulier, c'est ici que vous les trouverez. Recherchez-le dans Cinevva à l'adresse <a href="/fr/assets.html?providers=ambientcg">/assets?providers=ambientcg</a>.</p>
<h3 id="_3dtextures-me" tabindex="-1">3DTextures.me <a class="header-anchor" href="#_3dtextures-me" aria-label="Permalink to &quot;3DTextures.me&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Une grande bibliothèque gratuite combinant des matériaux stylisés et faits main</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://3dtextures.me" target="_blank" rel="noreferrer">3dtextures.me</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 1 300 jeux de textures</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Jeux de maps PNG/JPG (couleur de base, normale, rugosité, AO, hauteur)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, texture par texture</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Catégories très fournies : plus de 340 métaux, plus de 200 carrelages et plus de 200 tissus</li>
<li>Comprend des matériaux stylisés et semi-procéduraux introuvables sur les sites fondés sur des scans</li>
<li>Compatible avec les conventions de maps de Blender, Unreal, Unity et Godot</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des surfaces stylisées que les bibliothèques de scans photoréalistes ne proposent pas</li>
<li>Des panneaux de science-fiction, des carrelages ornementés et des matériaux riches en motifs</li>
</ul>
<p>Ce projet individuel est discrètement devenu l'une des plus grandes bibliothèques de textures CC0 disponibles. Les téléchargements individuels sont gratuits, et un petit don Ko-fi vous donne accès à un dossier de téléchargement groupé si vous souhaitez tout récupérer en une seule fois.</p>
<h3 id="sharetextures" tabindex="-1">ShareTextures <a class="header-anchor" href="#sharetextures" aria-label="Permalink to &quot;ShareTextures&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Une autre collection CC0 à consulter lorsque les deux grandes bibliothèques ne suffisent pas</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.sharetextures.com" target="_blank" rel="noreferrer">sharetextures.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, explicitement autorisée pour les projets commerciaux</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 1 700 textures, ainsi que quelques modèles 3D</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Jeux de maps PBR</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Bonne couverture des surfaces architecturales : sols, murs, tissus, bois</li>
<li>Toutes les ressources sont libres de droits d'auteur conformément à la politique déclarée du site</li>
<li>Financée par Patreon et toujours activement maintenue en 2026</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des surfaces intérieures pour les scènes architecturales ou à l'échelle d'une pièce</li>
<li>Une solution supplémentaire lorsque ni Poly Haven ni ambientCG ne proposent ce qu'il vous faut</li>
</ul>
<p>Moins célèbre que les deux grandes plateformes, mais avec une licence tout aussi claire. Une bonne méthode consiste à rechercher d'abord sur Poly Haven et ambientCG, puis à consulter ce site avant de vous contenter d'un matériau qui ne correspond qu'à moitié à vos besoins.</p>
<h3 id="cgbookcase" tabindex="-1">cgbookcase <a class="header-anchor" href="#cgbookcase" aria-label="Permalink to &quot;cgbookcase&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Une collection CC0 plus petite et soigneusement sélectionnée, avec des résolutions élevées</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.cgbookcase.com" target="_blank" rel="noreferrer">cgbookcase.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 1.0, utilisation gratuite sans attribution</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 550 textures</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Jeux de maps PBR</td>
</tr>
<tr>
<td><strong>Résolutions</strong></td>
<td>De 1K à 8K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Chaque texture comprend un jeu complet de maps pour créer des matériaux photoréalistes</li>
<li>Filtrage par résolution minimale lors de la navigation</li>
<li>Projet passionné géré sans paywall par un seul artiste, Dorian Zgraggen</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des surfaces naturelles et organiques : écorce, feuilles, sol</li>
<li>Des versions haute résolution de matériaux courants</li>
</ul>
<p>La bibliothèque est petite, mais bien conçue. Ses textures de feuilles recto verso sont particulièrement remarquables et n'ont pas vraiment d'équivalent dans les autres bibliothèques gratuites.</p>
<h3 id="freepbr" tabindex="-1">FreePBR <a class="header-anchor" href="#freepbr" aria-label="Permalink to &quot;FreePBR&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des jeux de matériaux conçus pour les jeux, à condition de lire d'abord la licence</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://freepbr.com" target="_blank" rel="noreferrer">freepbr.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Personnalisée, PAS CC0. Gratuite pour une utilisation personnelle et non commerciale. Les droits commerciaux coûtent 16 $ en paiement unique</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 600 jeux de textures PBR</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG 2048x2048 (albédo, normale, rugosité, métallique, AO et parfois hauteur)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, jeu par jeu</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Catégories adaptées aux jeux : plus de 100 métaux, sols, panneaux de science-fiction et terrains</li>
<li>Jeux PNG 2K homogènes qui s'intègrent directement aux workflows Unity ou Unreal</li>
<li>L'offre commerciale à 16 $ permet également de télécharger toute la bibliothèque en une seule fois</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des métaux stylisés pour les jeux et des surfaces de science-fiction</li>
<li>Des jeux 2K rapides à utiliser lorsque vous n'avez pas besoin du réalisme d'un scan</li>
</ul>
<p>C'est le piège de licence de cette catégorie. FreePBR ressemble aux sites CC0, mais n'en est pas un : la propre FAQ du site précise que les jeux sont gratuits « tant que vous ne les utilisez pas à des fins commerciales », et leur redistribution est interdite. Si votre jeu est destiné à générer des revenus, payez les 16 $ ou contentez-vous des sites CC0 ci-dessus.</p>
<h3 id="kenney" tabindex="-1">Kenney <a class="header-anchor" href="#kenney" aria-label="Permalink to &quot;Kenney&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Les textures de prototypage et les motifs stylisés</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Packs de textures au sein d'une bibliothèque de plus de 40 000 ressources, dont un pack Prototype de 75 textures</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non, mais un catalogue hors ligne est disponible</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, une archive ZIP par pack</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Le pack Prototype Textures propose l'apparence quadrillée et en damier classique des blockouts</li>
<li>Des motifs et surfaces stylisés assortis aux packs 3D et 2D de Kenney</li>
<li>La même licence CC0 pour l'ensemble du catalogue</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des grilles de greybox/blockout pour le prototypage de niveaux</li>
<li>Des textures stylisées et plates pour les jeux low-poly où le PBR photoréaliste ne convient pas</li>
</ul>
<p>Ce n'est pas une bibliothèque PBR, et c'est justement tout l'intérêt. Si votre jeu adopte un style low-poly, un workflow complet avec des maps de rugosité 4K serait excessif, tandis que les textures plates de Kenney offriront un rendu plus cohérent.</p>
<h2 id="hdri-gratuits" tabindex="-1">HDRI gratuits <a class="header-anchor" href="#hdri-gratuits" aria-label="Permalink to &quot;HDRI gratuits&quot;"></a></h2>
<p>Un HDRI, ou image à grande gamme dynamique, est un panorama à 360 degrés utilisé pour éclairer une scène et remplir l'arrière-plan. Un seul bon HDRI peut remplacer des heures de placement manuel des lumières.</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-hdris.jpg" alt="Exemples de HDRI CC0 de Poly Haven : champ alpin, ciel océanique, intérieur d'un atelier d'art, champ automnal, ciel pur et panoramas de forêt en automne" loading="lazy"></a>
<figcaption>Six HDRI de Poly Haven, des ciels purs aux intérieurs, tous sous licence CC0. <a href="/fr/assets?providers=polyhaven">Rechercher des HDRI dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<p><strong>Poly Haven</strong> reste ici aussi la réponse par défaut : plus de 980 HDRI sous licence CC0, des ciels dégagés aux configurations de studio en passant par les scènes nocturnes, téléchargeables en EXR ou HDR dans des résolutions allant de 1K à 16K. <strong>ambientCG</strong> en ajoute plus de 400 sous les mêmes conditions CC0. À elles deux, ces bibliothèques suffiront dans la grande majorité des cas.</p>
<p>Si vous avez tout de même besoin d'autres options, <strong>HDRMaps</strong> (<a href="https://hdrmaps.com/freebies/" target="_blank" rel="noreferrer">hdrmaps.com</a>) propose plus de 200 HDRI gratuits que le site autorise à utiliser dans des projets privés et commerciaux. La même équipe gère également <strong>OpenHDRI</strong> (<a href="https://openhdri.org" target="_blank" rel="noreferrer">openhdri.org</a>), une bibliothèque dont chaque HDRI est publié sous licence CC0.</p>
<p>Pour les jeux web, n'intégrez pas un HDRI 16K. Un HDRI 2K suffit largement s'il sert uniquement à éclairer la scène, et une résolution 4K est généralement suffisante même lorsqu'il est visible dans le ciel.</p>
<h2 id="a-quoi-servent-reellement-les-maps-pbr" tabindex="-1">À quoi servent réellement les maps PBR <a class="header-anchor" href="#a-quoi-servent-reellement-les-maps-pbr" aria-label="Permalink to &quot;À quoi servent réellement les maps PBR&quot;"></a></h2>
<p>Un matériau PBR est un ensemble d'images qui décrivent chacune une propriété physique de la surface. La plupart des sites gratuits en fournissent cinq :</p>
<table tabindex="0">
<thead>
<tr>
<th>Map</th>
<th>Ce qu'elle contrôle</th>
</tr>
</thead>
<tbody>
<tr>
<td>Albédo (couleur de base)</td>
<td>La couleur brute de la surface, sans éclairage précalculé</td>
</tr>
<tr>
<td>Normale</td>
<td>Simule de petites bosses et creux sans géométrie supplémentaire</td>
</tr>
<tr>
<td>Rugosité</td>
<td>La netteté ou le flou des reflets, d'un aspect poli à mat</td>
</tr>
<tr>
<td>Métallique</td>
<td>Détermine si la surface se comporte comme un métal ou non</td>
</tr>
<tr>
<td>AO (occlusion ambiante)</td>
<td>Ombres douces précalculées dans les creux</td>
</tr>
</tbody>
</table>
<p>Certains jeux comprennent également une map de hauteur ou de déplacement pour ajouter de véritables détails géométriques. Pour les jeux web, vous pouvez généralement vous en passer. Si les performances sont limitées, vous pouvez même supprimer l'AO et la map métallique des objets manifestement non métalliques.</p>
<h2 id="choisir-la-resolution-pour-les-jeux-web" tabindex="-1">Choisir la résolution pour les jeux web <a class="header-anchor" href="#choisir-la-resolution-pour-les-jeux-web" aria-label="Permalink to &quot;Choisir la résolution pour les jeux web&quot;"></a></h2>
<p>Dans un navigateur, une plus grande résolution n'est pas forcément préférable. Chaque texture est décodée en pixels bruts dans la mémoire du GPU : une texture RGBA 4K consomme donc 64 Mo de VRAM, quelle que soit la taille du fichier. Une bonne base pour le Web consiste à utiliser du 1K pour la plupart des accessoires et surfaces répétables, du 2K pour les objets principaux dont la caméra s'approche, et presque jamais du 4K. Téléchargez la plus petite résolution dont la qualité reste suffisante, et non la plus grande proposée.</p>
<h2 id="compressez-tout-au-format-ktx2" tabindex="-1">Compressez tout au format KTX2 <a class="header-anchor" href="#compressez-tout-au-format-ktx2" aria-label="Permalink to &quot;Compressez tout au format KTX2&quot;"></a></h2>
<p>Avant d'intégrer des textures à un jeu WebGL ou WebGPU, convertissez-les au format KTX2 (Basis Universal). Contrairement aux formats PNG ou JPG, une texture KTX2 reste compressée par le GPU dans la mémoire vidéo, ce qui réduit généralement la consommation de VRAM des textures d'un facteur de 4 à 8 et accélère le chargement. Three.js, Babylon.js et PlayCanvas incluent tous des chargeurs KTX2. Cinevva propose un <a href="/fr/tools/ktx2-compressor.html">compresseur de textures KTX2</a> gratuit dans le navigateur, qui convertit localement les fichiers PNG, JPG et WebP sans rien téléverser. Si vous devez d'abord choisir entre les API graphiques, consultez notre <a href="/fr/guides/webgpu-vs-webgl-games.html">guide comparatif de WebGPU et WebGL</a>.</p>
<h2 id="generez-des-materiaux-et-des-skyboxes-avec-l-ia" tabindex="-1">Générez des matériaux et des skyboxes avec l'IA <a class="header-anchor" href="#generez-des-materiaux-et-des-skyboxes-avec-l-ia" aria-label="Permalink to &quot;Générez des matériaux et des skyboxes avec l'IA&quot;"></a></h2>
<p>En 2026, vous pouvez également générer ce que vous ne trouvez pas. Les outils de génération de matériaux à partir de texte peuvent désormais produire des jeux complets de maps PBR répétables — albédo, normale et rugosité — à partir d'un prompt. Des solutions spécialisées comme Texturly et 3D AI Studio sont disponibles, tandis qu'Adobe Substance 3D Sampler transforme une simple photo en matériau. Pour les environnements à 360 degrés, Skybox AI de Blockade Labs génère à partir de texte des skyboxes 8K sans raccords, avec une offre gratuite et une licence commerciale dans ses offres payantes.
Cinevva intègre les deux : le <a href="/fr/tools/skybox.html">Générateur de skyboxes</a> crée des skyboxes à 360 degrés avec des cartes de profondeur pour l’environnement de votre jeu, tandis que le <a href="/fr/tools/flux.html">Générateur d’images</a> produit des textures planes, des décalcomanies et des concepts artistiques à partir d’une description textuelle. Avant de publier votre jeu, vérifiez les conditions d’utilisation commerciale de tout outil d’IA hébergé, comme vous le feriez pour la licence d’une texture.</p>
<h2 id="les-licences-en-30-secondes" tabindex="-1">Les licences en 30 secondes <a class="header-anchor" href="#les-licences-en-30-secondes" aria-label="Permalink to &quot;Les licences en 30 secondes&quot;"></a></h2>
<ul>
<li><strong>CC0 :</strong> domaine public. Utilisation commerciale et modification autorisées, sans attribution. Poly Haven, ambientCG, 3DTextures.me, ShareTextures, cgbookcase et Kenney proposent tous des ressources sous licence CC0.</li>
<li><strong>CC-BY :</strong> utilisation commerciale gratuite, mais vous devez créditer le créateur.</li>
<li><strong>Libre de droits / licence gratuite personnalisée :</strong> utilisation gratuite selon les conditions propres au site. Lisez-les. L’offre gratuite de FreePBR exclut l’utilisation commerciale.</li>
<li><strong>Redistribution interdite :</strong> même les sites permissifs interdisent souvent de republier les fichiers bruts ailleurs. Cette restriction concerne les fichiers, pas votre jeu : vous pouvez donc les inclure dans une version distribuée.</li>
</ul>
<p>En cas de doute, privilégiez les ressources CC0. Pour une présentation complète, consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-puis-je-telecharger-gratuitement-des-textures-pbr-pour-des-jeux-commerciaux" tabindex="-1">Où puis-je télécharger gratuitement des textures PBR pour des jeux commerciaux ? <a class="header-anchor" href="#ou-puis-je-telecharger-gratuitement-des-textures-pbr-pour-des-jeux-commerciaux" aria-label="Permalink to &quot;Où puis-je télécharger gratuitement des textures PBR pour des jeux commerciaux ?&quot;"></a></h3>
<p>Poly Haven et ambientCG sont les meilleures sources : les deux proposent des ressources CC0, donc toutes leurs textures peuvent être utilisées sans risque dans des jeux commerciaux et sans attribution. 3DTextures.me, ShareTextures et cgbookcase sont également entièrement sous licence CC0. Ne partez pas du principe que tous les sites de « textures gratuites » fonctionnent ainsi, car certains, comme FreePBR, limitent l’utilisation commerciale de leurs téléchargements gratuits.</p>
<h3 id="ambientcg-est-il-vraiment-gratuit-pour-un-usage-commercial" tabindex="-1">ambientCG est-il vraiment gratuit pour un usage commercial ? <a class="header-anchor" href="#ambientcg-est-il-vraiment-gratuit-pour-un-usage-commercial" aria-label="Permalink to &quot;ambientCG est-il vraiment gratuit pour un usage commercial ?&quot;"></a></h3>
<p>Oui. Toutes les ressources d’ambientCG sont sous licence CC0, que le site présente comme librement utilisable sans attribution, même dans des projets commerciaux. Le site s’appelait auparavant CC0Textures et utilise la même licence depuis 2018.</p>
<h3 id="freepbr-est-il-sous-licence-cc0" tabindex="-1">FreePBR est-il sous licence CC0 ? <a class="header-anchor" href="#freepbr-est-il-sous-licence-cc0" aria-label="Permalink to &quot;FreePBR est-il sous licence CC0 ?&quot;"></a></h3>
<p>Non. FreePBR utilise sa propre licence : les téléchargements sont gratuits pour un usage personnel et non commercial, mais l’utilisation commerciale nécessite un paiement unique de 16 $, et la redistribution des fichiers sur d’autres sites est interdite. Si vous recherchez des textures commerciales sans frais, utilisez plutôt les sites CC0.</p>
<h3 id="ou-puis-je-trouver-des-hdri-gratuites-pour-l-eclairage-d-un-jeu" tabindex="-1">Où puis-je trouver des HDRI gratuites pour l’éclairage d’un jeu ? <a class="header-anchor" href="#ou-puis-je-trouver-des-hdri-gratuites-pour-l-eclairage-d-un-jeu" aria-label="Permalink to &quot;Où puis-je trouver des HDRI gratuites pour l’éclairage d’un jeu ?&quot;"></a></h3>
<p>Poly Haven propose plus de 980 HDRI sous licence CC0 et constitue la référence. ambientCG en ajoute plus de 400 autres, également sous licence CC0. HDRMaps offre plus de 200 ressources gratuites utilisables dans des projets commerciaux, tandis que son site associé OpenHDRI est entièrement sous licence CC0.</p>
<h3 id="quelle-resolution-de-texture-dois-je-utiliser-pour-un-jeu-web" tabindex="-1">Quelle résolution de texture dois-je utiliser pour un jeu web ? <a class="header-anchor" href="#quelle-resolution-de-texture-dois-je-utiliser-pour-un-jeu-web" aria-label="Permalink to &quot;Quelle résolution de texture dois-je utiliser pour un jeu web ?&quot;"></a></h3>
<p>Utilisez du 1K pour la plupart des surfaces et du 2K pour les objets dont la caméra s’approche. Une texture 4K non compressée occupe 64 Mo de mémoire GPU, ce qui est excessif pour une seule surface dans un jeu par navigateur. Quelle que soit la résolution choisie, convertissez vos textures au format KTX2 afin qu’elles restent compressées dans la VRAM.</p>
<h3 id="l-ia-peut-elle-generer-des-materiaux-pbr-raccordables" tabindex="-1">L’IA peut-elle générer des matériaux PBR raccordables ? <a class="header-anchor" href="#l-ia-peut-elle-generer-des-materiaux-pbr-raccordables" aria-label="Permalink to &quot;L’IA peut-elle générer des matériaux PBR raccordables ?&quot;"></a></h3>
<p>Oui. Des outils spécialisés comme Texturly et 3D AI Studio génèrent des ensembles de cartes PBR raccordables à partir de descriptions textuelles, tandis qu’Adobe Substance 3D Sampler crée un matériau à partir d’une seule photo. Pour les ciels, Skybox AI de Blockade Labs et le <a href="/fr/tools/skybox.html">Générateur de skyboxes</a> de Cinevva créent des environnements complets à 360 degrés à partir d’une description.</p>
<h3 id="dois-je-crediter-poly-haven-ou-ambientcg-dans-mon-jeu" tabindex="-1">Dois-je créditer Poly Haven ou ambientCG dans mon jeu ? <a class="header-anchor" href="#dois-je-crediter-poly-haven-ou-ambientcg-dans-mon-jeu" aria-label="Permalink to &quot;Dois-je créditer Poly Haven ou ambientCG dans mon jeu ?&quot;"></a></h3>
<p>Non. La licence CC0 signifie qu’aucune attribution n’est requise, y compris dans les jeux commerciaux. Les deux sites apprécient les crédits ou les dons, mais vous n’avez légalement aucune obligation.</p>
<BuildCta
  title="Ne cherchez plus vos textures. Construisez directement la scène"
  desc="Cinevva recherche pour vous dans Poly Haven et ambientCG, puis ajoute directement les matériaux et les HDRI à un jeu jouable."
  prompt="Crée une vallée montagneuse brumeuse au coucher du soleil, avec une ruine en pierre que je peux traverser, éclairée par un ciel HDRI aux tons chauds" />
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> : le guide complet regroupant plus de 20 sources</li>
<li><a href="/fr/guides/free-3d-model-sites.html">Les meilleurs sites de modèles 3D gratuits</a> : les modèles auxquels appliquer ces matériaux</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences de ressources de jeu</a> : CC0, CC-BY et les autres licences</li>
<li><a href="/fr/guides/webgpu-vs-webgl-games.html">WebGPU ou WebGL pour les jeux</a> : où finissent ces textures compressées</li>
<li><a href="/fr/assets.html">Recherche dans la bibliothèque de ressources</a> : recherchez dans Poly Haven, ambientCG et d’autres sources depuis un seul endroit</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/free-textures-hdris-materials-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Guide CrazyGames pour les développeurs : publier et gagner de l'argent (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/publish-game-crazygames</link>
            <guid>https://app.cinevva.com/fr/guides/publish-game-crazygames</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment publier votre jeu sur CrazyGames en 2026 : le portail développeur, la soumission et l'évaluation, le SDK, le partage des revenus publicitaires, les achats intégrés et le fonctionnement des paiements.]]></description>
            <content:encoded><![CDATA[<h1 id="guide-crazygames-pour-les-developpeurs-publier-et-gagner-de-l-argent-2026" tabindex="-1">Guide CrazyGames pour les développeurs : publier et gagner de l'argent (2026) <a class="header-anchor" href="#guide-crazygames-pour-les-developpeurs-publier-et-gagner-de-l-argent-2026" aria-label="Permalink to &quot;Guide CrazyGames pour les développeurs : publier et gagner de l'argent (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Pour publier sur CrazyGames, vous téléversez un build HTML5 ou Unity WebGL via le <a href="https://developer.crazygames.com/" target="_blank" rel="noreferrer">portail développeur</a>, puis l'équipe d'assurance qualité l'évalue (ses retours arrivent généralement sous <a href="https://docs.pley.com/docs/crazy-games" target="_blank" rel="noreferrer">1 à 2 jours</a>) avant que votre jeu soit mis en ligne en deux étapes possibles. Le lancement de base (« Basic Launch ») le publie sur le site sans aucune intégration du SDK afin que CrazyGames puisse mesurer la réaction des joueurs. S'il retient leur attention, vous êtes invité au lancement complet (« Full Launch »), lors duquel vous intégrez le <a href="https://docs.crazygames.com/" target="_blank" rel="noreferrer">SDK CrazyGames</a> et commencez à générer des revenus. La publication est gratuite et <a href="https://docs.crazygames.com/faq/" target="_blank" rel="noreferrer">aucune exclusivité n'est requise</a> : vous pouvez donc proposer simultanément le même jeu sur Steam, sur mobile ou sur un portail concurrent.</p>
<p>Vous gagnez de l'argent grâce au partage des revenus issus des publicités diffusées par le SDK (vidéos et bannières), ainsi qu'aux achats intégrés via Xsolla pour les jeux invités à en bénéficier. CrazyGames ne publie pas la répartition exacte, mais effectue des paiements mensuels par l'intermédiaire de <a href="https://docs.crazygames.com/payouts/" target="_blank" rel="noreferrer">Tipalti</a> dès que votre solde atteint le seuil minimal de 100 €, avec un objectif de paiement au plus tard le 10 du mois suivant. Les revenus sont généralement plus élevés dans les marchés anglophones de niveau 1, comme les États-Unis, le Royaume-Uni et l'Australie, car c'est là que la demande publicitaire est la plus forte et que se trouve la majeure partie du public de la plateforme.</p>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Mode de soumission</td>
<td>Téléversement en libre-service via le portail développeur, suivi d'une évaluation humaine par l'équipe d'assurance qualité</td>
</tr>
<tr>
<td>Coût de publication</td>
<td>Gratuit, sans exclusivité requise</td>
</tr>
<tr>
<td>Délai d'évaluation</td>
<td>Retours généralement sous 1 à 2 jours ; mises à jour souvent traitées le jour ouvré même</td>
</tr>
<tr>
<td>Étapes de lancement</td>
<td>Lancement de base (sans SDK ni monétisation) → lancement complet (SDK obligatoire, revenus activés)</td>
</tr>
<tr>
<td>Monétisation</td>
<td>Partage des revenus publicitaires (vidéos et bannières via le SDK) ; achats intégrés via Xsolla (sur invitation uniquement)</td>
</tr>
<tr>
<td>Partage des revenus</td>
<td>Non indiqué dans la documentation principale ; les <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">conditions du game jam 2026</a> mentionnent 60 % des revenus publicitaires et 70 % des achats intégrés pour les développeurs</td>
</tr>
<tr>
<td>Seuil de paiement</td>
<td>Minimum de 100 €, paiement mensuel via Tipalti (virement bancaire, ACH, PayPal)</td>
</tr>
<tr>
<td>Limites du build</td>
<td>Chargement initial ≤ 50 Mo, total ≤ 250 Mo, ≤ 1 500 fichiers</td>
</tr>
<tr>
<td>Public</td>
<td>PEGI 12 / 13 ans et plus</td>
</tr>
</tbody>
</table>
<h2 id="pourquoi-choisir-crazygames" tabindex="-1">Pourquoi choisir CrazyGames <a class="header-anchor" href="#pourquoi-choisir-crazygames" aria-label="Permalink to &quot;Pourquoi choisir CrazyGames&quot;"></a></h2>
<p>CrazyGames est l'un des plus grands portails de jeux par navigateur sur le Web. Le portail développeur de l'entreprise revendique désormais <a href="https://developer.crazygames.com/" target="_blank" rel="noreferrer">plus de 50 millions de joueurs mensuels</a>, principalement concentrés sur les marchés de niveau 1, contre <a href="https://mobidictum.com/crazygames-reaches-35-million-monthly-users/" target="_blank" rel="noreferrer">35 millions d'utilisateurs actifs mensuels</a> recensés indépendamment début 2025 pour un catalogue d'environ 4 000 jeux. Il s'agit d'un vaste public immédiatement accessible que vous n'avez pas à acquérir vous-même, ce qui constitue tout l'intérêt d'un portail par rapport au lancement à froid d'un jeu sur votre propre domaine.</p>
<p>La proposition faite aux développeurs est simple. Vous fournissez un jeu jouable sur le Web, CrazyGames apporte le trafic et l'infrastructure publicitaire, puis vous partagez les revenus publicitaires. La plateforme met fortement l'accent sur son soutien aux petits studios et aux développeurs indépendants, sans vous imposer d'engagement exclusif. En l'absence de clause d'exclusivité, CrazyGames est généralement un canal de distribution supplémentaire plutôt qu'un pari sur lequel tout miser.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 210" role="img" aria-label="CrazyGames en bref : plus de 50 millions de joueurs mensuels, environ 4 000 jeux, retours d'évaluation sous 1 à 2 jours et seuil de paiement de 100 euros" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="210" rx="14" fill="#0b1020"/>
  <text x="24" y="40" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">CrazyGames en bref</text>
  <text x="24" y="62" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Taille de la plateforme et principes de publication. Source : portail développeur et documentation de CrazyGames.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(24,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#c8a8ff">50 M+</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Joueurs mensuels</text>
      <rect x="16" y="82" width="72" height="20" rx="10" fill="#c8a8ff22"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#c8a8ff">Niveau 1 dominant</text>
    </g>
    <g transform="translate(196,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#7dd3fc">~4 000</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Jeux au catalogue</text>
      <rect x="16" y="82" width="80" height="20" rx="10" fill="#7dd3fc22"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#7dd3fc">HTML5 + Unity</text>
    </g>
    <g transform="translate(368,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#6ee7b7">1 à 2 jours</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Retour d'évaluation</text>
      <rect x="16" y="82" width="76" height="20" rx="10" fill="#6ee7b722"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#6ee7b7">QA humaine</text>
    </g>
    <g transform="translate(540,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#fb7185">100 €</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Paiement minimal</text>
      <rect x="16" y="82" width="60" height="20" rx="10" fill="#fb718522"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fb7185">Mensuel</text>
    </g>
  </g>
</svg>
<h2 id="fonctionnement-de-la-publication" tabindex="-1">Fonctionnement de la publication <a class="header-anchor" href="#fonctionnement-de-la-publication" aria-label="Permalink to &quot;Fonctionnement de la publication&quot;"></a></h2>
<p>Vous commencez sur le <a href="https://developer.crazygames.com/games" target="_blank" rel="noreferrer">portail développeur</a>, où vous créez votre compte, renseignez vos informations de paiement et téléversez un build. Le portail comprend un outil d'assurance qualité qui exécute votre jeu exactement comme il apparaîtrait sur CrazyGames. Vous pouvez ainsi tester les appels au SDK et détecter les problèmes avant même qu'une personne ne l'examine. Configurez votre mode de paiement avant la soumission, car CrazyGames vous demande de le faire en premier.</p>
<p>La suite prend la forme d'une évaluation, et non d'une publication instantanée. L'équipe d'assurance qualité joue à votre jeu, vérifie qu'il respecte les exigences, puis vous envoie une série de commentaires. Selon les développeurs, ces retours arrivent généralement sous <a href="https://docs.pley.com/docs/crazy-games" target="_blank" rel="noreferrer">1 à 2 jours</a>, souvent accompagnés de captures d'écran montrant les éléments à corriger. Les remarques couvrent à la fois les problèmes qui doivent impérativement être résolus et les suggestions d'amélioration. Une fois les points bloquants corrigés, la préparation du jeu pour sa sortie prend environ deux jours supplémentaires. Les mises à jour d'un jeu déjà en ligne sont plus rapides et sont généralement <a href="https://docs.crazygames.com/faq/" target="_blank" rel="noreferrer">traitées pendant le même jour ouvré</a>.</p>
<h3 id="lancement-de-base-puis-lancement-complet" tabindex="-1">Lancement de base, puis lancement complet <a class="header-anchor" href="#lancement-de-base-puis-lancement-complet" aria-label="Permalink to &quot;Lancement de base, puis lancement complet&quot;"></a></h3>
<p>CrazyGames utilise un <a href="https://docs.crazygames.com/requirements/intro/" target="_blank" rel="noreferrer">lancement en deux étapes</a>. Lors du lancement de base, votre jeu est mis en ligne sans qu'aucune personnalisation soit requise. Le SDK est facultatif et la monétisation est désactivée. Il s'agit d'une période de lancement progressif — les développeurs évoquent environ deux semaines — pendant laquelle la plateforme observe l'engagement réel : durée moyenne des parties, proportion de visiteurs qui commencent effectivement à jouer et rétention. Si votre jeu atteint les objectifs fixés, vous êtes invité à passer au lancement complet.</p>
<p>Le lancement complet est l'étape à laquelle vous commencez à gagner de l'argent. Vous intégrez correctement le SDK, respectez l'ensemble des exigences d'intégration et d'assurance qualité, et le jeu s'ouvre directement sur l'expérience de jeu avec la monétisation activée. Le seuil entre les deux étapes est au cœur du modèle. CrazyGames préfère donner à un jeu une véritable chance auprès de joueurs réels plutôt que de l'approuver sur de simples promesses. C'est pourquoi la finition et la qualité de la première session comptent davantage ici qu'une longue liste de fonctionnalités.</p>
<h3 id="limites-du-build-et-exigences-techniques" tabindex="-1">Limites du build et exigences techniques <a class="header-anchor" href="#limites-du-build-et-exigences-techniques" aria-label="Permalink to &quot;Limites du build et exigences techniques&quot;"></a></h3>
<p>Votre build est soumis à des limites strictes : le <a href="https://docs.crazygames.com/requirements/intro/" target="_blank" rel="noreferrer">téléchargement initial ne doit pas dépasser 50 Mo</a>, la taille totale doit être inférieure ou égale à 250 Mo — ou à 50 Mo si vous n'utilisez pas le SDK — et l'ensemble ne doit pas dépasser 1 500 fichiers. Les jeux sont destinés à une iframe responsive au format 16:9 et doivent rester lisibles avec un devicePixelRatio de 1. La physique doit rester <a href="https://docs.crazygames.com/requirements/quality/" target="_blank" rel="noreferrer">cohérente quelle que soit la fréquence de rafraîchissement</a>, notamment à 144 Hz et 165 Hz. Ce point pose problème à un nombre étonnant de moteurs qui lient les déplacements à la fréquence d'images plutôt qu'au temps delta. CrazyGames est un site destiné aux joueurs <a href="https://docs.crazygames.com/requirements/gameplay/" target="_blank" rel="noreferrer">âgés de 13 ans et plus</a> : votre jeu doit donc respecter la classification PEGI 12.</p>
<h2 id="le-sdk-crazygames" tabindex="-1">Le SDK CrazyGames <a class="header-anchor" href="#le-sdk-crazygames" aria-label="Permalink to &quot;Le SDK CrazyGames&quot;"></a></h2>
<p>Le SDK permet à votre jeu de communiquer avec la plateforme et il est obligatoire pour le lancement complet. Il gère <a href="https://docs.crazygames.com/" target="_blank" rel="noreferrer">les publicités, les comptes utilisateurs, les sauvegardes dans le cloud, les invitations, les classements et les achats</a>. Seules les publicités diffusées par l'intermédiaire du SDK sont autorisées, ce qui constitue la règle centrale de tout le modèle de revenus.</p>
<p>Deux types de publicités vidéo sont proposés. Les publicités en cours de partie se déclenchent lors de pauses naturelles, par exemple lorsqu'un joueur meurt ou termine un niveau. Les publicités récompensées sont demandées par le joueur en échange d'un avantage dans le jeu. Les <a href="https://docs.crazygames.com/requirements/ads/" target="_blank" rel="noreferrer">exigences sont strictes</a> : les publicités ne doivent ni interrompre une phase de jeu active ni surprendre le joueur, le jeu doit se mettre en pause et bloquer les commandes pendant leur diffusion, et le son doit être coupé durant la publicité puis rétabli lorsqu'elle se termine. Des bannières publicitaires sont également disponibles. Au-delà de la publicité, le SDK fournit un stockage des données dans le cloud afin que la progression accompagne le joueur d'un appareil à l'autre, une authentification liée à son compte CrazyGames, ainsi que des invitations d'amis et des fonctionnalités sociales pour les jeux multijoueurs. La plateforme encourage particulièrement ces dernières depuis l'ajout de fonctions sociales à l'époque où elle a franchi le cap des 35 millions d'utilisateurs.</p>
<p>Le SDK prend directement en charge <a href="https://docs.crazygames.com/" target="_blank" rel="noreferrer">HTML5, Unity, GameMaker, Construct 3, Godot et Cocos</a>, avec des extensions partenaires pour GDevelop, Defold et Wonderland Engine. CrazyGames propose déjà des jeux créés avec Unity, Defold, Godot, Phaser, PlayCanvas, Construct, Pixi.js et BabylonJS. Le moteur choisi importe donc bien moins que sa capacité à exporter un build Web propre et rapide. Une assistance pratique sur le SDK et des conseils personnalisés concernant l'emplacement des publicités deviennent disponibles lorsque vos jeux dépassent <a href="https://docs.crazygames.com/requirements/intro/" target="_blank" rel="noreferrer">50 000 parties cumulées</a>.</p>
<h3 id="achats-integres" tabindex="-1">Achats intégrés <a class="header-anchor" href="#achats-integres" aria-label="Permalink to &quot;Achats intégrés&quot;"></a></h3>
<p>Les achats intégrés existent, mais ils sont <a href="https://docs.crazygames.com/sdk/in-game-purchases/" target="_blank" rel="noreferrer">accessibles uniquement sur invitation</a>. CrazyGames utilise <a href="https://xsolla.com/partner-spotlight/crazygames-adds-xsolla-payments" target="_blank" rel="noreferrer">Xsolla</a> comme prestataire de paiement, et les achats sont toujours traités par l'intermédiaire du compte Xsolla de CrazyGames afin d'être automatiquement associés à l'identifiant utilisateur CrazyGames du joueur. Cette fonctionnalité a été déployée plus largement au cours de l'année 2025. En juin 2025, Xsolla et Defold ont <a href="https://www.pocketgamer.biz/xsolla-partners-with-defold-to-simplify-in-game-purchases-for-web-developers/" target="_blank" rel="noreferrer">lancé un SDK dédié</a> permettant aux jeux Web Defold publiés sur CrazyGames d'ajouter des achats sans devoir intégrer manuellement l'API. En pratique, les achats intégrés ne sont pas un élément autour duquel planifier votre lancement. Commencez par obtenir de bons résultats avec la publicité afin de recevoir une invitation, puis ajoutez les achats par-dessus.</p>
<h2 id="comment-etes-vous-paye" tabindex="-1">Comment êtes-vous payé ? <a class="header-anchor" href="#comment-etes-vous-paye" aria-label="Permalink to &quot;Comment êtes-vous payé ?&quot;"></a></h2>
<p>CrazyGames ne publie pas la répartition des revenus dans sa documentation principale destinée aux développeurs. Méfiez-vous donc des guides qui présentent un pourcentage fixe comme un chiffre officiel. L'indication la plus proche d'une source officielle se trouve dans les conditions publiées par CrazyGames pour son <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">game jam Web GameMaker 2026</a>, selon lesquelles les développeurs conservent 60 % des revenus publicitaires générés dans le jeu et 70 % des revenus issus des achats intégrés. Le <a href="https://developer.crazygames.com/" target="_blank" rel="noreferrer">portail développeur</a> permet de suivre les revenus de chaque jeu. En revanche, CrazyGames documente précisément le fonctionnement des paiements.</p>
<p>Les paiements sont effectués <a href="https://docs.crazygames.com/payouts/" target="_blank" rel="noreferrer">mensuellement via Tipalti</a> dès que votre solde atteint le minimum de 100 €. Si vous n'atteignez pas 100 € au cours d'un mois donné, le solde est reporté au mois suivant. Tipalti prend en charge les virements bancaires, les dépôts directs ou ACH, les chèques électroniques et PayPal, selon les options disponibles dans votre pays. Les conditions officielles prévoient un paiement à 60 jours, mais CrazyGames indique chercher actuellement à payer plus tôt, généralement au plus tard le 10 du mois suivant. Prévoyez des frais de change lors de la conversion des devises, ainsi que d'éventuels frais de banques intermédiaires indépendants de CrazyGames. Vos revenus dépendent du nombre de parties, de la rétention et de la provenance géographique des joueurs. Un même jeu peut donc générer des revenus très différents selon qu'il attire un public américain ou un public associé à un faible CPM.</p>
<h2 id="les-jeux-qui-fonctionnent-bien-sur-crazygames" tabindex="-1">Les jeux qui fonctionnent bien sur CrazyGames <a class="header-anchor" href="#les-jeux-qui-fonctionnent-bien-sur-crazygames" aria-label="Permalink to &quot;Les jeux qui fonctionnent bien sur CrazyGames&quot;"></a></h2>
<p>Le catalogue privilégie les jeux multijoueurs de type .io, les jeux d'action aux parties rapides, les puzzles casual, les jeux de course et les jeux de tir : autrement dit, des expériences capables d'accrocher le joueur au cours des dix premières secondes et adaptées à une partie dans un onglet de navigateur entre deux autres activités. Comme l'étape du lancement de base mesure la durée de jeu et la rétention, les jeux qui mettent immédiatement en avant leurs meilleurs éléments obtiennent de bons résultats. À l'inverse, ceux qui nécessitent un tutoriel de cinq minutes avant qu'il ne se passe quoi que ce soit ont tendance à stagner. Les fonctionnalités sociales et d'invitation du SDK favorisent les jeux comportant une dimension multijoueur ou un élément facile à partager. Voilà pourquoi tant de grands succès du jeu par navigateur reposent sur le fait de jouer avec ou contre d'autres personnes.</p>
<h2 id="motifs-de-rejet-courants" tabindex="-1">Motifs de rejet courants <a class="header-anchor" href="#motifs-de-rejet-courants" aria-label="Permalink to &quot;Motifs de rejet courants&quot;"></a></h2>
<p>Le moyen le plus rapide de voir votre jeu refusé est de soumettre quelque chose qui manque d’originalité. CrazyGames recherche explicitement les <a href="https://docs.crazygames.com/requirements/quality/" target="_blank" rel="noreferrer">clones, reskins et jeux constitués d’assets réassemblés</a>, et votre jeu ne doit pas pouvoir être facilement confondu avec un autre en raison de son nom ou de son iconographie. Le deuxième problème le plus fréquent est le manque de finition. Un développeur a raconté comment son jeu avait été <a href="https://www.linkedin.com/pulse/my-game-got-rejected-just-2-hours-dmitrii-rigin" target="_blank" rel="noreferrer">refusé en environ deux heures</a>, avec la remarque qu’il « ressemble à un prototype », et s’est plaint que les retours étaient succincts par rapport à ceux de certains portails concurrents. C’est un avertissement à prendre au sérieux : le niveau attendu est celui d’un jeu qui semble terminé, et non d’une version créée pour une game jam, et les retours reçus peuvent être laconiques.</p>
<p>Les problèmes techniques complètent la liste. Les jeux qui se chargent lentement, saccadent, plantent ou génèrent des erreurs sont refusés, tout comme les builds présentant des défauts graphiques tels que des artefacts de compression, des styles visuels incohérents, une physique qui dysfonctionne sur les écrans à taux de rafraîchissement élevé ou des commandes qui ne tiennent pas compte des dispositions de clavier courantes. Un texte illisible à la résolution standard ou dans l’iframe 16:9 constitue une autre erreur fréquente. Aucun de ces problèmes n’est particulièrement inhabituel, mais ce sont précisément les aspects qu’il est facile de négliger lorsqu’on soumet son jeu dans l’urgence.</p>
<h2 id="la-place-de-cinevva" tabindex="-1">La place de Cinevva <a class="header-anchor" href="#la-place-de-cinevva" aria-label="Permalink to &quot;La place de Cinevva&quot;"></a></h2>
<p>Si cette exigence d’un jeu qui « doit sembler terminé et non ressembler à un prototype » vous préoccupe et que vous n’avez pas encore de build, un outil comme Cinevva peut vous aider. Vous décrivez le jeu souhaité et Cinevva crée dans votre navigateur un jeu web 3D jouable, puis l’exporte sous la forme d’un build HTML5 autonome. Vous obtenez ainsi une base à améliorer et à tester avec l’outil d’assurance qualité de CrazyGames, plutôt que de partir d’un projet de moteur vide. Cinevva ne rendra pas votre jeu original et soigné à votre place, mais réduit considérablement la distance entre une idée et une première version jouable, qui constitue l’étape la plus lente avant de pouvoir soumettre un jeu.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="combien-crazygames-paie-t-il-les-developpeurs" tabindex="-1">Combien CrazyGames paie-t-il les développeurs ? <a class="header-anchor" href="#combien-crazygames-paie-t-il-les-developpeurs" aria-label="Permalink to &quot;Combien CrazyGames paie-t-il les développeurs ?&quot;"></a></h3>
<p>CrazyGames ne publie pas le partage des revenus dans sa documentation principale destinée aux développeurs. La donnée officielle la plus proche se trouve dans le <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">règlement de sa game jam web GameMaker 2026</a>, qui indique que les développeurs conservent 60 % des revenus publicitaires et 70 % des revenus issus des achats. Vous percevez une part des revenus publicitaires générés par votre jeu via le SDK, suivis séparément pour chaque jeu dans le portail des développeurs, ainsi que les revenus des achats intégrés si vous y êtes invité. Les paiements sont effectués chaque mois via Tipalti une fois que votre solde atteint 100 €, et vos revenus réels dépendent fortement du nombre de parties, de la rétention et de la proportion de votre public située dans des marchés au CPM élevé comme les États-Unis et le Royaume-Uni.</p>
<h3 id="combien-de-temps-crazygames-met-il-a-evaluer-un-jeu" tabindex="-1">Combien de temps CrazyGames met-il à évaluer un jeu ? <a class="header-anchor" href="#combien-de-temps-crazygames-met-il-a-evaluer-un-jeu" aria-label="Permalink to &quot;Combien de temps CrazyGames met-il à évaluer un jeu ?&quot;"></a></h3>
<p>Les développeurs reçoivent généralement une réponse dans un délai de 1 à 2 jours après la soumission, souvent accompagnée de captures d’écran montrant les éléments à corriger. Une fois les problèmes bloquants résolus, la préparation du jeu en vue de sa publication prend environ deux jours supplémentaires. Les mises à jour d’un jeu déjà en ligne sont plus rapides et sont généralement traitées au cours du même jour ouvré. L’étape la plus longue est la phase de lancement initial, une période de lancement progressif d’environ deux semaines pendant laquelle CrazyGames mesure l’engagement réel avant de vous inviter au lancement complet.</p>
<h3 id="dois-je-rendre-mon-jeu-exclusif-a-crazygames" tabindex="-1">Dois-je rendre mon jeu exclusif à CrazyGames ? <a class="header-anchor" href="#dois-je-rendre-mon-jeu-exclusif-a-crazygames" aria-label="Permalink to &quot;Dois-je rendre mon jeu exclusif à CrazyGames ?&quot;"></a></h3>
<p>Non. CrazyGames n’exige aucune exclusivité. Vous pouvez donc publier simultanément le même jeu sur Steam, les boutiques d’applications mobiles, itch.io ou des portails concurrents comme Poki, tout en percevant une part des revenus sur CrazyGames. C’est donc un canal peu risqué à ajouter à un lancement multiplateforme, plutôt qu’une décision qui immobilise votre jeu.</p>
<h3 id="quels-types-de-jeux-fonctionnent-le-mieux-sur-crazygames" tabindex="-1">Quels types de jeux fonctionnent le mieux sur CrazyGames ? <a class="header-anchor" href="#quels-types-de-jeux-fonctionnent-le-mieux-sur-crazygames" aria-label="Permalink to &quot;Quels types de jeux fonctionnent le mieux sur CrazyGames ?&quot;"></a></h3>
<p>Les jeux sur navigateur qui se chargent rapidement et sont immédiatement amusants y rencontrent le plus de succès. Le processus de lancement de la plateforme mesure le temps de jeu et la rétention. Les jeux multijoueurs de type .io, les jeux d’action aux parties courtes, les puzzles grand public, les jeux de course et les jeux de tir qui captivent les joueurs dès les dix premières secondes ont donc tendance à franchir cette étape et à se développer. Les jeux qui nécessitent un long tutoriel avant de devenir amusants, ou qui se chargent lentement, ont plus de difficultés. Les fonctionnalités d’invitation et sociales du SDK avantagent également les jeux multijoueurs et ceux qui se prêtent au partage.</p>
<h3 id="quelles-sont-les-limites-de-taille-des-builds-sur-crazygames" tabindex="-1">Quelles sont les limites de taille des builds sur CrazyGames ? <a class="header-anchor" href="#quelles-sont-les-limites-de-taille-des-builds-sur-crazygames" aria-label="Permalink to &quot;Quelles sont les limites de taille des builds sur CrazyGames ?&quot;"></a></h3>
<p>Le téléchargement initial ne doit pas dépasser 50 Mo, votre build complet doit être limité à 250 Mo — ou 50 Mo si vous n’intégrez pas le SDK — et l’ensemble doit contenir moins de 1 500 fichiers. Les jeux s’exécutent dans une iframe responsive au format 16:9 et doivent rester lisibles avec un devicePixelRatio de 1. Il est particulièrement important de limiter la taille du chargement initial, car un démarrage lent pénalise les indicateurs de conversion et de rétention qui déterminent si votre jeu atteindra le lancement complet.</p>
<h3 id="puis-je-vendre-des-achats-integres-sur-crazygames" tabindex="-1">Puis-je vendre des achats intégrés sur CrazyGames ? <a class="header-anchor" href="#puis-je-vendre-des-achats-integres-sur-crazygames" aria-label="Permalink to &quot;Puis-je vendre des achats intégrés sur CrazyGames ?&quot;"></a></h3>
<p>Oui, mais uniquement sur invitation. Les achats intégrés passent par Xsolla et sont traités à l’aide du propre compte Xsolla de CrazyGames, de sorte que chaque achat soit automatiquement associé à l’identifiant CrazyGames du joueur. Vous êtes généralement invité une fois que votre jeu obtient de bons résultats grâce à la monétisation publicitaire. Prévoyez donc de lancer d’abord votre jeu avec des publicités, puis d’ajouter les achats plus tard, plutôt que de bâtir toute votre économie autour des achats intégrés dès le premier jour.</p>
<BuildCta
  title="Besoin d’un jeu web prêt à être soumis ?"
  desc="Créez un jeu 3D jouable à partir d’une seule phrase et exportez un build HTML5 autonome pour l’outil d’assurance qualité de CrazyGames."
  prompt="Crée un jeu d’arène multijoueur de type .io, au chargement rapide, que je peux publier sur CrazyGames" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-web-game.html">Comment publier un jeu web</a> — la liste complète des portails et plateformes pour les jeux sur navigateur</li>
<li><a href="/fr/guides/publish-game-poki.html">Publier votre jeu sur Poki</a> — l’autre grand portail de jeux sur navigateur, avec une comparaison détaillée</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web</a> — ce que rapportent réellement le partage des revenus publicitaires, les achats intégrés et les vidéos récompensées</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Lancer votre jeu sur itch.io</a> — l’alternative ouverte et sans sélection préalable, où vous fixez vos propres conditions</li>
<li><a href="/fr/guides/promote-indie-game-no-budget.html">Promouvoir un jeu indépendant sans budget</a> — comment générer votre propre trafic lorsque le portail ne suffit pas</li>
<li><a href="/fr/tutorials/ship-web-game-fast.html">Publier un jeu web qui se charge rapidement</a> — comment respecter la limite de chargement initial de 50 Mo imposée par CrazyGames</li>
<li><a href="/fr/guides/multiplayer-browser-game.html">Créer un jeu multijoueur sur navigateur</a> — la formule de type .io qui fonctionne le mieux sur CrazyGames</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/publish-game-crazygames-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment publier un jeu sur les Activités Discord (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/publish-game-discord-activities</link>
            <guid>https://app.cinevva.com/fr/guides/publish-game-discord-activities</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment publier un jeu sur les Activités Discord en 2026 - Embedded App SDK, contraintes liées aux iframes et au proxy, intégration multijoueur, monétisation et réalité de la visibilité.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-publier-un-jeu-sur-les-activites-discord-2026" tabindex="-1">Comment publier un jeu sur les Activités Discord (2026) <a class="header-anchor" href="#comment-publier-un-jeu-sur-les-activites-discord-2026" aria-label="Permalink to &quot;Comment publier un jeu sur les Activités Discord (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Oui, vous pouvez publier un jeu sur Discord, et cela passe par ce qu'on appelle une Activité. Une Activité est une application web qui s'exécute dans le client Discord, intégrée à une iframe que vous pouvez lancer depuis un salon vocal, un salon textuel ou un message privé. Vous la créez avec le <a href="https://github.com/discord/embedded-app-sdk" target="_blank" rel="noreferrer">Discord Embedded App SDK</a>, un kit JavaScript lancé pour la première fois en 2024 et toujours activement mis à jour (la version 2.5.0 est sortie le <a href="https://github.com/discord/embedded-app-sdk/releases" target="_blank" rel="noreferrer">5 mai 2026</a>). Si votre jeu fonctionne déjà dans un navigateur, l'essentiel du travail consiste à l'héberger, à indiquer à Discord où il se trouve et à utiliser le SDK pour obtenir l'identité de l'utilisateur actuel ainsi que celle des autres personnes présentes dans le salon.</p>
<p>En résumé : créez une application dans le portail des développeurs Discord, activez la fonctionnalité Activities, hébergez votre build web sur un serveur public, ajoutez un mappage d'URL pour que le proxy de Discord puisse le servir, puis utilisez le SDK pour authentifier le joueur et consulter la liste des participants. Vous obtiendrez ainsi une Activité fonctionnelle que vos amis pourront lancer. Le plus difficile reste de permettre à d'autres personnes de la découvrir, car Discord ne possède aucune boutique permettant de « parcourir tous les jeux ». Nous aborderons cette réalité sans détour ci-dessous.</p>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>De quoi s'agit-il ?</strong></td>
<td>Une application web (votre jeu) exécutée dans une iframe au sein de Discord, qui peut être lancée dans les salons vocaux ou textuels et dans les messages privés</td>
</tr>
<tr>
<td><strong>Stack technique</strong></td>
<td>N'importe quel build web (HTML5/WebGL, Unity WebGL, export web de Godot), plus l'<a href="https://www.npmjs.com/package/@discord/embedded-app-sdk" target="_blank" rel="noreferrer">Embedded App SDK</a> pour l'authentification et les participants</td>
</tr>
<tr>
<td><strong>Hébergement</strong></td>
<td>Vous hébergez vous-même le build ; Discord le fait transiter par <code>discordsays.com</code> sous une CSP stricte</td>
</tr>
<tr>
<td><strong>Monétisation</strong></td>
<td>Achats intégrés natifs (abonnements et articles vendus à l'unité). La commission de la plateforme Discord est de <a href="https://support-dev.discord.com/hc/en-us/articles/17299902720919-Premium-Apps-Payout" target="_blank" rel="noreferrer">15 % sur votre premier million de dollars, puis de 30 %</a>, auxquels s'ajoutent les frais de traitement des paiements</td>
</tr>
<tr>
<td><strong>Découverte</strong></td>
<td>Lanceur d'applications, profil dans l'annuaire des applications (après vérification) et, surtout, bouche-à-oreille. Aucun espace global pour tout parcourir</td>
</tr>
<tr>
<td><strong>Coût de publication</strong></td>
<td>La création de l'application est gratuite ; vous payez votre propre hébergement et vos éventuels serveurs de jeu</td>
</tr>
</tbody>
</table>
<h2 id="ce-que-sont-les-activites-en-2026" tabindex="-1">Ce que sont les Activités en 2026 <a class="header-anchor" href="#ce-que-sont-les-activites-en-2026" aria-label="Permalink to &quot;Ce que sont les Activités en 2026&quot;"></a></h2>
<p>Une Activité n'est pas un jeu natif que vous importez. Il s'agit de votre site web, exécuté en direct et chargé par Discord dans un cadre isolé pendant que les utilisateurs passent du temps ensemble. Le SDK fait le lien entre votre page et le client Discord, et prend en charge les fonctions sociales essentielles : qui est présent, qui suis-je, dans quel salon sommes-nous et comment effectuer l'échange OAuth afin d'obtenir un jeton fiable (<a href="https://docs.discord.com/developers/developer-tools/embedded-app-sdk" target="_blank" rel="noreferrer">référence du SDK</a>).</p>
<p>Si cela compte davantage en 2026 qu'au lancement, c'est parce que Discord a fortement misé sur les jeux en tant que catégorie. Les applications et Activités sont désormais utilisées par plus de 25 % des utilisateurs actifs mensuels de Discord et, à la fin de 2025, la plateforme comptait plus de 10 000 communautés de joueurs réunissant au total plus de 80 millions de membres (<a href="https://discord.com/press-releases/discord-deepens-its-ability-to-drive-growth-for-games" target="_blank" rel="noreferrer">communiqué de presse de Discord, GDC 2026</a>). Quelques Activités ont réellement réussi à s'imposer auprès de ce public. Death by AI de Playroom a atteint un pic d'environ 700 000 utilisateurs actifs quotidiens et près de 7 millions de joueurs en quelques semaines, plus de 70 % des sessions réunissant au moins trois amis. Chef Showdown de Mojiworks a été joué par plus de 14 millions de personnes, qui y passent environ trois fois plus de temps que sur les autres plateformes. Krunker Strike FRVR a plus que doublé sa base de joueurs après sa sortie sous forme d'Activité (<a href="https://a16z.com/discord-activities-social-gaming/" target="_blank" rel="noreferrer">a16z</a>, <a href="https://discord.com/press-releases/discord-deepens-its-ability-to-drive-growth-for-games" target="_blank" rel="noreferrer">Discord</a>). Tous ces succès suivent le même modèle : des jeux sociaux, accessibles et immédiatement multijoueurs. C'est ce type de jeu qui fonctionne ici.</p>
<h2 id="configurer-une-activite" tabindex="-1">Configurer une Activité <a class="header-anchor" href="#configurer-une-activite" aria-label="Permalink to &quot;Configurer une Activité&quot;"></a></h2>
<p>Commencez dans le <a href="https://discord.com/developers/build" target="_blank" rel="noreferrer">portail des développeurs Discord</a>. Créez une nouvelle application, puis activez l'autorisation Activities dans la section Activities. Votre jeu doit être accessible depuis une URL HTTPS publique : hébergez donc le build web sur le service que vous utilisez déjà (Cloudflare Pages, Vercel, Netlify ou un simple hébergeur de contenu statique).</p>
<p>Le mappage d'URL est l'étape qui pose le plus souvent problème. Discord ne charge pas directement votre site. Chaque requête transite par un proxy à l'adresse <code>https://&lt;your-app-id&gt;.discordsays.com</code>, afin de masquer l'adresse IP des joueurs et de bloquer les points de terminaison connus comme malveillants (<a href="https://docs.discord.com/developers/activities/development-guides/networking" target="_blank" rel="noreferrer">documentation de Discord sur le réseau</a>). Dans le portail des développeurs, vous associez un préfixe de chemin à votre véritable hôte : <code>/</code> peut ainsi pointer vers votre jeu et, par exemple, <code>/api</code> vers votre backend. Toute ressource récupérée par votre jeu sans avoir été mappée est bloquée. Pour les requêtes qui n'apparaissent qu'à l'exécution, l'API <code>patchUrlMappings</code> du SDK les réécrit à la volée afin que votre build de développement et votre build de production passant par le proxy se comportent de la même façon (<a href="https://github.com/discord/embedded-app-sdk/blob/main/patch-url-mappings.md" target="_blank" rel="noreferrer">guide de patch-url-mappings</a>).</p>
<p>Une fois l'hébergement et le mappage configurés, intégrez le SDK. Appelez <code>discordSdk.ready()</code> pour confirmer que le cadre est connecté, puis <code>authorize()</code> et <code>authenticate()</code> pour exécuter le flux OAuth et obtenir un jeton identifiant le joueur (<a href="https://docs.discord.com/developers/developer-tools/embedded-app-sdk" target="_blank" rel="noreferrer">référence du SDK</a>). Vous pouvez ensuite consulter les participants du salon et concevoir votre jeu autour d'eux. Testez-le en lançant l'Activité dans un véritable salon vocal où l'application est installée. La documentation de Discord ainsi que les modèles communautaires pour <a href="https://robojs.dev/discord-activities/proxy" target="_blank" rel="noreferrer">Robo.js</a> et les configurations JavaScript sans framework vous permettront de passer d'un dépôt vide à un cadre fonctionnel en un après-midi.</p>
<h2 id="contraintes-techniques" tabindex="-1">Contraintes techniques <a class="header-anchor" href="#contraintes-techniques" aria-label="Permalink to &quot;Contraintes techniques&quot;"></a></h2>
<p>Comme une Activité est une page web exécutée dans une iframe verrouillée, elle est soumise à la fois aux contraintes du web et aux règles de sécurité de Discord. Les Activités s'exécutent sous une politique de sécurité du contenu restrictive, et toutes les requêtes réseau doivent passer par le proxy <code>discordsays.com</code>. Un appel direct à un domaine externe que vous n'avez pas mappé échoue avec une erreur <code>blocked:csp</code> (<a href="https://blog.waveplay.com/discord-proxy-csp-patch/" target="_blank" rel="noreferrer">notes sur le proxy Discord</a>). Le problème se manifeste surtout lorsqu'un module npm tiers appelle discrètement son propre CDN ou sa propre API. Vous devez alors soit mapper ce domaine, soit corriger la requête.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Flux des requêtes d'une Activité Discord : l'iframe de votre jeu envoie chaque requête au proxy discordsays.com ; une requête vers un hôte mappé est autorisée et servie, tandis qu'une requête vers un hôte externe non mappé est bloquée avec une erreur blocked:csp" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <marker id="ah-g" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#6ee7b7"/></marker>
    <marker id="ah-r" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#fb7185"/></marker>
    <marker id="ah-b" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M0 0 L10 5 L0 10 z" fill="#c8a8ff"/></marker>
  </defs>
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Chaque requête passe par le proxy</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Mappez un hôte pour qu'il soit servi. Sans mappage, la CSP de Discord le bloque.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <rect x="24" y="150" width="160" height="70" rx="12" fill="#121a31" stroke="#7dd3fc" stroke-width="1.5"/>
    <text x="104" y="181" text-anchor="middle" font-size="14" font-weight="800" fill="#e8edf5">Votre jeu</text>
    <text x="104" y="200" text-anchor="middle" font-size="11.5" fill="#9aa7b4">iframe dans Discord</text>
    <rect x="262" y="150" width="182" height="70" rx="12" fill="#121a31" stroke="#c8a8ff" stroke-width="1.5"/>
    <text x="353" y="181" text-anchor="middle" font-size="14" font-weight="800" fill="#c8a8ff">discordsays.com</text>
    <text x="353" y="200" text-anchor="middle" font-size="11.5" fill="#9aa7b4">proxy + CSP</text>
    <rect x="524" y="94" width="172" height="66" rx="12" fill="#121a31" stroke="#6ee7b7" stroke-width="1.5"/>
    <text x="610" y="122" text-anchor="middle" font-size="14" font-weight="800" fill="#6ee7b7">Votre hôte mappé</text>
    <text x="610" y="141" text-anchor="middle" font-size="11.5" fill="#9aa7b4">servi &#10003;</text>
    <rect x="524" y="210" width="172" height="66" rx="12" fill="#121a31" stroke="#fb7185" stroke-width="1.5"/>
    <text x="610" y="238" text-anchor="middle" font-size="14" font-weight="800" fill="#fb7185">Hôte non mappé</text>
    <text x="610" y="257" text-anchor="middle" font-size="11.5" fill="#9aa7b4">blocked:csp &#10007;</text>
    <path d="M184 185 H256" fill="none" stroke="#c8a8ff" stroke-width="2.5" marker-end="url(#ah-b)"/>
    <path d="M444 176 C486 176 486 127 518 127" fill="none" stroke="#6ee7b7" stroke-width="2.5" marker-end="url(#ah-g)"/>
    <path d="M444 194 C486 194 486 243 518 243" fill="none" stroke="#fb7185" stroke-width="2.5" marker-end="url(#ah-r)"/>
    <text x="470" y="112" font-size="11" font-weight="700" fill="#6ee7b7">mappé</text>
    <text x="470" y="270" font-size="11" font-weight="700" fill="#fb7185">non mappé</text>
  </g>
</svg>
<p>Concernant la compatibilité des moteurs, tout ce qui peut être compilé pour le web peut devenir une Activité. HTML5 et WebGL fonctionnent directement. L'export WebGL de Unity fonctionne également, la communauté proposant des <a href="https://www.supertorio.dev/creating-a-unity-discord-activity/" target="_blank" rel="noreferrer">wrappers du SDK pour Unity</a> et des modèles, puisque Discord se contente de faire transiter le build WebGL servi vers le cadre. L'export web de Godot fonctionne de la même manière, et il existe des <a href="https://github.com/TheSleepyKoala/Svelcordot" target="_blank" rel="noreferrer">modèles prêts à l'emploi</a> associant Godot à un hébergeur web. Les moteurs natifs qui ne peuvent pas cibler le navigateur ne peuvent tout simplement pas servir à créer des Activités. Limitez la taille du chargement initial : un téléchargement WebGL lourd dans une fenêtre de discussion fait fuir les joueurs encore plus vite que sur une page de boutique.</p>
<p>Le mobile fait partie intégrante du projet, ce n'est pas un ajout tardif. Les Activités fonctionnent dans les clients Discord pour ordinateur, web et mobile. Concevez donc dès le départ votre jeu pour le tactile et le mode portrait, au lieu de partir du principe que tout le monde utilisera un clavier et une souris.</p>
<h2 id="fonctionnalites-multijoueurs-et-sociales" tabindex="-1">Fonctionnalités multijoueurs et sociales <a class="header-anchor" href="#fonctionnalites-multijoueurs-et-sociales" aria-label="Permalink to &quot;Fonctionnalités multijoueurs et sociales&quot;"></a></h2>
<p>C'est la véritable raison d'être présent sur Discord. La plateforme vous apporte un groupe d'amis déjà réunis dans un salon vocal, soit exactement la situation que la plupart des jeux multijoueurs dépensent une fortune à essayer de créer. Le SDK vous fournit gratuitement la liste et l'identité des participants. Transformer « toutes les personnes de cet appel jouent maintenant à mon jeu » ne demande donc que quelques lignes de code, et non un système de matchmaking.</p>
<p>Vous devez néanmoins gérer vous-même l'état en temps réel du jeu. L'Embedded App SDK prend en charge l'identité et la présence, mais pas votre code réseau : vous devez donc l'associer à un serveur de jeu. <a href="https://colyseus.io/blog/discord-embedded-sdk/" target="_blank" rel="noreferrer">Colyseus explique comment l'intégrer derrière une Activité Discord</a>, et les solutions présentées dans notre <a href="/fr/guides/multiplayer-browser-game.html">guide des jeux multijoueurs sur navigateur</a> restent valables : utilisez des WebSockets pour lancer rapidement votre jeu et un serveur faisant autorité afin de simplifier la lutte contre la triche et de conserver une source de vérité unique. N'oubliez pas que votre serveur de jeu constitue un hôte externe supplémentaire et qu'il doit donc disposer d'un mappage d'URL, comme tout le reste.</p>
<p>Misez pleinement sur l'aspect social. Les Activités qui ont rencontré le succès sont celles dans lesquelles jouer en groupe constitue le cœur de l'expérience, et non un mode facultatif. Jeux d'ambiance, jeux de dessin, quiz, manches compétitives rapides : tout jeu dans lequel rejoindre immédiatement les personnes déjà présentes dans votre appel est plus amusant que de jouer seul a sa place ici.</p>
<h2 id="la-realite-de-la-monetisation" tabindex="-1">La réalité de la monétisation <a class="header-anchor" href="#la-realite-de-la-monetisation" aria-label="Permalink to &quot;La réalité de la monétisation&quot;"></a></h2>
<p>Discord prend en charge les achats intégrés natifs pour les Activités. Vous pouvez donc vendre du contenu sans rediriger les joueurs vers une page de paiement externe. Le <a href="https://docs.discord.com/developers/monetization/implementing-iap-for-activities" target="_blank" rel="noreferrer">système d'achats intégrés pour les Activités</a> couvre les abonnements (pour un utilisateur ou un serveur) ainsi que les achats ponctuels, disponibles sous forme durable pour les déblocages permanents et sous forme consommable pour les ressources que les joueurs dépensent.</p>
<p>Concernant la répartition des revenus, restez lucide. La commission de la plateforme Discord s'élève à 15 % sur votre premier million de dollars de ventes cumulées, puis à 30 % une fois ce seuil dépassé. Les frais de traitement des paiements et de transaction sont ensuite déduits (<a href="https://support-dev.discord.com/hc/en-us/articles/17299902720919-Premium-Apps-Payout" target="_blank" rel="noreferrer">Versements des applications Premium, en vigueur depuis le 6 juin 2024</a>). Vous verrez parfois circuler en ligne l'affirmation selon laquelle « Discord prend 10 % ». Méfiez-vous-en, car les conditions de versement documentées correspondent bien aux paliers de 15 % et 30 % indiqués ci-dessus. Vous devenez admissible à un versement une fois que vous avez gagné 100 $.
Deux autres éléments du paysage financier de 2026 méritent d’être connus, même s’ils ne concernent pas encore la plupart des créateurs indépendants. Les Orbs de Discord, une monnaie déployée mondialement en <a href="https://www.tweaktown.com/news/105500/discord-rewards-users-for-engaging-with-ads-new-orbs-currency-introduced/index.html" target="_blank" rel="noreferrer">juillet 2025</a>, permettent aux joueurs de gagner une monnaie virtuelle en accomplissant des Quêtes (des actions publicitaires récompensées), puis de la dépenser dans la boutique de Discord. Il s’agit d’une économie publicitaire davantage destinée aux budgets marketing des grands jeux qu’à une première Activity. Et lors de la GDC 2026, Discord a étendu Social Commerce, une solution native permettant d’acheter et d’offrir des objets en jeu directement dans les serveurs, présentée pour la première fois avec Marvel Rivals en <a href="https://discord.com/blog/bringing-in-game-commerce-to-discord-communities" target="_blank" rel="noreferrer">décembre 2025</a>. Environ 20 % des achats effectués dans la boutique Discord sont des cadeaux et, lors du déploiement pour Marvel Rivals, 41 % des achats étaient des cadeaux (<a href="https://discord.com/blog/building-on-the-social-layer-of-games-whats-new-from-gdc-2026" target="_blank" rel="noreferrer">récapitulatif de la GDC 2026</a>). Social Commerce est d’abord déployé auprès d’un groupe limité de partenaires : c’est donc une option à envisager à mesure que votre jeu se développe, pas un levier disponible dès le premier jour.</p>
<h2 id="la-realite-de-la-decouvrabilite" tabindex="-1">La réalité de la découvrabilité <a class="header-anchor" href="#la-realite-de-la-decouvrabilite" aria-label="Permalink to &quot;La réalité de la découvrabilité&quot;"></a></h2>
<p>Voici le point à bien comprendre avant de bâtir votre stratégie autour de Discord. Il n’existe pas dans Discord de boutique mondiale permettant de parcourir toutes les Activities, comme la page d’accueil de Steam ou d’un portail web (<a href="https://www.strayspark.studio/blog/discord-activities-embedded-app-sdk-indie-game-distribution-2026" target="_blank" rel="noreferrer">StraySpark, 14 mai 2026</a>). La découverte passe par les serveurs que les utilisateurs fréquentent déjà, les liens partagés dans les discussions, ainsi que l’App Launcher (l’icône en forme de symboles en bas du client) et la page de profil de votre App Directory. Ces deux derniers éléments n’apparaissent qu’après la vérification de votre application et l’activation de Discovery dans le Developer Portal (<a href="https://support-dev.discord.com/hc/en-us/articles/21204493235991-How-Can-Users-Discover-and-Play-My-Activity" target="_blank" rel="noreferrer">assistance Discord</a>).</p>
<p>Concrètement, une Activity ne crée pas un public à elle seule. Si votre communauté n’est pas déjà sur Discord, publier une Activity ne la fera pas apparaître comme par magie. Les jeux qui ont décollé se sont propagés au sein de groupes d’amis existants : une personne lance le jeu pendant un appel et tout le groupe se met immédiatement à jouer. La boucle de croissance à concevoir est donc « une personne partage le jeu dans un salon », et non « quelqu’un le trouve en parcourant un catalogue ». Concevez votre jeu de sorte que les 30 premières secondes avec trois amis suffisent à convaincre.</p>
<h2 id="est-ce-interessant-par-rapport-aux-portails-web" tabindex="-1">Est-ce intéressant par rapport aux portails web ? <a class="header-anchor" href="#est-ce-interessant-par-rapport-aux-portails-web" aria-label="Permalink to &quot;Est-ce intéressant par rapport aux portails web ?&quot;"></a></h2>
<p>Discord et les portails web répondent à des besoins différents. La réponse est donc généralement « les deux, pour des raisons différentes ».</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Discord Activities</th>
<th>Portails web (Poki, CrazyGames, itch.io)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Public</strong></td>
<td>Des amis déjà réunis dans un salon vocal</td>
<td>Des inconnus qui cherchent un jeu à essayer</td>
</tr>
<tr>
<td><strong>Découverte</strong></td>
<td>Bouche-à-oreille, aucune boutique regroupant tous les jeux</td>
<td>Trafic provenant de la page d’accueil et des algorithmes</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les jeux sociaux, grand public et immédiatement multijoueurs</td>
<td>Les jeux web solo et ceux visant une large audience</td>
</tr>
<tr>
<td><strong>Monétisation</strong></td>
<td>Achats intégrés natifs, commissions de 15 % ou 30 %</td>
<td>Partage des revenus publicitaires du portail ou vos propres achats intégrés</td>
</tr>
<tr>
<td><strong>Travail supplémentaire après une version web</strong></td>
<td>SDK, mappage du proxy, CSP, conception sociale</td>
<td>Généralement une simple intégration et une page</td>
</tr>
</tbody>
</table>
<p>Des portails comme <a href="/fr/guides/publish-game-poki.html">Poki</a> et <a href="/fr/guides/publish-game-crazygames.html">CrazyGames</a> vous apportent des inconnus et présentent votre jeu à des personnes qui recherchent activement quelque chose de nouveau, ce que Discord ne fait pas. Discord vous apporte des groupes d’amis et un contexte social qui facilite considérablement le lancement d’une partie multijoueur, ce que les portails ne proposent pas. Si votre jeu est solo, un portail constitue un meilleur premier point de diffusion. S’il prend toute sa dimension avec trois amis réunis dans un appel, Discord mérite le travail technique supplémentaire. La bonne nouvelle, c’est que toutes ces plateformes exécutent des versions web : un même jeu peut donc être diffusé partout. Publiez-le d’abord comme jeu web, puis adaptez-le à chaque plateforme.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="puis-je-publier-n-importe-quel-jeu-sur-discord" tabindex="-1">Puis-je publier n’importe quel jeu sur Discord ? <a class="header-anchor" href="#puis-je-publier-n-importe-quel-jeu-sur-discord" aria-label="Permalink to &quot;Puis-je publier n’importe quel jeu sur Discord ?&quot;"></a></h3>
<p>Uniquement s’il fonctionne dans un navigateur. Une Discord Activity est une application web chargée dans une iframe : les jeux HTML5 et WebGL, ainsi que les exports web Unity WebGL et Godot, sont donc compatibles, contrairement aux jeux exclusivement natifs qui ne peuvent pas être compilés pour le web. Vous devez utiliser l’Embedded App SDK, héberger vous-même la version web à une URL publique et l’enregistrer comme Activity dans le Discord Developer Portal. Si votre jeu fonctionne déjà dans un navigateur, vous avez fait l’essentiel du chemin.</p>
<h3 id="la-publication-d-une-discord-activity-est-elle-gratuite" tabindex="-1">La publication d’une Discord Activity est-elle gratuite ? <a class="header-anchor" href="#la-publication-d-une-discord-activity-est-elle-gratuite" aria-label="Permalink to &quot;La publication d’une Discord Activity est-elle gratuite ?&quot;"></a></h3>
<p>La création de l’application et l’activation des Activities dans le Developer Portal ne coûtent rien. Vous devez toutefois payer votre propre hébergement pour la version web ainsi que les éventuels serveurs de jeu utilisés pour le multijoueur, car Discord se contente de faire transiter votre site par son proxy au lieu de l’héberger. Si vous proposez des achats intégrés, Discord prélève une commission de plateforme de 15 % sur votre premier million de dollars de ventes, puis de 30 % au-delà, auxquels s’ajoutent les frais de traitement des paiements. En revanche, la publication n’entraîne aucuns frais initiaux ni frais de référencement.</p>
<h3 id="comment-les-joueurs-trouvent-ils-ma-discord-activity" tabindex="-1">Comment les joueurs trouvent-ils ma Discord Activity ? <a class="header-anchor" href="#comment-les-joueurs-trouvent-ils-ma-discord-activity" aria-label="Permalink to &quot;Comment les joueurs trouvent-ils ma Discord Activity ?&quot;"></a></h3>
<p>Principalement grâce à leurs amis. Discord ne possède aucune vitrine mondiale permettant de parcourir toutes les Activities. La découverte passe donc par les liens partagés dans les salons, par une personne qui lance le jeu pendant un appel vocal et, une fois votre application vérifiée, par votre profil dans l’App Directory et l’App Launcher intégré au client. Les Activities qui ont connu un fort succès se sont propagées au sein de groupes d’amis existants, plutôt que d’être découvertes dans un catalogue. Misez sur une croissance par le bouche-à-oreille et concevez la première minute entre amis comme l’accroche principale.</p>
<h3 id="ai-je-besoin-d-un-mode-multijoueur-pour-publier-une-activity" tabindex="-1">Ai-je besoin d’un mode multijoueur pour publier une Activity ? <a class="header-anchor" href="#ai-je-besoin-d-un-mode-multijoueur-pour-publier-une-activity" aria-label="Permalink to &quot;Ai-je besoin d’un mode multijoueur pour publier une Activity ?&quot;"></a></h3>
<p>Non, mais c’est tout l’intérêt de la plateforme. Une Activity peut être solo, mais le principal avantage de Discord est d’intégrer votre jeu dans un salon vocal où les amis sont déjà réunis, tandis que le SDK vous fournit directement la liste des participants. Les Activities qui ont percé sont sociales et immédiatement multijoueurs. Un jeu solo obtient généralement de meilleurs résultats sur un portail web capable de lui apporter des visiteurs qui parcourent son catalogue.</p>
<h3 id="comment-la-monetisation-des-discord-activities-se-compare-t-elle-a-celle-des-portails" tabindex="-1">Comment la monétisation des Discord Activities se compare-t-elle à celle des portails ? <a class="header-anchor" href="#comment-la-monetisation-des-discord-activities-se-compare-t-elle-a-celle-des-portails" aria-label="Permalink to &quot;Comment la monétisation des Discord Activities se compare-t-elle à celle des portails ?&quot;"></a></h3>
<p>Discord vous permet de vendre des achats intégrés natifs, sous forme d’abonnements ou d’articles ponctuels, sans rediriger les joueurs vers un système de paiement externe. Vous conservez 85 % de vos revenus jusqu’à un million de dollars de ventes, puis 70 % au-delà, avant déduction des frais de traitement. Les portails web vous versent plus souvent une part des revenus publicitaires calculée en fonction du nombre de parties, ou vous permettent d’exploiter votre propre système d’achats intégrés. Le modèle de Discord favorise les jeux dotés de joueurs fidèles qui achètent des éléments cosmétiques ou des contenus à débloquer, tandis que les portails avantagent les jeux générant un grand volume de parties occasionnelles.</p>
<h3 id="quels-sont-les-principaux-pieges-techniques-lors-d-une-publication-sur-discord" tabindex="-1">Quels sont les principaux pièges techniques lors d’une publication sur Discord ? <a class="header-anchor" href="#quels-sont-les-principaux-pieges-techniques-lors-d-une-publication-sur-discord" aria-label="Permalink to &quot;Quels sont les principaux pièges techniques lors d’une publication sur Discord ?&quot;"></a></h3>
<p>Les deux principaux sont le proxy et la CSP. Chaque requête réseau de votre Activity transite par <code>discordsays.com</code>, et tout domaine externe que vous n’avez pas déclaré dans un mappage d’URL est bloqué. Le problème survient le plus souvent lorsqu’une dépendance appelle discrètement sa propre API. Pour le résoudre, mappez le domaine ou modifiez la requête à l’aide du SDK. Veillez également à limiter le chargement initial, car le jeu s’exécute dans une fenêtre de discussion, et prévoyez des commandes tactiles puisque les Activities fonctionnent aussi sur mobile.</p>
<BuildCta
  title="Les Discord Activities exécutent des jeux web"
  desc="Créez un jeu 3D jouable dans un navigateur à partir d’une seule phrase, puis adaptez-le en Activity."
  prompt="Crée un jeu de groupe rythmé dans lequel jusqu’à quatre amis s’affrontent lors de manches rapides" />
<h2 id="a-decouvrir-aussi" tabindex="-1">À découvrir aussi <a class="header-anchor" href="#a-decouvrir-aussi" aria-label="Permalink to &quot;À découvrir aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/multiplayer-browser-game.html">Comment créer un jeu multijoueur pour navigateur</a> — le code réseau dont votre Activity a besoin derrière le SDK</li>
<li><a href="/fr/guides/publish-web-game.html">Comment publier un jeu web</a> — publiez la version web qui deviendra votre Activity</li>
<li><a href="/fr/guides/publish-game-poki.html">Comment publier un jeu sur Poki</a> — un portail qui vous apporte le trafic de visiteurs dont Discord ne dispose pas</li>
<li><a href="/fr/guides/publish-game-crazygames.html">Comment publier un jeu sur CrazyGames</a> — un autre portail web permettant de toucher un large public</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web</a> — comparez les achats intégrés et les revenus publicitaires sur Discord à ceux des portails</li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux coopératifs</a> — concevez les mécaniques sociales qui favorisent la propagation des Activities</li>
<li><a href="/fr/tutorials/iframe-embedding-games.html">Intégration de jeux dans une iframe</a> — les bases techniques de l’affichage de votre jeu dans Discord</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/publish-game-discord-activities-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment publier votre jeu sur Poki (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/publish-game-poki</link>
            <guid>https://app.cinevva.com/fr/guides/publish-game-poki</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Poki fonctionne sur invitation et se finance par la publicité. Voici comment proposer votre jeu web, réussir le Web Fit Test, respecter les exigences techniques et comprendre le partage des revenus.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-publier-votre-jeu-sur-poki-2026" tabindex="-1">Comment publier votre jeu sur Poki (2026) <a class="header-anchor" href="#comment-publier-votre-jeu-sur-poki-2026" aria-label="Permalink to &quot;Comment publier votre jeu sur Poki (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Pour publier votre jeu sur Poki, vous devez le proposer via le portail <a href="https://developers.poki.com/" target="_blank" rel="noreferrer">Poki for Developers</a>, où une équipe examine chaque jeu et décide s'il correspond à la plateforme. Il n'existe ni bouton de téléversement ouvert à tous ni option « publier maintenant ». Vous créez un compte développeur, téléversez une version HTML5 qui respecte les exigences techniques de Poki — un téléchargement initial inférieur à 8 Mo, une zone de jeu au format 16:9 qui s'adapte aux ordinateurs et aux appareils mobiles, ainsi qu'une intégration correcte du SDK Poki — puis votre jeu passe par plusieurs phases de test : un Player Fit Test, un Web Fit Test et une évaluation finale avant sa sortie mondiale.</p>
<p>Poki est une plateforme de jeux web soigneusement sélectionnés, et non une boutique. Y être accepté ressemble donc davantage à une présentation auprès d'un éditeur qu'à une mise en ligne sur itch.io. L'avantage, c'est que Poki se charge de la distribution. La plateforme a accueilli <a href="https://markets.financialcontent.com/stocks/article/accwirecq-2026-3-20-poki-announces-milestone-of-625-million-players-without-raising-external-funding" target="_blank" rel="noreferrer">625 millions de joueurs en 2025</a> et compte <a href="https://www.superjumpmagazine.com/what-pokis-100-million-monthly-gamers-reveal-about-the-future-of-browser-games/" target="_blank" rel="noreferrer">plus de 100 millions de joueurs mensuels</a>, le tout avec une équipe de 65 personnes qui n'a jamais fait appel à des investisseurs externes. Vous apportez un bon jeu web capable de retenir les joueurs pendant les trois premières minutes, et Poki le présente à une audience comparable à celle d'un réseau de consoles. Ce guide explique le fonctionnement réel de la soumission, le niveau technique exigé, la manière dont vous êtes rémunéré et les raisons pour lesquelles certains jeux sont refusés.</p>
<h2 id="apercu-rapide" tabindex="-1">Aperçu rapide <a class="header-anchor" href="#apercu-rapide" aria-label="Permalink to &quot;Aperçu rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Poki</th>
</tr>
</thead>
<tbody>
<tr>
<td>Modèle de soumission</td>
<td>Sélection sur invitation. Chaque jeu est examiné par une personne. Aucun téléversement ouvert à tous</td>
</tr>
<tr>
<td>Coût de la soumission</td>
<td>Gratuit</td>
</tr>
<tr>
<td>Modèle de revenus</td>
<td>Partage des revenus publicitaires. <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">100 % des revenus issus du trafic que vous apportez, partage à 50/50 pour le trafic apporté par Poki</a></td>
</tr>
<tr>
<td>Mode de paiement</td>
<td>Virement bancaire ou PayPal, dans la devise de votre choix</td>
</tr>
<tr>
<td>Technique</td>
<td>HTML5. Téléchargement initial <a href="https://sdk.poki.com/new-requirements" target="_blank" rel="noreferrer">inférieur à 8 Mo</a>, zone de jeu au format 16:9, SDK Poki obligatoire</td>
</tr>
<tr>
<td>Parcours d'évaluation</td>
<td>Player Fit Test, puis Web Fit Test (<a href="https://sdk.poki.com/web-fit-test" target="_blank" rel="noreferrer">environ 3 à 5 jours</a>), puis évaluation finale</td>
</tr>
<tr>
<td>Délai avant la sortie mondiale</td>
<td>Environ 2 à 3 semaines de <a href="https://sdk.poki.com/releaseprocess" target="_blank" rel="noreferrer">sortie progressive</a> après la réussite des tests</td>
</tr>
</tbody>
</table>
<h2 id="ce-qu-est-poki-et-pourquoi-la-plateforme-merite-vos-efforts" tabindex="-1">Ce qu'est Poki et pourquoi la plateforme mérite vos efforts <a class="header-anchor" href="#ce-qu-est-poki-et-pourquoi-la-plateforme-merite-vos-efforts" aria-label="Permalink to &quot;Ce qu'est Poki et pourquoi la plateforme mérite vos efforts&quot;"></a></h2>
<p>Poki est le plus grand nom du jeu web. La plateforme fonctionne entièrement dans le navigateur, sans téléchargement ni boutique d'applications, et se concentre sur les jeux grand public auxquels les utilisateurs jouent pendant de courtes sessions. Son envergure est sa principale force. Poki a annoncé avoir atteint <a href="https://markets.financialcontent.com/stocks/article/accwirecq-2026-3-20-poki-announces-milestone-of-625-million-players-without-raising-external-funding" target="_blank" rel="noreferrer">625 millions de joueurs en 2025</a> et dépasse <a href="https://www.superjumpmagazine.com/what-pokis-100-million-monthly-gamers-reveal-about-the-future-of-browser-games/" target="_blank" rel="noreferrer">les 100 millions de joueurs mensuels</a>, ce qui la place dans la même catégorie que le PlayStation Network. Les jeux qui y rencontrent le succès atteignent des chiffres considérables : Subway Surfers a dépassé le milliard de parties sur la plateforme, tandis que des titres comme Stickman Hook — plus de 500 millions de parties — et Monkey Mart — environ 300 millions — illustrent ce à quoi ressemble un jeu web à succès, selon <a href="https://www.gamedeveloper.com/business/the-huge-hidden-web-game-market-no-one-talks-about-and-how-to-get-in-" target="_blank" rel="noreferrer">Game Developer</a>.</p>
<p>En contrepartie, vous perdez une partie du contrôle. Sur itch.io, vous publiez et faites connaître votre jeu vous-même. Sur Poki, l'équipe sélectionne le catalogue et gère la distribution : vous échangez donc une part d'indépendance contre une plus grande portée. Ce modèle ne fonctionne que si votre jeu atteint le niveau exigé, ce qui constitue le sujet du reste de ce guide.</p>
<h2 id="le-processus-de-soumission-etape-par-etape" tabindex="-1">Le processus de soumission, étape par étape <a class="header-anchor" href="#le-processus-de-soumission-etape-par-etape" aria-label="Permalink to &quot;Le processus de soumission, étape par étape&quot;"></a></h2>
<p>Vous commencez sur <a href="https://developers.poki.com/" target="_blank" rel="noreferrer">Poki for Developers</a>, le portail qui regroupe les informations de votre équipe et vos jeux. Vous créez un compte et proposez votre jeu au moyen du formulaire. Poki se présente comme une plateforme dont le contenu est sélectionné manuellement : l'équipe examine chaque soumission et décide si elle correspond à ses critères. Un refus ou une absence de réponse constitue donc une issue normale, pas un dysfonctionnement.</p>
<p>Si Poki souhaite poursuivre, votre jeu passe par un parcours en plusieurs étapes présenté sur le <a href="https://sdk.poki.com/what-is-p4d" target="_blank" rel="noreferrer">site Poki for Developers</a> : vous ajoutez votre jeu, recueillez les premiers retours des joueurs, puis passez le Player Fit Test, le Web Fit Test et une évaluation finale par Poki. Chaque étape vise à répondre à une question à l'aide de vrais joueurs avant que Poki ne consacre son trafic à votre jeu : les utilisateurs continuent-ils réellement à jouer ?</p>
<p>Le Player Fit Test est le premier véritable filtre. Un développeur ayant documenté son parcours de publication décrit le seuil comme suit : <a href="https://kuyimobile.substack.com/p/my-game-production-process-and-how" target="_blank" rel="noreferrer">125 joueurs sur 500 — soit 25 % — doivent jouer pendant au moins 3 minutes</a>. Si suffisamment de joueurs restent, vous accédez au Web Fit Test, qui présente le jeu à un groupe plus important pendant <a href="https://sdk.poki.com/web-fit-test" target="_blank" rel="noreferrer">environ 3 à 5 jours selon la documentation de Poki</a>, même si certains développeurs évoquent plutôt une semaine. Si vous réussissez ce test, Poki vous contacte pour vous accompagner jusqu'à la sortie.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" role="img" aria-label="Le parcours de soumission de Poki : soumission via le portail développeur, puis Player Fit Test, durant lequel 125 testeurs sur 500 — soit 25 % — doivent jouer pendant au moins 3 minutes, suivi d'un Web Fit Test de 3 à 5 jours, puis d'une sortie progressive de 2 à 3 semaines visant au moins une publicité par utilisateur actif quotidien, et enfin d'une sortie mondiale avec une mise en avant d'environ 2 semaines" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="380" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Le parcours de soumission de Poki</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Chaque étape est un filtre. Les vrais joueurs décident avant que Poki n'investisse son trafic.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(80,92)">
      <rect width="600" height="42" rx="9" fill="#7dd3fc"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">1 · Soumission via le portail développeur</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Créez un compte et téléversez la version HTML5. Évaluation humaine, accès fermé.</text>
    </g>
    <g transform="translate(80,148)">
      <rect width="500" height="42" rx="9" fill="#c8a8ff"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">2 · Player Fit Test</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">125 testeurs sur 500 (25 %) doivent jouer au moins 3 minutes.</text>
    </g>
    <g transform="translate(80,204)">
      <rect width="410" height="42" rx="9" fill="#a9b4ff"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">3 · Web Fit Test</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Groupe de joueurs élargi, pendant 3 à 5 jours.</text>
    </g>
    <g transform="translate(80,260)">
      <rect width="340" height="42" rx="9" fill="#f0abfc"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">4 · Sortie progressive</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">2 à 3 semaines. Objectif : ≥1 publicité par UAJ.</text>
    </g>
    <g transform="translate(80,316)">
      <rect width="300" height="42" rx="9" fill="#6ee7b7"/>
      <text x="18" y="19" font-size="14" font-weight="800" fill="#0b1020">5 · Sortie mondiale</text>
      <text x="18" y="35" font-size="11.5" fill="#0b1020" fill-opacity="0.72">Mise en avant d'environ 2 semaines.</text>
    </g>
  </g>
</svg>
<h2 id="sortie-progressive-et-lancement-mondial" tabindex="-1">Sortie progressive et lancement mondial <a class="header-anchor" href="#sortie-progressive-et-lancement-mondial" aria-label="Permalink to &quot;Sortie progressive et lancement mondial&quot;"></a></h2>
<p>La réussite des tests d'adéquation ne vous place pas immédiatement sur la page d'accueil. Poki commence par une sortie progressive. D'après la <a href="https://sdk.poki.com/releaseprocess" target="_blank" rel="noreferrer">documentation du processus de sortie</a>, sa planification prend généralement une à deux semaines, puis elle dure environ deux à trois semaines. Pendant cette période, votre jeu apparaît sur les pages de catégories pertinentes, mais pas sur les pages d'accueil. Vous surveillez alors un ensemble précis d'indicateurs dans le tableau de bord : conversion en parties lancées, engagement, erreurs et monétisation. Pour ce dernier point, Poki recommande de viser au moins une publicité par utilisateur actif quotidien, avec un bon équilibre entre les vidéos interstitielles et les vidéos récompensées.</p>
<p>La sortie progressive est le moment d'appliquer des correctifs. Vous pouvez publier de nouvelles versions et effectuer des tests A/B pendant que le jeu est proposé à une audience restreinte, afin d'ajuster la rétention et le rythme des publicités avant la grande mise en avant. Lorsque les indicateurs de la sortie progressive sont suffisamment bons, le jeu passe à la sortie mondiale. Le système de promotion de Poki le met alors en avant sur les pages d'accueil localisées, les pages de catégories et les pages de jeux, avec ce que la documentation décrit comme une importante campagne d'environ deux semaines, accompagnée d'une icône de flamme « nouveau ».</p>
<h2 id="les-exigences-techniques-a-respecter" tabindex="-1">Les exigences techniques à respecter <a class="header-anchor" href="#les-exigences-techniques-a-respecter" aria-label="Permalink to &quot;Les exigences techniques à respecter&quot;"></a></h2>
<p>La <a href="https://sdk.poki.com/new-requirements" target="_blank" rel="noreferrer">page des exigences</a> de Poki est précise, et ne pas les respecter est un moyen rapide de voir son jeu refusé. Le chiffre essentiel concerne la taille : visez un téléchargement initial inférieur à 8 Mo. Les joueurs sur le Web n'attendront pas la fin d'un chargement trop lourd, et c'est la contrainte sur laquelle échouent la plupart des portages de jeux pour consoles ou appareils mobiles.</p>
<p>Votre jeu doit utiliser une zone de jeu au format 16:9 et s'adapter proprement à tous les appareils. Poki indique comme dimensions proportionnelles 640x360, 836x470 ou 1031x580. Votre jeu doit couvrir toute la zone disponible sur ordinateur, mobile et tablette. Sur téléphone, il doit remplir l'écran en mode portrait, paysage ou les deux. Les tablettes doivent utiliser le système de commandes pour appareils mobiles, et non celui pour ordinateurs.</p>
<p>Vous devez intégrer correctement le SDK Poki, et ses événements ne sont pas de simples éléments facultatifs. <code>gameplayStart()</code> doit se déclencher lors de la première action du joueur, jamais au chargement, tandis que <code>gameplayStop()</code> doit se déclencher à chaque interruption, par exemple lors d'une pause, de l'ouverture d'un menu ou de la fin d'un niveau. Ces événements ne peuvent pas se déclencher l'un immédiatement après l'autre, et aucun événement publicitaire ne doit être émis pendant une vidéo interstitielle ou récompensée. Poki utilise ces signaux pour placer les publicités et mesurer les tests d'adéquation. Une mauvaise implémentation compromet donc ces deux aspects.</p>
<p>Quelques autres points posent souvent problème. Poki <a href="https://sdk.poki.com/new-requirements" target="_blank" rel="noreferrer">bloque par défaut toutes les requêtes externes</a>, vous devez donc tout inclure dans votre version : aucune police Google Fonts, aucun CDN de ressources et aucune bibliothèque de code externe chargée à l'exécution. Seul le système publicitaire de Poki est autorisé ; supprimez donc tout autre SDK de publicité ou de suivi, les outils de suivi externes devant d'abord être approuvés par Poki. Votre jeu doit fonctionner en navigation privée, ce qui implique d'encadrer les accès à <code>localStorage</code> avec try/catch afin qu'un appel au stockage bloqué ne fasse pas planter le jeu. Pour la sortie mondiale, vous aurez également besoin d'une miniature statique et d'une miniature animée. Avant la soumission, supprimez tout le code de débogage, les outils de développement et les éléments de test.</p>
<p>Concernant les moteurs, Poki ne se préoccupe pas de la manière dont vous développez votre jeu, du moment qu'il est correctement exporté en HTML5. La <a href="https://sdk.poki.com/faq" target="_blank" rel="noreferrer">FAQ</a> indique que le SDK prend en charge HTML5, Defold, Unity, GameMaker, Phaser 3, Godot, Cocos, Construct 3 et GDevelop. Un outil permet également de convertir d'anciens jeux Flash en HTML5. Unity fonctionne, mais c'est le moteur le plus difficile à faire tenir dans la limite de 8 Mo : vous devrez suivre les recommandations d'optimisation de Poki et exporter une version WASM pour avoir une chance de respecter cette limite.</p>
<p>Si vous créez votre jeu avec Cinevva, cette partie est en grande partie prise en charge. Cinevva exporte une version HTML5 autonome qui inclut toutes les ressources, exactement le format recherché par Poki. Au lieu de vous battre pour réduire la taille d'un moteur lourd, vous pouvez donc vous concentrer sur l'intégration des événements du SDK et l'optimisation de la rétention.</p>
<h2 id="comment-les-developpeurs-sont-remuneres" tabindex="-1">Comment les développeurs sont rémunérés <a class="header-anchor" href="#comment-les-developpeurs-sont-remuneres" aria-label="Permalink to &quot;Comment les développeurs sont rémunérés&quot;"></a></h2>
<p>Le modèle de Poki repose <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">entièrement sur la publicité</a>, ce qui signifie que vous n'avez jamais à gérer l'intégration des paiements ou les achats intégrés. Vous recevez une part des revenus publicitaires, dont le montant dépend de l'origine du joueur. Si un joueur accède directement à votre jeu par l'intermédiaire d'un favori, d'un moteur de recherche, des réseaux sociaux ou de votre propre communauté, vous conservez 100 % des revenus générés par ce joueur. Si un joueur découvre votre jeu par l'intermédiaire de Poki.com ou d'une campagne marketing de Poki, les revenus sont partagés à 50/50. Cette structure récompense discrètement les développeurs qui apportent leur propre audience : le trafic que vous générez vous rapporte deux fois plus que celui apporté par Poki.</p>
<p>Poki effectue les paiements par virement bancaire ou PayPal. Vous pouvez définir vos informations de facturation et votre devise préférée dans le portail développeur. En plus du partage classique des revenus, Poki conclut également des accords de licence, en versant à certains développeurs une somme initiale ou des paiements réguliers pour qu'un jeu reste exclusivement ou principalement disponible sur la plateforme. Ces accords ne sont pas standardisés publiquement et concernent généralement les jeux que Poki souhaite fortement mettre en avant.</p>
<p>Appuyez-vous sur des chiffres réels pour définir vos attentes. Pour un premier jeu web, une fourchette réaliste se situe <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/" target="_blank" rel="noreferrer">autour de 500 à 3 000 $ par mois</a>. Les revenus dépendent fortement du genre, de la fréquence des mises à jour et de l'ancienneté du jeu en ligne. C'est nettement moins que ce qu'un succès sur Steam peut rapporter sur une courte période, mais les revenus du Web sont plus réguliers et s'accumulent : la durée des sessions génère des recettes publicitaires, si bien qu'un jeu doté d'une forte rejouabilité continue à rapporter longtemps après sa sortie. De plus, la plupart des développeurs qui réussissent sur le Web le font grâce à plusieurs jeux plutôt qu'à un seul.</p>
<h2 id="poki-face-aux-autres-plateformes-de-jeux-web" tabindex="-1">Poki face aux autres plateformes de jeux web <a class="header-anchor" href="#poki-face-aux-autres-plateformes-de-jeux-web" aria-label="Permalink to &quot;Poki face aux autres plateformes de jeux web&quot;"></a></h2>
<p>Poki n'est pas la seule plateforme où publier un jeu pour navigateur, et le bon choix dépend de l'importance que vous accordez à la portée par rapport au contrôle.</p>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>Conditions d’accès</th>
<th>Modèle de revenus</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td>Poki</td>
<td>Sélection sur invitation, avec validation humaine</td>
<td>Partage des revenus publicitaires : <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">100 % pour le trafic direct, 50/50 pour le trafic provenant de Poki</a></td>
<td>Les jeux casual visant la plus grande audience du Web</td>
</tr>
<tr>
<td>CrazyGames</td>
<td>Sélection avec validation avant la mise en ligne</td>
<td>Partage des revenus publicitaires</td>
<td>Les jeux Web casual et mid-core, avec une portée similaire à celle de Poki</td>
</tr>
<tr>
<td>itch.io</td>
<td>Plateforme ouverte, sans sélection</td>
<td>Vous fixez la commission (<a href="https://itch.io/docs/creators/pricing" target="_blank" rel="noreferrer">environ 10 % par défaut</a>, prix libre ou fixe)</td>
<td>Les jeux indépendants, expérimentaux et de game jam que vous souhaitez maîtriser de bout en bout</td>
</tr>
<tr>
<td>Newgrounds</td>
<td>Soumission ouverte à la communauté</td>
<td>Partage des revenus publicitaires et dons des soutiens</td>
<td>Les expériences courtes, créatives et communautaires bénéficiant d’une audience intégrée</td>
</tr>
</tbody>
</table>
<p>Voici la façon la plus simple de voir les choses : Poki et CrazyGames sont des plateformes sélectives, financées par la publicité et immenses ; vous échangez donc une partie de votre indépendance contre de la visibilité. itch.io et Newgrounds sont ouvertes : tout le monde peut y publier, mais vous devez assurer vous-même votre marketing. De nombreux développeurs Web soumettent leurs jeux à Poki et CrazyGames pour profiter de leur portée, tout en conservant une page itch.io qu’ils contrôlent entièrement. Pour découvrir la stratégie complète sur itch.io, consultez notre <a href="/fr/guides/itch-io-launch-guide.html">guide de lancement sur itch.io</a>.</p>
<h2 id="ce-qui-fonctionne-vraiment-sur-poki" tabindex="-1">Ce qui fonctionne vraiment sur Poki <a class="header-anchor" href="#ce-qui-fonctionne-vraiment-sur-poki" aria-label="Permalink to &quot;Ce qui fonctionne vraiment sur Poki&quot;"></a></h2>
<p>Poki privilégie avant tout les jeux casual. Les jeux qui décollent sont rapides à comprendre, adaptés aux courtes sessions, compatibles avec les appareils mobiles et dotés d’une forte rejouabilité. Ce dernier point compte plus qu’il n’y paraît : comme vos revenus dépendent des impressions publicitaires pendant les sessions, un jeu auquel les joueurs reviennent rapporte bien davantage qu’une expérience jouée une seule fois, même avec un pic d’audience identique. Les boucles arcade simples, les jeux multijoueurs de style <code>.io</code>, les jeux d’habillage et de personnalisation ainsi que les jeux d’action aux parties courtes correspondent tous à ce modèle. L’audience est également plus jeune et plus mobile que le public habituel de Steam. Les commandes à un pouce et le redémarrage instantané sont donc plus efficaces qu’une conception complexe exigeant un fort investissement.</p>
<h2 id="motifs-de-refus-frequents" tabindex="-1">Motifs de refus fréquents <a class="header-anchor" href="#motifs-de-refus-frequents" aria-label="Permalink to &quot;Motifs de refus fréquents&quot;"></a></h2>
<p>La plupart des refus sont liés à la rétention et au niveau de finition, plutôt qu’aux goûts de l’équipe. Le principal problème est une <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/" target="_blank" rel="noreferrer">faible rétention des joueurs pendant les trois premières minutes</a>, précisément ce que mesure le Player Fit Test. Si votre introduction est lente ou confuse, vous échouerez donc à cette étape avant même qu’une personne n’examine réellement votre jeu. Viennent ensuite les builds qui dépassent largement la <a href="https://sdk.poki.com/new-requirements" target="_blank" rel="noreferrer">limite de téléchargement initial de 8 Mo</a>, une mauvaise compatibilité mobile, les jeux nécessitant des commandes complexes ou un investissement prolongé, ainsi que tout ce qui paraît inachevé ou manque de finition. Les problèmes de propriété intellectuelle entraînent également un refus, car Poki vérifie à la fois l’adéquation technique et les droits associés aux jeux. Corrigez d’abord la rétention et la taille, car ce sont les deux facteurs qui éliminent les soumissions avant tous les autres.</p>
<BuildCta
  title="Créez un jeu que vous pourriez proposer à Poki"
  desc="Cinevva transforme une phrase en jeu Web HTML5 jouable, que vous pouvez exporter, connecter au SDK Poki et soumettre."
  prompt="Crée un jeu d’arcade jouable à un pouce, avec une boucle de 10 secondes et un redémarrage instantané" />
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="comment-soumettre-mon-jeu-a-poki" tabindex="-1">Comment soumettre mon jeu à Poki ? <a class="header-anchor" href="#comment-soumettre-mon-jeu-a-poki" aria-label="Permalink to &quot;Comment soumettre mon jeu à Poki ?&quot;"></a></h3>
<p>Vous devez passer par le <a href="https://developers.poki.com/" target="_blank" rel="noreferrer">portail Poki for Developers</a>, créer un compte développeur et envoyer votre jeu au moyen du formulaire de soumission. Poki effectue une sélection manuelle : une véritable équipe examine chaque soumission et détermine si elle correspond à la plateforme avant toute mise en ligne. Si votre jeu l’intéresse, il passe par plusieurs phases de test — Player Fit Test, puis Web Fit Test et enfin une validation finale — afin que de vrais joueurs prouvent sa capacité à retenir leur attention avant que Poki ne lui consacre du trafic. Il n’existe pas de mise en ligne libre : abordez donc la démarche davantage comme une présentation à un éditeur que comme une simple publication sur une boutique.</p>
<h3 id="la-publication-sur-poki-est-elle-gratuite-et-la-selection-est-elle-stricte" tabindex="-1">La publication sur Poki est-elle gratuite et la sélection est-elle stricte ? <a class="header-anchor" href="#la-publication-sur-poki-est-elle-gratuite-et-la-selection-est-elle-stricte" aria-label="Permalink to &quot;La publication sur Poki est-elle gratuite et la sélection est-elle stricte ?&quot;"></a></h3>
<p>La soumission est gratuite, mais Poki est sélectif. L’équipe examine chaque jeu et le fait tester par de vrais joueurs au cours de plusieurs étapes. Il ne s’agit donc pas d’une plateforme ouverte où tout peut être publié. Le principal critère est la rétention : selon un témoignage de développeur souvent cité, le seuil du Player Fit Test exige qu’<a href="https://kuyimobile.substack.com/p/my-game-production-process-and-how" target="_blank" rel="noreferrer">au moins 25 % des testeurs jouent pendant trois minutes</a>. Les jeux qui manquent de finition, sont trop lourds, difficiles à contrôler ou mal adaptés aux appareils mobiles ont tendance à échouer. Une excellente première minute et un haut niveau de finition comptent donc davantage qu’une idée originale.</p>
<h3 id="combien-peut-on-gagner-sur-poki" tabindex="-1">Combien peut-on gagner sur Poki ? <a class="header-anchor" href="#combien-peut-on-gagner-sur-poki" aria-label="Permalink to &quot;Combien peut-on gagner sur Poki ?&quot;"></a></h3>
<p>Poki partage les revenus publicitaires, et une fourchette réaliste pour un premier jeu Web se situe <a href="https://indiegamebusiness.com/web-gaming-for-indie-developers/" target="_blank" rel="noreferrer">entre environ 500 et 3 000 $ par mois</a>, selon le genre, la fréquence des mises à jour et l’ancienneté du jeu sur la plateforme. La répartition favorise les développeurs qui apportent leur propre audience : vous conservez <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">100 % des revenus issus du trafic que vous générez et 50 % de ceux issus du trafic apporté par Poki</a>. C’est moins qu’un lancement exceptionnel sur Steam, mais les revenus sont plus réguliers. Comme ils dépendent du temps de session, un jeu très rejouable continue de rapporter longtemps après sa sortie.</p>
<h3 id="quelles-sont-les-exigences-techniques-de-poki" tabindex="-1">Quelles sont les exigences techniques de Poki ? <a class="header-anchor" href="#quelles-sont-les-exigences-techniques-de-poki" aria-label="Permalink to &quot;Quelles sont les exigences techniques de Poki ?&quot;"></a></h3>
<p>Votre jeu doit être en HTML5, avec un <a href="https://sdk.poki.com/new-requirements" target="_blank" rel="noreferrer">téléchargement initial inférieur à 8 Mo</a>, utiliser une zone de jeu au format 16:9 qui s’adapte aux ordinateurs, appareils mobiles et tablettes, et intégrer le SDK Poki en déclenchant correctement les événements <code>gameplayStart()</code> et <code>gameplayStop()</code>. Poki bloque les requêtes externes par défaut : regroupez donc toutes vos polices, ressources et bibliothèques dans le build au lieu de les charger pendant l’exécution, et utilisez uniquement le système publicitaire de Poki. Le jeu doit également fonctionner en navigation privée — entourez <code>localStorage</code> d’un bloc try/catch — et inclure des miniatures statiques et animées pour sa sortie mondiale.</p>
<h3 id="combien-de-temps-faut-il-pour-publier-un-jeu-sur-poki" tabindex="-1">Combien de temps faut-il pour publier un jeu sur Poki ? <a class="header-anchor" href="#combien-de-temps-faut-il-pour-publier-un-jeu-sur-poki" aria-label="Permalink to &quot;Combien de temps faut-il pour publier un jeu sur Poki ?&quot;"></a></h3>
<p>Prévoyez plusieurs semaines, et non quelques jours. Après avoir réussi les tests Player Fit et Web Fit — le <a href="https://sdk.poki.com/web-fit-test" target="_blank" rel="noreferrer">Web Fit Test dure à lui seul environ 3 à 5 jours</a> — votre jeu entre en phase de lancement progressif, dont la <a href="https://sdk.poki.com/releaseprocess" target="_blank" rel="noreferrer">programmation prend généralement une à deux semaines et l’exécution deux à trois semaines</a>. Ce n’est que si les indicateurs de ce lancement progressif sont bons que le jeu bénéficie d’une sortie mondiale accompagnée d’une campagne promotionnelle. L’ensemble du parcours, de la soumission à un lancement mondial mis en avant, prend généralement un mois ou plus.</p>
<h3 id="quels-types-de-jeux-fonctionnent-le-mieux-sur-poki" tabindex="-1">Quels types de jeux fonctionnent le mieux sur Poki ? <a class="header-anchor" href="#quels-types-de-jeux-fonctionnent-le-mieux-sur-poki" aria-label="Permalink to &quot;Quels types de jeux fonctionnent le mieux sur Poki ?&quot;"></a></h3>
<p>Les jeux casual à forte rejouabilité. L’audience de Poki joue pendant de courtes périodes et utilise beaucoup les appareils mobiles. Les boucles arcade rapides à comprendre, les jeux de style <code>.io</code>, les titres d’habillage et de personnalisation ainsi que les jeux d’action aux parties courtes sont donc les mieux adaptés. Comme vos revenus dépendent des impressions publicitaires pendant les sessions, un jeu auquel les joueurs reviennent chaque jour rapporte davantage qu’une expérience ponctuelle attirant la même audience. Les commandes complexes, les parties longues et les builds lourds jouent en votre défaveur.</p>
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-web-game.html">Publier un jeu Web : le guide complet</a> — toutes les plateformes et méthodes pour lancer un jeu sur navigateur</li>
<li><a href="/fr/guides/publish-game-crazygames.html">Comment publier votre jeu sur CrazyGames</a> — l’autre grande plateforme Web sélective, à laquelle les jeux sont souvent soumis en parallèle de Poki</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux Web</a> — revenus publicitaires, achats intégrés et licences sur les plateformes Web</li>
<li><a href="/fr/guides/publish-game-discord-activities.html">Comment publier un jeu sur Discord Activities</a> — une autre audience Web intégrée auprès de laquelle lancer votre jeu</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a> — l’alternative ouverte que vous contrôlez entièrement</li>
<li><a href="/fr/tutorials/ship-web-game-fast.html">Lancer un jeu Web qui se charge rapidement</a> — respecter la limite de 8 Mo de Poki et accélérer le chargement initial</li>
<li><a href="/fr/guides/casual-games-trends-2026.html">Tendances des jeux casual en 2026</a> — ce que révèlent les données sur les jeux recherchés par l’audience de Poki</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/publish-game-poki-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Monétisation des jeux web : ce que disent vraiment les données (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/web-game-monetization</link>
            <guid>https://app.cinevva.com/fr/guides/web-game-monetization</guid>
            <pubDate>Fri, 17 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce que rapportent réellement les jeux web en 2026, du partage des revenus des portails comme Poki et itch.io aux véritables CPM publicitaires, prix des licences et fourchettes de revenus réalistes, le tout avec des sources.]]></description>
            <content:encoded><![CDATA[<h1 id="monetisation-des-jeux-web-ce-que-disent-vraiment-les-donnees-2026" tabindex="-1">Monétisation des jeux web : ce que disent vraiment les données (2026) <a class="header-anchor" href="#monetisation-des-jeux-web-ce-que-disent-vraiment-les-donnees-2026" aria-label="Permalink to &quot;Monétisation des jeux web : ce que disent vraiment les données (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Demandez « comment les jeux web gagnent-ils de l'argent ? » et vous obtiendrez une douzaine de réponses péremptoires, dont la plupart vantent la plateforme commercialisée par leur auteur. La vérité est plus complexe, mais aussi plus utile. Les revenus des jeux web proviennent de quatre sources (partage des revenus publicitaires des portails, contrats de licence ponctuels, achats intégrés et ventes directes) et vont de quelques euros par an à des sommes à sept chiffres pour la minuscule poignée de jeux au sommet. Nous avons recueilli les conditions actuelles directement auprès des plateformes (<a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">Poki</a>, <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">CrazyGames</a>, <a href="https://itch.io/updates/introducing-open-revenue-sharing" target="_blank" rel="noreferrer">itch.io</a>, <a href="https://gamemonetize.com/developers" target="_blank" rel="noreferrer">GameMonetize</a>), les références publicitaires de 2026 et le détail des revenus d'un véritable développeur, en écartant tous les chiffres que nous ne pouvions pas sourcer. Voici ce qui est réellement vrai.</p>
<p>En bref : la plupart des jeux web gagnent de l'argent en étant proposés gratuitement sur un portail comme Poki ou CrazyGames, puis en partageant les revenus publicitaires. Les développeurs conservent environ 50 à 80 % selon la plateforme et la source du trafic, d'après la <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">documentation des plateformes</a>. Une deuxième voie consiste à céder sous licence votre jeu HTML5 terminé à des portails en échange d'un forfait, généralement <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">300 à 800 $ pour une licence non exclusive et 5 000 $ ou plus pour une licence exclusive</a>. Une troisième option consiste à vendre des achats intégrés ou directement le jeu entier, itch.io vous permettant alors de conserver <a href="https://itch.io/updates/introducing-open-revenue-sharing" target="_blank" rel="noreferrer">90 % par défaut</a>. Les chiffres sont impitoyables au niveau médian (la plupart des jeux payants sur itch.io rapportent <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide" target="_blank" rel="noreferrer">moins de 50 $ par mois</a>) et énormes au sommet (les meilleurs studios sur Poki perçoivent <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1" target="_blank" rel="noreferrer">jusqu'à 1 million d'euros par an</a>). Un jeu casual performant sur un portail majeur se situe quelque part dans une fourchette intermédiaire de <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php" target="_blank" rel="noreferrer">200 à 2 000 $ par mois</a>.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 350" role="img" aria-label="Part des revenus revenant au développeur par plateforme de jeux web en 2026 : itch.io 90 %, Playgama Bridge 80 %, achats intégrés CrazyGames 70 %, publicités CrazyGames 60 %, Poki 50 %, GameMonetize 45 %" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="350" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Ce que chaque plateforme vous laisse conserver</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Part des revenus du développeur, mi-2026. Source : documentation des plateformes et conditions publiées des game jams.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700">
    <text x="205" y="118" text-anchor="end" fill="#e8edf5">itch.io (par défaut)</text>
    <rect x="220" y="102" width="414" height="24" rx="5" fill="#6ee7b7"/>
    <text x="644" y="119" font-size="13" font-weight="800" fill="#6ee7b7">90%</text>
    <text x="205" y="158" text-anchor="end" fill="#e8edf5">Playgama Bridge</text>
    <rect x="220" y="142" width="368" height="24" rx="5" fill="#7dd3fc"/>
    <text x="598" y="159" font-size="13" font-weight="800" fill="#7dd3fc">80%</text>
    <text x="205" y="198" text-anchor="end" fill="#e8edf5">CrazyGames · achats</text>
    <rect x="220" y="182" width="322" height="24" rx="5" fill="#7dd3fc"/>
    <text x="552" y="199" font-size="13" font-weight="800" fill="#7dd3fc">70%</text>
    <text x="205" y="238" text-anchor="end" fill="#e8edf5">CrazyGames · publicités</text>
    <rect x="220" y="222" width="276" height="24" rx="5" fill="#a9b4ff"/>
    <text x="506" y="239" font-size="13" font-weight="800" fill="#a9b4ff">60%</text>
    <text x="205" y="278" text-anchor="end" fill="#e8edf5">Poki</text>
    <rect x="220" y="262" width="230" height="24" rx="5" fill="#c8a8ff"/>
    <text x="460" y="279" font-size="13" font-weight="800" fill="#c8a8ff">50%</text>
    <text x="516" y="279" font-size="11.5" font-weight="600" fill="#9aa7b4">100 % sur votre propre trafic</text>
    <text x="205" y="318" text-anchor="end" fill="#e8edf5">GameMonetize</text>
    <rect x="220" y="302" width="207" height="24" rx="5" fill="#fb7185"/>
    <text x="437" y="319" font-size="13" font-weight="800" fill="#fb7185">45%</text>
  </g>
</svg>
<h2 id="le-modele-economique-par-defaut-des-jeux-web-free-to-play-et-partage-des-revenus-publicitaires" tabindex="-1">Le modèle économique par défaut des jeux web : free-to-play et partage des revenus publicitaires <a class="header-anchor" href="#le-modele-economique-par-defaut-des-jeux-web-free-to-play-et-partage-des-revenus-publicitaires" aria-label="Permalink to &quot;Le modèle économique par défaut des jeux web : free-to-play et partage des revenus publicitaires&quot;"></a></h2>
<p>Le modèle dominant sur le web ouvert est extrêmement simple. Vous mettez gratuitement votre jeu sur un portail, les joueurs y jouent dans leur navigateur, le portail affiche des publicités autour et à l'intérieur du jeu, puis vous partagez les revenus. Il n'y a ni frais initiaux ni contrôle d'accès imposé par une boutique. Le portail gère la technologie publicitaire, le trafic et les paiements, et vous en percevez une part.</p>
<p>C'est sur cette part que les plateformes diffèrent. <a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">Poki</a> applique un partage direct à 50/50, avec une nuance importante : si un joueur accède à votre jeu via Poki.com ou les propres campagnes marketing de Poki, les revenus sont partagés à parts égales ; s'il arrive grâce à vos propres favoris, aux moteurs de recherche, aux réseaux sociaux ou à votre communauté, vous conservez 100 %. C'est une incitation délibérée à amener votre propre audience. CrazyGames n'indique pas la répartition dans sa documentation principale destinée aux développeurs, mais les conditions publiées pour sa <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">game jam GameMaker de 2026</a> précisent que les développeurs conservent 60 % des revenus publicitaires générés dans le jeu et 70 % des revenus issus des achats intégrés, avec des paiements dès que vous dépassez le <a href="https://docs.crazygames.com/faq/" target="_blank" rel="noreferrer">seuil minimum de 100 €</a>. GameMonetize se situe dans le bas de la fourchette avec une <a href="https://gamemonetize.com/developers" target="_blank" rel="noreferrer">part de 45 %</a>, tandis que de nouvelles couches de distribution comme Playgama Bridge annoncent <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">80 %</a>. L'écart est réel : le choix de votre plateforme est donc une décision liée aux revenus, pas seulement à la distribution.</p>
<p>C'est l'échelle qui donne de la valeur à ces répartitions. Poki a dépassé <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1" target="_blank" rel="noreferrer">1 milliard de parties par mois</a> en 2026, avec plus de 600 studios indépendants dans son catalogue, et CrazyGames annonce <a href="https://gamesbeat.com/crazygames-hits-35m-users-for-browser-games-and-launches-social-multiplayer-features/" target="_blank" rel="noreferrer">plus de 300 millions de parties par mois</a> auprès de plus de 50 millions de joueurs mensuels, d'après son portail développeur. Les agrégateurs ratissent encore plus large : <a href="https://gamedistribution.com/developers/partnership/" target="_blank" rel="noreferrer">GameDistribution</a> diffuse des jeux sur plus de 4 000 portails touchant 350 millions d'utilisateurs par mois. Un seul bon jeu peut atteindre des chiffres difficiles à imaginer. Dans son tour d'horizon du marché des jeux web, <a href="https://www.gamedeveloper.com/business/the-huge-hidden-web-game-market-no-one-talks-about-and-how-to-get-in-" target="_blank" rel="noreferrer">Game Developer indique</a> que Monkey Mart a atteint 300 millions de parties, Level Devil 83 millions et Stickman Hook 574 millions, le tout pour des jeux ayant coûté moins de 10 000 $ et nécessité un à trois mois de développement.</p>
<h2 id="ce-que-rapportent-reellement-les-tarifs-publicitaires-des-jeux-web" tabindex="-1">Ce que rapportent réellement les tarifs publicitaires des jeux web <a class="header-anchor" href="#ce-que-rapportent-reellement-les-tarifs-publicitaires-des-jeux-web" aria-label="Permalink to &quot;Ce que rapportent réellement les tarifs publicitaires des jeux web&quot;"></a></h2>
<p>Le partage des revenus n'a de sens que si vous connaissez les tarifs publicitaires sous-jacents. Or, les données sur les jeux web sont rares, car la plupart des références publiées concernent les applications mobiles. Les chiffres les plus clairs propres au web proviennent de <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">l'analyse de la monétisation publiée par Playgama en 2026</a> : la vidéo récompensée, le format le plus rémunérateur, génère un eCPM d'environ 15 à 28 $ aux États-Unis, 8 à 15 $ dans l'UE et seulement 1 à 3 $ sur les marchés de niveau 3 comme l'Inde et le Brésil. Les publicités « intrinsèques » intégrées au jeu (placements de marques directement incorporés au décor) génèrent de 2 à 6 $. Il s'agit des tarifs bruts avant le partage des revenus. Ainsi, une audience principalement américaine sur Poki vous rapporte la moitié du chiffre le plus élevé, tandis qu'une audience mondiale produit une moyenne pondérée vers le bas de la fourchette.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="eCPM des vidéos récompensées sur le web par région en 2026 : États-Unis 15 à 28 dollars, Union européenne 8 à 15 dollars, marchés de niveau 3 1 à 3 dollars" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Ce que rapporte la vidéo récompensée sur le web</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Fourchette d'eCPM des vidéos récompensées sur le web, avant partage des revenus. Source : Playgama, 2026.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#5b6472">
    <line x1="180" y1="96" x2="180" y2="248" stroke="#ffffff" stroke-opacity="0.14"/>
    <text x="180" y="268" text-anchor="middle">$0</text>
    <text x="347" y="268" text-anchor="middle">$10</text>
    <text x="513" y="268" text-anchor="middle">$20</text>
    <text x="680" y="268" text-anchor="middle">$30</text>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="14" font-weight="700">
    <text x="165" y="126" text-anchor="end" fill="#e8edf5">États-Unis</text>
    <rect x="430" y="110" width="217" height="26" rx="6" fill="#c8a8ff"/>
    <text x="538" y="128" text-anchor="middle" font-size="12.5" font-weight="800" fill="#0b1020">$15–$28</text>
    <text x="165" y="176" text-anchor="end" fill="#e8edf5">Union européenne</text>
    <rect x="313" y="160" width="117" height="26" rx="6" fill="#7dd3fc"/>
    <text x="371" y="178" text-anchor="middle" font-size="12.5" font-weight="800" fill="#0b1020">$8–$15</text>
    <text x="165" y="226" text-anchor="end" fill="#e8edf5">Niveau 3 (IN, BR)</text>
    <rect x="197" y="210" width="34" height="26" rx="6" fill="#fb7185"/>
    <text x="252" y="228" font-size="12.5" font-weight="800" fill="#fb7185">$1–$3</text>
  </g>
</svg>
<p>Le tarif que vous obtenez dépend également du format, et toutes les sources s'accordent ici sur le classement. La vidéo récompensée (l'emplacement facultatif où le joueur « regarde une publicité en échange d'une récompense ») rapporte le plus, souvent environ deux fois plus qu'une publicité interstitielle, selon le <a href="https://www.applixir.com/blog/the-complete-guide-to-ecpm-optimization-for-web-games/" target="_blank" rel="noreferrer">guide des jeux web d'AppLixir</a>. Viennent ensuite les interstitiels diffusés lors de pauses naturelles, tandis que les bannières ferment la marche avec seulement quelques centimes par millier d'impressions dans la plupart des régions. C'est pourquoi CrazyGames et Poki privilégient tous deux les vidéos récompensées et celles diffusées en cours de partie dans leurs SDK, les bannières étant reléguées au second plan.</p>
<p>Google a également relancé son programme publicitaire pour le web. L'ancien AdSense for Games est devenu <a href="https://support.google.com/adsense/answer/9959170" target="_blank" rel="noreferrer">H5 Games Ads</a>, un produit accessible sur candidature qui diffuse des publicités interstitielles et récompensées via une API Ad Placement. L'accès n'est pas automatique — l'approbation dépend de critères d'éligibilité — mais ce service offre aux développeurs web une solution publicitaire propriétaire en dehors des grands portails. La propre étude de cas de Google cite un développeur qui a constaté une hausse de 20 % de ses revenus et de 50 % de son eCPM dans les trois mois suivant son adoption.</p>
<h2 id="accorder-une-licence-sur-votre-jeu-contre-un-forfait" tabindex="-1">Accorder une licence sur votre jeu contre un forfait <a class="header-anchor" href="#accorder-une-licence-sur-votre-jeu-contre-un-forfait" aria-label="Permalink to &quot;Accorder une licence sur votre jeu contre un forfait&quot;"></a></h2>
<p>Tout le monde ne souhaite pas parier sur le partage des revenus. Le modèle plus ancien, lancé il y a plusieurs années par des sites comme FGL, repose sur la licence : vous vendez à un portail ou à une marque le droit d'exploiter votre jeu HTML5 terminé en échange d'un paiement unique. L'acheteur obtient le jeu, vous êtes payé d'avance et passez au projet suivant. Ce modèle existe toujours sur des places de marché comme MarketJS, GameDistribution et CodeThisLab.</p>
<p>Les prix varient énormément, car « une licence » peut désigner différentes choses. Les <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">chiffres 2026 de Playgama</a> situent les licences non exclusives (le même jeu étant vendu à plusieurs acheteurs) entre 300 et 800 $ environ par plateforme, tandis que les contrats exclusifs (l'acheteur en devient pleinement propriétaire et le jeu est retiré du catalogue) commencent aux alentours de 5 000 $ et peuvent dépasser 25 000 $ pour un titre abouti. Un article indépendant consacré aux <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php" target="_blank" rel="noreferrer">licences accordées aux portails</a> arrive à des chiffres similaires, estimant les forfaits à « quelques centaines de dollars pour les jeux simples, jusqu'à 5 000 $ ou plus » pour les titres de haute qualité. Le compromis est simple. La licence paie immédiatement, mais plafonne votre potentiel de gains ; le partage des revenus paie plus tard, sans le plafonner.</p>
<h2 id="achats-integres-et-ventes-directes-sur-le-web-ouvert" tabindex="-1">Achats intégrés et ventes directes sur le web ouvert <a class="header-anchor" href="#achats-integres-et-ventes-directes-sur-le-web-ouvert" aria-label="Permalink to &quot;Achats intégrés et ventes directes sur le web ouvert&quot;"></a></h2>
<p>Vendre du contenu dans un jeu par navigateur était autrefois un casse-tête. C'est devenu plus facile. Du côté des achats, CrazyGames propose un <a href="https://docs.crazygames.com/resources/ad-monetization-guide/" target="_blank" rel="noreferrer">programme d'achats intégrés sur invitation via Xsolla</a> pour les titres les plus performants, qui reverse aux développeurs <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">70 % des revenus issus des achats</a>. De nouvelles couches de distribution comme Playgama Bridge annoncent une prise en charge complète des achats intégrés, avec des passerelles de paiement locales incorporées. En dehors des portails, vous pouvez intégrer le paiement Stripe ou Xsolla à votre propre site et conserver la quasi-totalité des revenus après déduction des frais de traitement.
La version la plus pure de « garder l’argent » est itch.io. C’est une boutique, pas un portail publicitaire, et son modèle de <a href="https://itch.io/updates/introducing-open-revenue-sharing" target="_blank" rel="noreferrer">partage ouvert des revenus</a> vous permet de fixer vous-même la commission de la plateforme, entre 0 % et 100 %, avec 10 % par défaut. Sur une vente à 10 $ au taux par défaut, après environ <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide" target="_blank" rel="noreferrer">2,9 % plus 0,30 $</a> de frais de paiement et le dollar d’itch.io, vous conservez 8,41 $. Comparez cela aux 30 % prélevés par Steam, l’App Store et Google Play, et vous comprendrez pourquoi itch.io est le choix par défaut des développeurs qui souhaitent vendre directement une version web. Newgrounds propose un système similaire favorable aux créateurs, en versant leur part des revenus publicitaires dès qu’ils atteignent <a href="https://newgrounds.fandom.com/wiki/Revenue_Sharing" target="_blank" rel="noreferrer">50 $, par PayPal ou par chèque</a>. En 2026, la plateforme mise davantage sur son abonnement Supporter, dont le prix passera à <a href="https://newgrounds.wiki.gg/wiki/Supporter_Status" target="_blank" rel="noreferrer">5 $ par mois en avril 2026</a>, afin d’alimenter une cagnotte de rémunération plus saine.</p>
<h2 id="le-comparatif-complet" tabindex="-1">Le comparatif complet <a class="header-anchor" href="#le-comparatif-complet" aria-label="Permalink to &quot;Le comparatif complet&quot;"></a></h2>
<p>Voici, en un seul endroit, toutes les grandes méthodes permettant de gagner de l’argent avec un jeu web. Considérez la colonne consacrée à la part du développeur comme le taux de référence, avant ajustement selon la composition et la provenance géographique de votre trafic.</p>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme / modèle</th>
<th>Comment vous gagnez de l’argent</th>
<th>Part du développeur</th>
<th>Conditions notables</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">Poki</a></td>
<td>Jeu gratuit, partage des revenus publicitaires</td>
<td>50 % (100 % sur votre propre trafic)</td>
<td>Aucun frais initial, catalogue sélectionné, plus de 1 Md de parties par mois</td>
</tr>
<tr>
<td><a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">CrazyGames</a></td>
<td>Partage des revenus publicitaires + achats intégrés sur invitation</td>
<td>60 % pour les publicités, 70 % pour les achats (selon les conditions de la game jam 2026, absentes de la documentation principale)</td>
<td>Seuil de paiement de 100 €, achats intégrés via Xsolla pour les meilleurs titres</td>
</tr>
<tr>
<td><a href="https://gamemonetize.com/developers" target="_blank" rel="noreferrer">GameMonetize</a></td>
<td>Partage des revenus publicitaires via un SDK</td>
<td>45 %</td>
<td>Large syndication, paiements mensuels par PayPal/USDT</td>
</tr>
<tr>
<td><a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">Playgama Bridge</a></td>
<td>Partage des revenus publicitaires + achats intégrés</td>
<td>80 %</td>
<td>Passerelles de paiement locales, part annoncée plus élevée</td>
</tr>
<tr>
<td><a href="https://gamedistribution.com/developers/partnership/" target="_blank" rel="noreferrer">GameDistribution</a></td>
<td>Partage des revenus publicitaires issus de la syndication</td>
<td>Varie selon l’accord</td>
<td>Plus de 4 000 portails, audience mensuelle de 350 M</td>
</tr>
<tr>
<td>Licences (MarketJS, CodeThisLab)</td>
<td>Paiement forfaitaire unique</td>
<td>100 % du montant</td>
<td><a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">300 à 800 $ en non-exclusif, 5 000 $ ou plus en exclusif</a></td>
</tr>
<tr>
<td><a href="https://itch.io/updates/introducing-open-revenue-sharing" target="_blank" rel="noreferrer">itch.io</a></td>
<td>Ventes directes, commission à prix libre</td>
<td>Jusqu’à 100 % (10 % par défaut)</td>
<td>Vous fixez la part de la plateforme</td>
</tr>
<tr>
<td><a href="https://newgrounds.fandom.com/wiki/Revenue_Sharing" target="_blank" rel="noreferrer">Newgrounds</a></td>
<td>Partage des revenus publicitaires + cagnotte Supporter</td>
<td>Part de la cagnotte publicitaire</td>
<td>Seuil de paiement de 50 $</td>
</tr>
</tbody>
</table>
<h2 id="des-attentes-realistes-en-matiere-de-revenus" tabindex="-1">Des attentes réalistes en matière de revenus <a class="header-anchor" href="#des-attentes-realistes-en-matiere-de-revenus" aria-label="Permalink to &quot;Des attentes réalistes en matière de revenus&quot;"></a></h2>
<p>C’est la partie que la plupart des guides passent sous silence. La répartition des revenus des jeux web est extrêmement concentrée au sommet, et la médiane est proche de zéro. La ventilation la plus claire provient d’une <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide" target="_blank" rel="noreferrer">analyse des revenus sur itch.io en 2026</a>, qui classe les jeux payants par niveaux : environ 80 % gagnent entre 0 et 50 $ par mois, près de 15 % entre 50 et 500 $, autour de 4 % atteignent l’équivalent d’un revenu à temps partiel, entre 500 et 2 000 $, moins de 1 % génèrent un revenu à temps plein compris entre 2 000 et 10 000 $, et moins de 0,2 % deviennent des succès dépassant 10 000 $. Comme le souligne crûment l’analyse, la plupart des jeux gagnent moins de 100 $ sur toute leur durée de vie.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 320" role="img" aria-label="Répartition des jeux itch.io payants selon leurs revenus mensuels en 2026 : 80 pour cent gagnent de 0 à 50 dollars, 15 pour cent de 50 à 500, 4 pour cent de 500 à 2 000, moins de 1 pour cent de 2 000 à 10 000 et moins de 0,2 pour cent plus de 10 000" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="320" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">La plupart des jeux ne rapportent presque rien</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Part des jeux itch.io payants selon leurs revenus mensuels, 2026. Source : Generalist Programmer.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700">
    <text x="205" y="118" text-anchor="end" fill="#e8edf5">0–50 $ / mois</text>
    <rect x="220" y="102" width="400" height="24" rx="5" fill="#fb7185"/>
    <text x="628" y="119" font-size="13" font-weight="800" fill="#fb7185">~80 %</text>
    <text x="205" y="158" text-anchor="end" fill="#e8edf5">50–500 $</text>
    <rect x="220" y="142" width="75" height="24" rx="5" fill="#a9b4ff"/>
    <text x="303" y="159" font-size="13" font-weight="800" fill="#a9b4ff">~15 %</text>
    <text x="205" y="198" text-anchor="end" fill="#e8edf5">500–2 000 $</text>
    <rect x="220" y="182" width="20" height="24" rx="5" fill="#7dd3fc"/>
    <text x="248" y="199" font-size="13" font-weight="800" fill="#7dd3fc">~4 %</text>
    <text x="205" y="238" text-anchor="end" fill="#e8edf5">2 000–10 000 $</text>
    <rect x="220" y="222" width="7" height="24" rx="3" fill="#6ee7b7"/>
    <text x="235" y="239" font-size="13" font-weight="800" fill="#6ee7b7">&lt;1 %</text>
    <text x="205" y="278" text-anchor="end" fill="#e8edf5">10 000 $ et plus</text>
    <rect x="220" y="262" width="5" height="24" rx="2.5" fill="#c8a8ff"/>
    <text x="233" y="279" font-size="13" font-weight="800" fill="#c8a8ff">&lt;0,2 %</text>
  </g>
</svg>
<p>Les revenus des portails publicitaires racontent la même histoire sous un autre angle. Un jeu casual performant sur un grand portail rapporte généralement <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php" target="_blank" rel="noreferrer">200 à 2 000 $ par mois</a> grâce au partage des revenus, tandis que les tout meilleurs titres du catalogue de Poki atteignent <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1" target="_blank" rel="noreferrer">jusqu’à 1 million d’euros par an</a>, soit dix fois ce que ces studios gagnaient avant le modèle de Poki, selon Dealroom. En 2025, un développeur indépendant expliquait avoir atteint <a href="https://medium.com/@playrea/from-hobby-to-67-million-gameplays-on-poki-in-2025-df2c147cfb27" target="_blank" rel="noreferrer">67 millions de parties sur cinq jeux Poki</a> et environ 200 000 parties par jour à la fin de l’année, suffisamment, selon lui, pour faire du développement de jeux sa principale source de revenus.</p>
<p>Pour avoir une idée concrète des revenus par partie dans le bas de l’échelle, la <a href="https://donislawdev.com/earnings-and-statistics-from-my-8-games-android-ios-webgl/" target="_blank" rel="noreferrer">ventilation des revenus de plusieurs jeux</a> publiée par un développeur est instructive, même si les chiffres sont anciens, les jeux ayant été lancés vers 2018. Avec huit jeux WebGL et 451 327 parties sur CrazyGames, il a gagné 556,92 €, soit environ 1,20 € pour mille parties, auxquels se sont ajoutés 163,79 $ sur Kongregate pour 104 444 parties supplémentaires. Son jeu le plus performant, Fish Eat Fishes, a rapporté 149,36 € pour 143 000 parties. Les tarifs ont évolué depuis et varient énormément selon la zone géographique et le format, mais la tendance reste la même : il faut un volume réel avant que le partage des revenus publicitaires ne devienne une source de revenus significative. Un jeu totalisant 10 000 parties sur toute sa durée de vie est une pièce de portfolio, pas un salaire.</p>
<h2 id="ce-que-revelent-les-chiffres" tabindex="-1">Ce que révèlent les chiffres <a class="header-anchor" href="#ce-que-revelent-les-chiffres" aria-label="Permalink to &quot;Ce que révèlent les chiffres&quot;"></a></h2>
<p>En réunissant toutes ces données, une stratégie claire se dégage. Si vous recherchez l’audience la plus large sans aucun coût initial, publiez un jeu gratuit sur Poki ou CrazyGames et misez sur le partage des revenus, tout en attirant votre propre trafic chaque fois que possible pour vous rapprocher du taux de 100 % appliqué par Poki au trafic direct. Si vous préférez être payé immédiatement et éviter le pari sur le volume, accordez une licence forfaitaire pour un jeu terminé. Si votre jeu est suffisamment attractif pour que les joueurs souhaitent le posséder, vendez-le directement sur itch.io et conservez plus de 90 % des revenus. Et si vous prenez cette activité au sérieux, combinez plusieurs méthodes, car les développeurs qui en vivent réellement cumulent les revenus publicitaires des portails, les achats intégrés et les ventes directes au lieu de tout miser sur un seul canal.</p>
<p>Le fil conducteur est que l’argent suit le jeu, et non l’inverse. Aucun modèle de monétisation ne sauvera un jeu auquel personne ne veut jouer, tandis qu’un jeu web réellement amusant trouvera une source de revenus quel que soit le portail sur lequel il arrive. C’est également l’élément le moins coûteux à tester aujourd’hui. Lorsqu’il suffit de quelques minutes plutôt que d’un week-end pour créer un prototype jouable, vous pouvez présenter plusieurs jeux à de vrais joueurs et laisser les tableaux de bord publicitaires et les listes de souhaits vous indiquer lequel mérite d’être monétisé. Un outil comme Cinevva peut transformer une phrase en jeu web 3D jouable dans votre navigateur, ce qui constitue le moyen le plus rapide d’arriver à la seule question qui compte : est-ce que quelqu’un continue à jouer ?</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="combien-un-jeu-sur-navigateur-peut-il-rapporter" tabindex="-1">Combien un jeu sur navigateur peut-il rapporter ? <a class="header-anchor" href="#combien-un-jeu-sur-navigateur-peut-il-rapporter" aria-label="Permalink to &quot;Combien un jeu sur navigateur peut-il rapporter ?&quot;"></a></h3>
<p>De presque rien à plusieurs millions, avec une répartition extrêmement concentrée au sommet. Environ <a href="https://generalistprogrammer.com/tutorials/how-to-make-money-on-itchio-indie-game-guide" target="_blank" rel="noreferrer">80 % des jeux payants sur itch.io gagnent moins de 50 $ par mois</a>, et la plupart gagnent moins de 100 $ sur toute leur durée de vie. Un jeu casual performant sur un portail comme Poki ou CrazyGames rapporte généralement <a href="https://www.abratabia.com/web-game-monetization/licensing-to-portals.php" target="_blank" rel="noreferrer">200 à 2 000 $ par mois</a> grâce au partage des revenus publicitaires, tandis que les rares studios les plus performants sur Poki atteignent <a href="https://app.dealroom.co/news/feed/poki-hits-1b-monthly-plays-as-developer-first-model-boosts-top-studio-revenues-tenfold-1" target="_blank" rel="noreferrer">jusqu’à 1 million d’euros par an</a>. Le volume est essentiel, car les revenus publicitaires ne deviennent significatifs qu’après plusieurs centaines de milliers de parties.</p>
<h3 id="quelle-part-des-revenus-poki-preleve-t-il" tabindex="-1">Quelle part des revenus Poki prélève-t-il ? <a class="header-anchor" href="#quelle-part-des-revenus-poki-preleve-t-il" aria-label="Permalink to &quot;Quelle part des revenus Poki prélève-t-il ?&quot;"></a></h3>
<p><a href="https://developers.poki.com/guide/monetization" target="_blank" rel="noreferrer">Poki partage les revenus publicitaires à parts égales, 50/50</a>, lorsqu’un joueur accède à votre jeu depuis Poki.com ou grâce au marketing de Poki. Lorsqu’un joueur vient de vos propres favoris, des moteurs de recherche, des réseaux sociaux ou de votre communauté, vous conservez 100 %. La publication ne nécessite aucun frais initial, et le catalogue de Poki génère désormais plus d’un milliard de parties par mois auprès de plus de 600 studios.</p>
<h3 id="quelle-part-des-revenus-crazygames-preleve-t-il" tabindex="-1">Quelle part des revenus CrazyGames prélève-t-il ? <a class="header-anchor" href="#quelle-part-des-revenus-crazygames-preleve-t-il" aria-label="Permalink to &quot;Quelle part des revenus CrazyGames prélève-t-il ?&quot;"></a></h3>
<p>CrazyGames ne publie pas cette répartition dans sa documentation principale destinée aux développeurs, mais la donnée officielle la plus proche figure dans les conditions de sa <a href="https://crazygames.indiehero.io/cggmwj-jg/" target="_blank" rel="noreferrer">game jam GameMaker 2026</a>, selon lesquelles les développeurs conservent 60 % des revenus issus des publicités intégrées et 70 % de ceux issus des achats intégrés. Les paiements sont effectués chaque mois dès que votre solde dépasse le <a href="https://docs.crazygames.com/faq/" target="_blank" rel="noreferrer">seuil minimal de 100 €</a>, et les achats intégrés passent par une intégration Xsolla accessible uniquement sur invitation et réservée aux titres les plus performants.</p>
<h3 id="peut-on-vendre-des-achats-integres-dans-un-jeu-web" tabindex="-1">Peut-on vendre des achats intégrés dans un jeu web ? <a class="header-anchor" href="#peut-on-vendre-des-achats-integres-dans-un-jeu-web" aria-label="Permalink to &quot;Peut-on vendre des achats intégrés dans un jeu web ?&quot;"></a></h3>
<p>Oui. CrazyGames propose un <a href="https://docs.crazygames.com/resources/ad-monetization-guide/" target="_blank" rel="noreferrer">programme d’achats intégrés sur invitation via Xsolla</a>, qui reverse 70 % aux développeurs. Les couches de distribution comme Playgama Bridge incluent également les achats intégrés avec des passerelles de paiement locales, et vous pouvez intégrer Stripe ou Xsolla à votre propre site afin de conserver presque tous les revenus après déduction des frais de traitement. Pour vendre un jeu complet plutôt que des objets, itch.io vous permet de facturer directement et de fixer vous-même la commission de la plateforme, qui n’est que de 10 % par défaut.</p>
<h3 id="combien-les-jeux-web-rapportent-ils-pour-1-000-parties" tabindex="-1">Combien les jeux web rapportent-ils pour 1 000 parties ? <a class="header-anchor" href="#combien-les-jeux-web-rapportent-ils-pour-1-000-parties" aria-label="Permalink to &quot;Combien les jeux web rapportent-ils pour 1 000 parties ?&quot;"></a></h3>
<p>Cela dépend fortement du format publicitaire et de la provenance géographique des joueurs, alors considérez tout chiffre unique avec prudence. Les vidéos récompensées, qui constituent le format le plus rémunérateur, génèrent environ <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">15 à 28 $ d’eCPM aux États-Unis, 8 à 15 $ dans l’UE et 1 à 3 $ sur les marchés de niveau 3</a> avant le partage des revenus. Il s’agit du taux brut pour mille affichages publicitaires, et non pour mille sessions de jeu, tandis que les bannières n’en rapportent qu’une infime fraction. Une ancienne ventilation publiée par un développeur faisait état d’environ <a href="https://donislawdev.com/earnings-and-statistics-from-my-8-games-android-ios-webgl/" target="_blank" rel="noreferrer">1,20 € pour mille parties</a> sur CrazyGames, pour un portfolio de jeux simples.</p>
<h3 id="combien-coute-l-octroi-d-une-licence-pour-un-jeu-html5-a-un-portail" tabindex="-1">Combien coûte l’octroi d’une licence pour un jeu HTML5 à un portail ? <a class="header-anchor" href="#combien-coute-l-octroi-d-une-licence-pour-un-jeu-html5-a-un-portail" aria-label="Permalink to &quot;Combien coûte l’octroi d’une licence pour un jeu HTML5 à un portail ?&quot;"></a></h3>
<p>Publier sur un portail avec partage des revenus comme Poki ou CrazyGames ne coûte rien. Si vous parlez du modèle de licence forfaitaire, <a href="https://playgama.com/blog/main/10-ways-to-monetize-html5-games-that-actually-work-in-2026/" target="_blank" rel="noreferrer">les licences non exclusives rapportent environ 300 à 800 $ par plateforme, tandis que les accords exclusifs commencent autour de 5 000 $ et peuvent dépasser 25 000 $</a> pour un jeu abouti. Une licence non exclusive signifie que le même jeu est vendu à plusieurs acheteurs ; une licence exclusive signifie qu’un seul acheteur en détient les droits et que le jeu est retiré de la place de marché.</p>
<h3 id="itch-io-est-il-un-bon-moyen-de-gagner-de-l-argent-avec-un-jeu-web" tabindex="-1">itch.io est-il un bon moyen de gagner de l’argent avec un jeu web ? <a class="header-anchor" href="#itch-io-est-il-un-bon-moyen-de-gagner-de-l-argent-avec-un-jeu-web" aria-label="Permalink to &quot;itch.io est-il un bon moyen de gagner de l’argent avec un jeu web ?&quot;"></a></h3>
<p>C’est la meilleure option si vous souhaitez vendre directement le jeu tout en conservant la plus grande part des revenus. Le <a href="https://itch.io/updates/introducing-open-revenue-sharing" target="_blank" rel="noreferrer">partage ouvert des revenus</a> d’itch.io vous permet de fixer sa commission entre 0 % et 100 %, avec 10 % par défaut. Sur une vente à 10 $, vous conservez donc environ 8,41 $ après les frais de paiement. C’est mieux que les 30 % prélevés par Steam et les boutiques mobiles. En contrepartie, itch.io vous apporte des acheteurs, pas un torrent de joueurs gratuits. La plateforme récompense donc davantage les jeux disposant déjà d’un public ou bénéficiant d’un bouche-à-oreille solide que les jeux casual destinés aux visiteurs des portails.</p>
<BuildCta
  title="Créez d’abord le jeu, monétisez-le ensuite"
  desc="Aucun modèle économique ne sauvera un jeu auquel personne ne joue. Commencez par quelque chose d’amusant."
  prompt="Crée un jeu de navigateur rapide dans lequel on saute entre les murs pour gravir une tour qui s’effondre" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-web-game.html">Comment publier un jeu web</a> — où mettre en ligne une version finalisée et comment fonctionne chaque plateforme</li>
<li><a href="/fr/guides/publish-game-poki.html">Comment publier votre jeu sur Poki</a> — les critères de sélection et le programme 50/50 de Poki en détail</li>
<li><a href="/fr/guides/publish-game-crazygames.html">Comment publier votre jeu sur CrazyGames</a> — le SDK, les formats publicitaires et le fonctionnement des paiements</li>
<li><a href="/fr/guides/publish-game-discord-activities.html">Comment publier un jeu sur Discord Activities</a> — un autre canal de distribution, avec ses propres options d’achats intégrés et de publicité</li>
<li><a href="/fr/guides/casual-games-trends-2026.html">Les tendances des jeux casual en 2026</a> — où se dirige l’argent sur l’ensemble du marché des jeux casual</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Le guide de lancement sur itch.io</a> — vendre directement un jeu et conserver 90 % des revenus</li>
<li><a href="/fr/guides/promote-indie-game-no-budget.html">Comment promouvoir un jeu indépendant sans budget</a> — attirer le trafic qui transforme un partage des revenus en véritable source de revenus</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/web-game-monetization-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs générateurs de musique par IA pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-music-generators-games</link>
            <guid>https://app.cinevva.com/fr/guides/ai-music-generators-games</guid>
            <pubDate>Thu, 16 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs générateurs de musique par IA pour les bandes-son de jeux en 2026, comparés selon les voix, les licences commerciales, les pistes séparées et l’auto-hébergement, de Suno et ElevenLabs Music aux modèles ouverts comme Stable Audio et ACE-Step.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-generateurs-de-musique-par-ia-pour-les-jeux-2026" tabindex="-1">Meilleurs générateurs de musique par IA pour les jeux (2026) <a class="header-anchor" href="#meilleurs-generateurs-de-musique-par-ia-pour-les-jeux-2026" aria-label="Permalink to &quot;Meilleurs générateurs de musique par IA pour les jeux (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/ai-music-generators-games.jpg?v=1" alt="Meilleurs générateurs de musique par IA pour les bandes-son de jeux en 2026" style="width:100%;border-radius:10px">
</figure>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Autrefois, la bande-son était la partie du jeu que les développeurs indépendants travaillant seuls laissaient tout simplement de côté. On publiait son jeu sans musique, ou on récupérait une boucle gratuite déjà utilisée par cinquante autres titres, parce qu’engager un compositeur coûtait plus cher que tout le reste du projet. La musique générée par IA a changé la donne. Vous pouvez décrire une ambiance en une phrase et obtenir un morceau terminé en moins d’une minute.</p>
<p>En 2026, le plus difficile n’est pas la qualité. La plupart de ces outils produisent un son suffisamment bon pour être publié. Le vrai problème, ce sont les licences. Un jeu est un produit commercial, et la moitié des générateurs de musique populaires interdisent l’utilisation commerciale avec leur offre gratuite ou font l’objet de litiges non résolus concernant leurs données d’entraînement. Choisissez le mauvais outil et vous intégrerez un problème juridique directement dans les fichiers de votre jeu.</p>
<p>Nous sommes directement concernés. Cinevva exploite son propre <a href="/fr/tools/music.html">outil de création musicale</a> et, au moment de choisir les moteurs qui l’alimentent, nous en avons essayé bien plus de trois. Nous avons finalement retenu ElevenLabs Music, ACE-Step et Mubert. Le facteur décisif n’était pas celui qui remportait un test d’écoute à l’aveugle, mais les licences que nous serions prêts à défendre lorsqu’un créateur pose la seule question qui compte : puis-je vendre un jeu contenant ce morceau ? Cette question guide tout ce qui suit.</p>
<p>Voici à peu près le résultat obtenu en passant d’un prompt à un morceau, selon le même processus que celui proposé dans l’outil :</p>
<audio controls style="width:100%">
  <source src="/img/ai-samples/music-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Un court extrait généré par IA. Décrivez une ambiance et obtenez un morceau qui lui correspond.</em></p>
<p>Ce guide compare les générateurs de musique par IA réellement adaptés aux jeux, classés selon leur usage : outils de création de morceaux complets avec voix, générateurs libres de droits conçus pour les produits et modèles ouverts que vous pouvez exécuter vous-même. Pour chacun d’eux, la question la plus importante est traitée en premier : pouvez-vous légalement intégrer le résultat dans un jeu que vous vendez ?</p>
<h2 id="choix-rapide" tabindex="-1">Choix rapide <a class="header-anchor" href="#choix-rapide" aria-label="Permalink to &quot;Choix rapide&quot;"></a></h2>
<p>Si vous voulez la version courte, voici à quel usage correspond chaque outil.</p>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Idéal pour</th>
<th>Voix</th>
<th>Licence commerciale</th>
<th>Auto-hébergement</th>
<th>Prix</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>ElevenLabs Music</strong></td>
<td>La licence la plus claire pour un jeu publié</td>
<td>Oui</td>
<td>Usage commercial autorisé, données d’entraînement sous licence</td>
<td>Non</td>
<td>Offres payantes</td>
</tr>
<tr>
<td><strong>Suno</strong></td>
<td>Créer rapidement des morceaux complets avec voix</td>
<td>Oui</td>
<td>Offres payantes uniquement, risque juridique résiduel</td>
<td>Non</td>
<td>Pro à 10 $/mois</td>
</tr>
<tr>
<td><strong>Stable Audio 3</strong></td>
<td>L’auto-hébergement et la conception sonore</td>
<td>Instrumental</td>
<td>Community License, gratuite sous 1 M$ de chiffre d’affaires</td>
<td>Oui</td>
<td>Poids ouverts</td>
</tr>
<tr>
<td><strong>ACE-Step</strong></td>
<td>Des morceaux complets ouverts et auto-hébergés</td>
<td>Oui</td>
<td>MIT, entièrement permissive</td>
<td>Oui</td>
<td>Gratuit</td>
</tr>
<tr>
<td><strong>Mubert</strong></td>
<td>De la musique d’ambiance continue dans une application</td>
<td>Non</td>
<td>Libre de droits selon l’offre, conçu pour les produits</td>
<td>API</td>
<td>Tarifs API</td>
</tr>
<tr>
<td><strong>Soundraw</strong></td>
<td>Des morceaux libres de droits et une API intégrable à un produit</td>
<td>Non</td>
<td>Libre de droits, catalogue interne sous licence</td>
<td>API</td>
<td>Environ 17 $/mois</td>
</tr>
<tr>
<td><strong>AIVA</strong></td>
<td>Des partitions cinématographiques et orchestrales</td>
<td>Instrumental</td>
<td>Usage commercial avec les offres payantes</td>
<td>Non</td>
<td>Offres payantes</td>
</tr>
<tr>
<td><strong>Magenta RealTime</strong></td>
<td>De la musique adaptative qui réagit en temps réel</td>
<td>Instrumental</td>
<td>Ouvert, poids sous CC-BY</td>
<td>Oui</td>
<td>Gratuit</td>
</tr>
<tr>
<td><strong>Udio</strong></td>
<td>L’écoute et le remix, pas les fichiers de jeu</td>
<td>Oui</td>
<td>Diffusion en streaming uniquement, aucun export</td>
<td>Non</td>
<td>Offres payantes</td>
</tr>
</tbody>
</table>
<h2 id="generateurs-de-morceaux-complets-avec-voix" tabindex="-1">Générateurs de morceaux complets avec voix <a class="header-anchor" href="#generateurs-de-morceaux-complets-avec-voix" aria-label="Permalink to &quot;Générateurs de morceaux complets avec voix&quot;"></a></h2>
<p>Ces outils composent un morceau complet, souvent chanté, à partir d’un prompt textuel. C’est généralement à eux que l’on pense lorsqu’on parle de « musique par IA », et ils constituent le bon choix si vous voulez une chanson-thème, une musique de menu ou un morceau chanté pour une bande-annonce.</p>
<h3 id="elevenlabs-music" tabindex="-1">ElevenLabs Music <a class="header-anchor" href="#elevenlabs-music" aria-label="Permalink to &quot;ElevenLabs Music&quot;"></a></h3>
<p>Si vous publiez un jeu commercial et ne voulez plus vous inquiéter des licences, commencez ici. ElevenLabs a lancé Eleven Music en août 2025 et, contrairement à ses concurrents, a entraîné son modèle avec de la musique de production sous licence. L’entreprise a également signé des accords avec Merlin et Kobalt afin que les ayants droit soient rémunérés. Les créations sont autorisées pour un large éventail d’usages commerciaux, et les jeux vidéo sont explicitement mentionnés dans les conditions.</p>
<p>En contrepartie, vous devez respecter certaines restrictions. Vous ne pouvez pas inclure dans vos prompts le nom d’artistes réels, des titres de chansons ou des paroles, et quelques secteurs sont exclus. Lisez donc les conditions relatives à la musique avant de construire votre projet autour de cet outil. Pour une bande-son de jeu, ces limites sont rarement gênantes. En échange, vous obtenez ce qu’aucun autre générateur vocal ne peut offrir en 2026 : une chaîne de licences claire que vous pouvez présenter en cas de question. C’est l’un des trois moteurs qui alimentent notre propre <a href="/fr/tools/music.html">outil de création musicale</a>, précisément parce que sa situation juridique est établie.</p>
<h3 id="suno" tabindex="-1">Suno <a class="header-anchor" href="#suno" aria-label="Permalink to &quot;Suno&quot;"></a></h3>
<p>Suno est le moyen le plus rapide de produire une chanson complète avec voix et, depuis le modèle v5.5 de mars 2026, ses voix sont les plus naturelles de tous les générateurs. Pour les jeux, les règles sont simples et strictes. L’offre gratuite interdit totalement l’utilisation commerciale. Vous devez souscrire l’offre Pro à 10 $ par mois, ou 8 $ par mois avec une facturation annuelle. Elle accorde des droits commerciaux et permet de télécharger les fichiers, avec environ 500 chansons de crédits et un accès au modèle v5.5. L’offre Premier à 30 $ par mois ajoute Suno Studio, particulièrement utile pour les jeux puisqu’il sépare un morceau en pistes distinctes que vous pouvez remixer pour différents contextes en jeu.</p>
<p>Deux points doivent être clairement distingués. Premièrement, une licence commerciale ne signifie pas que vous détenez les droits d’auteur. Les propres conditions de Suno précisent que l’octroi de droits d’utilisation commerciale diffère du transfert de propriété. De plus, le droit américain exige généralement un auteur humain pour qu’une œuvre bénéficie pleinement du droit d’auteur. Vous détenez donc une licence d’utilisation du morceau, pas un droit d’auteur incontestable. Deuxièmement, Suno a conclu un accord avec Warner en novembre 2025, mais les procès intentés par Sony et Universal étaient toujours en cours à l’approche d’une audience de juillet 2026 consacrée à un jugement sommaire. Suno a également annoncé son intention de remplacer ses modèles actuels par de nouveaux modèles sous licence des maisons de disques plus tard en 2026. Le modèle exact et les règles de téléchargement peuvent donc changer en cours de route. Aucun tribunal n’a jugé les utilisateurs finaux responsables, et le risque pratique pour un studio indépendant reste faible, mais il s’agit d’un risque résiduel à connaître avant de bâtir une franchise autour de cet outil. Conservez vos reçus de paiement pour prouver que votre abonnement était actif lors de la génération de chaque morceau.</p>
<h3 id="udio" tabindex="-1">Udio <a class="header-anchor" href="#udio" aria-label="Permalink to &quot;Udio&quot;"></a></h3>
<p>Udio produit un son magnifique, mais en 2026 vous ne pouvez pas l’intégrer à un jeu. Après son accord avec Universal Music en octobre 2025, le service a désactivé tous les téléchargements et toutes les pistes séparées pour devenir un environnement fermé limité au streaming. Vous pouvez créer, écouter et remixer dans l’application, mais vous ne pouvez exporter aucun fichier. Pour le développement de jeux, c’est rédhibitoire, puisque l’objectif est précisément d’importer un fichier audio dans votre moteur. Universal développe conjointement une plateforme Udio sous licence prévue pour 2026, la situation pourrait donc évoluer. Mais à l’heure où nous écrivons ces lignes, considérez Udio comme un espace d’expérimentation, et non comme une source de bandes-son.</p>
<h2 id="generateurs-libres-de-droits-concus-pour-les-produits" tabindex="-1">Générateurs libres de droits conçus pour les produits <a class="header-anchor" href="#generateurs-libres-de-droits-concus-pour-les-produits" aria-label="Permalink to &quot;Générateurs libres de droits conçus pour les produits&quot;"></a></h2>
<p>Ce groupe s’adresse davantage aux créateurs et aux entreprises qu’aux musiciens. Les morceaux sont généralement instrumentaux, les interfaces sont plus simples et l’argument principal est la sécurité juridique des licences. Plusieurs proposent une API, ce qui constitue la voie à suivre si vous voulez permettre aux joueurs de générer leur propre musique dans votre jeu.</p>
<h3 id="mubert" tabindex="-1">Mubert <a class="header-anchor" href="#mubert" aria-label="Permalink to &quot;Mubert&quot;"></a></h3>
<p>Mubert est conçu pour les produits, et les jeux constituent l’un de ses principaux cas d’usage. Il génère de la musique libre de droits et sans risque de réclamation DMCA à partir d’un prompt, d’une ambiance, d’un tempo ou d’une activité, grâce à des contenus sous licence et fournis par des partenaires. Le détail important est la structure des offres, car elle détermine ce que vous pouvez légalement faire. Avec l’offre Startup, la musique peut être diffusée dans votre application, mais les utilisateurs ne peuvent pas l’exporter. Cela convient à un jeu mobile avec musique d’ambiance. Si vous voulez que les joueurs puissent exporter ou partager les morceaux qu’ils ont créés, vous devez choisir Startup+ ou une offre supérieure, qui autorise la sous-licence. L’offre gratuite interdit l’utilisation commerciale. Mubert est également l’un des moteurs de notre <a href="/fr/tools/music.html">outil de création musicale</a>, ce qui explique pourquoi la génération intégrée aux applications y est un usage central plutôt qu’une fonctionnalité secondaire.</p>
<h3 id="soundraw" tabindex="-1">Soundraw <a class="header-anchor" href="#soundraw" aria-label="Permalink to &quot;Soundraw&quot;"></a></h3>
<p>Soundraw est le générateur libre de droits historique. Il est entièrement entraîné sur un catalogue interne sous licence afin d’éviter le problème des droits d’auteur. Vous choisissez un genre, une ambiance et un thème, puis ajustez précisément l’arrangement. L’utilisation individuelle repose sur un abonnement d’environ 17 $ par mois. Soundraw propose également une API utilisée par des développeurs de jeux et des outils de création souhaitant intégrer la génération musicale. C’est un choix sûr et sans fioritures lorsque vous recherchez une musique de fond instrumentale ainsi qu’un cadre de licence facile à expliquer à un éditeur.</p>
<h3 id="beatoven-loudly-et-aiva" tabindex="-1">Beatoven, Loudly et AIVA <a class="header-anchor" href="#beatoven-loudly-et-aiva" aria-label="Permalink to &quot;Beatoven, Loudly et AIVA&quot;"></a></h3>
<p>Trois autres outils méritent d’être connus pour des besoins particuliers. <strong>Beatoven.ai</strong> est l’option économique, avec un tarif d’environ 2,50 $ par mois incluant les droits commerciaux, ce qui est difficile à battre si vous avez seulement besoin d’une musique de fond propre. <strong>Loudly</strong> se situe un peu plus haut, autour de 6 $ par mois, et met davantage l’accent sur la personnalisation et les outils de collaboration. <strong>AIVA</strong> est le spécialiste : il a été conçu pour les compositions cinématographiques et orchestrales. C’est donc l’outil à privilégier si votre jeu a besoin d’un grand thème symphonique plutôt que d’une boucle pop. Tous trois accordent des droits commerciaux avec leurs offres payantes et les interdisent dans leurs offres gratuites, comme presque tous les outils de cette catégorie.</p>
<h2 id="modeles-ouverts-a-executer-vous-meme" tabindex="-1">Modèles ouverts à exécuter vous-même <a class="header-anchor" href="#modeles-ouverts-a-executer-vous-meme" aria-label="Permalink to &quot;Modèles ouverts à exécuter vous-même&quot;"></a></h2>
<p>Si vous ne voulez ni abonnement, ni frais par morceau, et souhaitez garder un contrôle total sur les contenus audio inédits de votre projet, exécutez le modèle sur votre propre matériel. Les modèles audio ouverts ont rapidement progressé et, en 2026, plusieurs sont réellement performants. Une seule règle : vérifiez la licence des poids, pas uniquement celle du code, car elles sont souvent différentes.</p>
<h3 id="stable-audio-3" tabindex="-1">Stable Audio 3 <a class="header-anchor" href="#stable-audio-3" aria-label="Permalink to &quot;Stable Audio 3&quot;"></a></h3>
<p>Stable Audio 3, sorti en mai 2026, est la meilleure option ouverte pour les jeux, grâce à la combinaison de sa licence et de sa polyvalence. Stability a publié trois modèles à poids ouverts entraînés sur des données entièrement sous licence : Small-Music et Small-SFX fonctionnent tous deux sur processeur, sans carte graphique, tandis que Medium fonctionne sur une carte graphique grand public afin d’offrir une qualité supérieure. Seul le modèle Large est exclusivement accessible par API. Dans le cadre de la Stability AI Community License, vous êtes propriétaire de vos créations et pouvez les commercialiser librement tant que le chiffre d’affaires annuel de votre studio ne dépasse pas 1 million de dollars. Au-delà, vous devez passer à une licence Enterprise, qui ajoute également une protection juridique.</p>
<p>Pour les jeux, Stable Audio 3 répond à deux besoins à la fois. Les modèles musicaux génèrent des morceaux de durée variable allant jusqu’à environ six minutes, tandis que Small-SFX est le meilleur modèle ouvert pour créer des effets sonores réellement exploitables dans un jeu publié. Vous pouvez aussi affiner n’importe lequel de ces modèles avec LoRA à partir d’un dossier contenant vos propres fichiers audio. Vous pouvez ainsi lui apprendre l’identité sonore de votre jeu, puis générer des boucles de menu, des ponctuations musicales de combat et des ambiances cohérentes qui semblent toutes appartenir à une même bande-son.</p>
<h3 id="ace-step" tabindex="-1">ACE-Step <a class="header-anchor" href="#ace-step" aria-label="Permalink to &quot;ACE-Step&quot;"></a></h3>
<p>ACE-Step est le modèle ouvert à connaître pour créer des morceaux complets avec voix. La gamme 1.5 de janvier 2026 est sous licence MIT, l’une des plus permissives qui soient. Elle génère rapidement plusieurs minutes de musique dans 19 langues et intègre le clonage vocal, le remix et la modification des paroles. C’est l’alternative auto-hébergée à Suno pour les équipes qui préfèrent posséder leur chaîne de production plutôt que la louer. C’est également le troisième moteur qui alimente notre <a href="/fr/tools/music.html">outil de création musicale</a>.</p>
<h3 id="les-autres-modeles-ouverts" tabindex="-1">Les autres modèles ouverts <a class="header-anchor" href="#les-autres-modeles-ouverts" aria-label="Permalink to &quot;Les autres modèles ouverts&quot;"></a></h3>
<p>Quelques autres possibilités selon vos besoins. <strong>YuE</strong>, sous licence Apache 2.0, génère des chansons complètes avec voix à partir d’une feuille de paroles et a été le premier modèle ouvert à bien le faire. <strong>DiffRhythm 2</strong>, publié sous licence Apache 2.0 en février 2026, est conçu pour générer rapidement des chansons complètes. <strong>MusicGen</strong> de Meta reste parfaitement adapté au prototypage, mais ses poids sont sous licence CC-BY-NC. Il ne doit donc servir qu’à produire des ébauches. Ne publiez jamais un morceau MusicGen dans un jeu que vous vendez. Utilisez ACE-Step ou Stable Audio pour la version finale.</p>
<p><strong>Magenta RealTime</strong> de Google, dont le code est sous Apache 2.0 et les poids sous CC-BY, est un cas à part, dans le meilleur sens du terme pour les jeux. Au lieu de produire un fichier finalisé, il génère de la musique en direct que vous pouvez orienter pendant la lecture. C’est exactement le fonctionnement recherché pour une bande-son adaptative qui évolue lorsque le joueur entre en combat ou qu’un boss apparaît. Aucun autre modèle ouvert n’est conçu pour être dirigé en temps réel. Si la musique interactive est votre objectif, c’est donc le meilleur point de départ.</p>
<h2 id="les-effets-sonores-pas-seulement-la-musique" tabindex="-1">Les effets sonores, pas seulement la musique <a class="header-anchor" href="#les-effets-sonores-pas-seulement-la-musique" aria-label="Permalink to &quot;Les effets sonores, pas seulement la musique&quot;"></a></h2>
<p>Une bande-son ne représente que la moitié du travail. Les jeux ont aussi besoin de bruits de pas, de clics d’interface, d’explosions et d’ambiances, auxquels s’appliquent les mêmes règles de licence que pour la musique générée par IA. Deux options se démarquent. <strong>Stable Audio 3 Small-SFX</strong> fonctionne localement, génère des effets à la demande et utilise la même Community License adaptée à un usage commercial que les autres modèles de sa gamme. <strong>ElevenLabs</strong> propose un générateur dédié aux effets sonores, avec la même autorisation claire d’utilisation commerciale qu’Eleven Music. C’est pourquoi notre propre <a href="/fr/tools/sfx.html">outil d’effets sonores</a> accompagne l’outil musical. Si vous préférez la méthode traditionnelle, notre guide des <a href="/fr/guides/free-sound-effects-music.html">effets sonores et musiques gratuits</a> présente les bibliothèques CC0 à garder sous la main.</p>
<h2 id="la-realite-des-licences-pour-les-jeux" tabindex="-1">La réalité des licences pour les jeux <a class="header-anchor" href="#la-realite-des-licences-pour-les-jeux" aria-label="Permalink to &quot;La réalité des licences pour les jeux&quot;"></a></h2>
<p>Cette section peut vous éviter une notification de retrait. Lisez-la donc avant de générer quoi que ce soit que vous prévoyez de publier.</p>
<p><strong>« Libre de droits » ne signifie pas « libre de droits d’auteur », et aucun des deux ne signifie que vous en êtes propriétaire.</strong> Libre de droits signifie que vous ne payez pas de redevance à chaque diffusion du morceau. Cela ne dit rien sur l’identité du propriétaire de la musique ni sur la légalité des données d’entraînement. Il s’agit de trois concepts différents, souvent confondus dans les textes marketing.</p>
<p><strong>Les offres gratuites ne conviennent presque jamais à un jeu commercial.</strong> Chez Suno, Mubert, Soundraw, Beatoven et Loudly, l’offre gratuite est réservée à un usage personnel et non commercial. Un jeu que vous vendez, ou même un jeu gratuit comportant des publicités ou un contenu téléchargeable payant, est un projet commercial. Utilisez une offre payante ou un modèle ouvert sous licence permissive, et ne publiez pas un morceau produit avec une offre gratuite.</p>
<p><strong>Surveillez les procès concernant les données d’entraînement.</strong> Suno et Udio font tous deux l’objet de procédures judiciaires en cours intentées par de grandes maisons de disques. Jusqu’à présent, aucun tribunal n’a jugé les utilisateurs finaux responsables, et le risque pratique pour un studio indépendant est faible, mais il existe. C’est pourquoi les choix les plus sûrs en 2026 sont les outils entraînés sur des données sous licence : ElevenLabs Music, Stable Audio, Mubert, Soundraw et AIVA.</p>
<p><strong>Conservez vos reçus.</strong> Les droits commerciaux d’outils comme Suno s’appliquent aux morceaux générés pendant que votre abonnement est actif. Conservez une preuve de l’abonnement en vigueur au moment de chaque génération afin de pouvoir démontrer que le morceau était bien couvert par une licence lorsque vous l’avez créé.
<strong>Déclarez l’utilisation de l’IA lorsque la plateforme l’exige.</strong> itch.io et Steam ont leurs propres règles concernant la déclaration des contenus générés par IA, et être transparent constitue une précaution peu coûteuse. Consultez notre <a href="/fr/ai-content.html">politique relative aux contenus générés par IA</a> pour savoir comment nous gérons ces déclarations, ainsi que notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a> pour comprendre comment les licences musicales s’articulent avec celles de vos créations visuelles et de votre code.</p>
<h2 id="creer-une-musique-adaptee-a-un-jeu-et-pas-seulement-un-morceau" tabindex="-1">Créer une musique adaptée à un jeu, et pas seulement un morceau <a class="header-anchor" href="#creer-une-musique-adaptee-a-un-jeu-et-pas-seulement-un-morceau" aria-label="Permalink to &quot;Créer une musique adaptée à un jeu, et pas seulement un morceau&quot;"></a></h2>
<p>Une chanson pop de trois minutes n’est pas une bande-son de jeu. Les jeux ont besoin de boucles sans raccord audible, de pistes séparées que vous pouvez mixer à mesure que la scène évolue et de transitions d’ambiance qui suivent les actions du joueur. Voici quelques conseils de production.</p>
<p>Pour les <strong>boucles</strong>, générez un morceau légèrement plus long et coupez-le à un point de bouclage propre, ou utilisez une fonction de prolongement et d’inpainting — Stable Audio et Suno en proposent tous deux une — afin de raccorder la fin au début. Pour les <strong>pistes séparées</strong>, Suno Studio avec l’abonnement Premier et le mode remix d’ACE-Step permettent tous deux de décomposer un morceau en plusieurs parties. Vous pouvez ainsi supprimer la batterie pendant une séquence d’infiltration, puis la réintroduire lors d’une poursuite. Pour une musique <strong>adaptative en temps réel</strong> qui réagit aux actions du joueur, Magenta RealTime est spécialement conçu à cet effet, tandis que les flux infinis de Mubert, classés par ambiance, conviennent bien aux couches sonores d’atmosphère ou d’arrière-plan continu dans une application.</p>
<h2 id="ce-que-j-utiliserais-concretement" tabindex="-1">Ce que j’utiliserais concrètement <a class="header-anchor" href="#ce-que-j-utiliserais-concretement" aria-label="Permalink to &quot;Ce que j’utiliserais concrètement&quot;"></a></h2>
<p>Si je devais composer la bande-son d’un jeu aujourd’hui, voici les outils que je choisirais.</p>
<p><strong>Vous publiez un jeu commercial et les licences doivent être irréprochables ?</strong> Utilisez ElevenLabs Music pour les morceaux chantés et les thèmes principaux, et Stable Audio 3 pour les nappes instrumentales et les effets sonores. Les deux sont entraînés sur des données sous licence et autorisent l’utilisation commerciale de leurs résultats. C’est précisément pour cela que deux des trois moteurs de notre propre outil appartiennent à cette catégorie.</p>
<p>Vous avez besoin d’<strong>itérer rapidement et d’obtenir les meilleures voix chantées</strong> ? Suno Pro est la solution, à condition de conserver vos justificatifs et d’accepter le faible risque juridique résiduel lié aux poursuites en cours. Importez ensuite les meilleurs morceaux dans Suno Studio pour en extraire les pistes séparées.</p>
<p>Vous voulez <strong>un contrôle total sans abonnement</strong> ? Auto-hébergez ACE-Step pour les morceaux chantés et Stable Audio 3 pour les instrumentaux et les effets sonores, puis affinez Stable Audio avec LoRA sur vos propres fichiers audio afin que l’ensemble présente une identité musicale cohérente.</p>
<p>Pour la <strong>musique de fond dans votre application</strong>, ou pour permettre aux joueurs de générer la leur, intégrez l’API de Mubert ou de Soundraw avec la formule correspondant à la possibilité ou non, pour les utilisateurs, d’exporter leurs créations. Et si vous voulez <strong>une bande-son adaptative qui réagit au gameplay</strong>, commencez par créer un prototype avec Magenta RealTime.</p>
<p>L’erreur la plus courante consiste à vouloir tout faire avec un seul outil. La musique, les pistes séparées, les effets sonores et les couches adaptatives répondent à des besoins différents. La meilleure solution consiste généralement à utiliser deux ou trois outils qui excellent chacun dans un domaine. Tous poursuivent le même objectif : faire en sorte que la bande-son ne soit plus l’élément sur lequel vous rognez.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-generateur-de-musique-par-ia-pour-un-jeu-commercial" tabindex="-1">Quel est le meilleur générateur de musique par IA pour un jeu commercial ? <a class="header-anchor" href="#quel-est-le-meilleur-generateur-de-musique-par-ia-pour-un-jeu-commercial" aria-label="Permalink to &quot;Quel est le meilleur générateur de musique par IA pour un jeu commercial ?&quot;"></a></h3>
<p>Pour bénéficier de licences claires, ElevenLabs Music et Stable Audio 3 sont en tête en 2026, car tous deux sont entraînés sur des données sous licence et autorisent l’utilisation commerciale de leurs résultats. Pour obtenir rapidement les meilleures voix chantées, Suno Pro convient si vous acceptez le faible risque résiduel lié au litige en cours avec Sony. Évitez les formules gratuites et les poids limités à un usage non commercial pour tout contenu destiné à être publié.</p>
<h3 id="puis-je-legalement-utiliser-de-la-musique-generee-par-ia-dans-un-jeu-que-je-vends" tabindex="-1">Puis-je légalement utiliser de la musique générée par IA dans un jeu que je vends ? <a class="header-anchor" href="#puis-je-legalement-utiliser-de-la-musique-generee-par-ia-dans-un-jeu-que-je-vends" aria-label="Permalink to &quot;Puis-je légalement utiliser de la musique générée par IA dans un jeu que je vends ?&quot;"></a></h3>
<p>En général, oui, avec une formule payante ou un modèle ouvert assorti d’une licence permissive, mais les détails comptent. Les formules gratuites sont presque toujours réservées à un usage non commercial, une licence commerciale ne signifie pas que vous détenez les droits d’auteur, et les outils entraînés sur des données sans licence présentent un risque juridique. Vérifiez la licence concernée, conservez une preuve de votre abonnement et déclarez les contenus générés par IA lorsque votre plateforme l’exige.</p>
<h3 id="quels-generateurs-de-musique-par-ia-puis-je-executer-sur-mon-propre-materiel" tabindex="-1">Quels générateurs de musique par IA puis-je exécuter sur mon propre matériel ? <a class="header-anchor" href="#quels-generateurs-de-musique-par-ia-puis-je-executer-sur-mon-propre-materiel" aria-label="Permalink to &quot;Quels générateurs de musique par IA puis-je exécuter sur mon propre matériel ?&quot;"></a></h3>
<p>Stable Audio 3 — les petits modèles fonctionnent sur un processeur et le modèle Medium sur une carte graphique grand public —, ACE-Step, YuE, DiffRhythm 2 et Magenta RealTime sont tous ouverts et auto-hébergeables. Vérifiez la licence des poids, et pas seulement celle du code : les poids de MusicGen sont réservés à un usage non commercial, tandis qu’ACE-Step (MIT) et Stable Audio (Community License) autorisent l’utilisation commerciale.</p>
<h3 id="comment-obtenir-une-musique-en-boucle-ou-adaptative-pour-un-jeu" tabindex="-1">Comment obtenir une musique en boucle ou adaptative pour un jeu ? <a class="header-anchor" href="#comment-obtenir-une-musique-en-boucle-ou-adaptative-pour-un-jeu" aria-label="Permalink to &quot;Comment obtenir une musique en boucle ou adaptative pour un jeu ?&quot;"></a></h3>
<p>Générez un morceau plus long et coupez-le pour obtenir une boucle sans interruption, ou utilisez le prolongement et l’inpainting pour raccorder ses extrémités. Pour obtenir des pistes séparées, utilisez Suno Studio ou le mode remix d’ACE-Step. Pour créer une musique en temps réel qui réagit au gameplay, Magenta RealTime est conçu pour être piloté en direct, tandis que les flux de Mubert fondés sur l’ambiance conviennent aux couches sonores d’arrière-plan infinies.</p>
<hr>
<h2 id="pour-aller-plus-loin" tabindex="-1">Pour aller plus loin <a class="header-anchor" href="#pour-aller-plus-loin" aria-label="Permalink to &quot;Pour aller plus loin&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Les meilleurs modèles d’IA générative open source pour les jeux</a>, un panorama complet des modèles ouverts pour la vidéo, l’image, la 3D, l’audio et la voix</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Les meilleurs générateurs de ressources par IA pour les jeux</a>, modèles 3D, textures et génération audio réunis</li>
<li><a href="/fr/guides/ai-voice-acting-games.html">Doublage par IA pour les jeux</a>, les mêmes questions d’outillage appliquées aux dialogues et à la narration</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musiques gratuits pour les jeux</a>, les bibliothèques CC0 à associer à la génération par IA</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences de ressources de jeu</a>, comment les licences musicales s’articulent avec celles de vos créations visuelles et de votre code</li>
<li><a href="/fr/ai-content.html">Politique relative aux contenus générés par IA</a>, notre approche de la déclaration des contenus générés par IA</li>
</ul>
<BuildCta
  title="Générez un jeu et sa bande-son au même endroit"
  desc="La musique est encore plus amusante lorsqu’elle accompagne un jeu que vous avez réellement créé."
  prompt="Crée un jeu de rythme dans une ville néon où le tempo détermine les obstacles" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-music-generators-games.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comparatif des plateformes chinoises de mini-jeux et de jeux HTML5 (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/china-mini-game-platforms</link>
            <guid>https://app.cinevva.com/fr/guides/china-mini-game-platforms</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comparatif des plateformes qui distribuent des jeux HTML5 et des mini-jeux en Chine. WeChat, Douyin, QQ, 4399, Kuaishou, Alipay et Meituan selon leur portée, le partage des revenus, leur public et les conditions d'accès.]]></description>
            <content:encoded><![CDATA[<h1 id="comparatif-des-plateformes-chinoises-de-mini-jeux-et-de-jeux-html5-2026" tabindex="-1">Comparatif des plateformes chinoises de mini-jeux et de jeux HTML5 (2026) <a class="header-anchor" href="#comparatif-des-plateformes-chinoises-de-mini-jeux-et-de-jeux-html5-2026" aria-label="Permalink to &quot;Comparatif des plateformes chinoises de mini-jeux et de jeux HTML5 (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/china-mini-game-platforms-hero.jpg?v=1" alt="Comparatif des plateformes chinoises de mini-jeux et de jeux HTML5 en 2026" style="width:100%;border-radius:10px">
</figure>
<p>En Occident, « publier un jeu web » signifie itch.io, Poki, CrazyGames ou Newgrounds. La Chine possède sa propre version de cette carte, et elle est immense. Le marché des mini-jeux a généré environ 7,65 milliards de dollars en 2025 et devrait atteindre près de 20 milliards de dollars d'ici 2030. Les plateformes sont différentes, les mécanismes de découverte sont différents et les règles pour y accéder le sont également. Voici votre guide de terrain.</p>
<p>Pour découvrir l'équivalent occidental, consultez <a href="/fr/guides/publish-web-game.html">les meilleurs endroits où publier un jeu web</a>. Cette page présente le paysage chinois. Pour mieux comprendre les démarches nécessaires afin d'être référencé et rémunéré, le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a> détaille les licences et le partage des revenus.</p>
<h2 id="les-deux-plateformes-les-plus-importantes" tabindex="-1">Les deux plateformes les plus importantes <a class="header-anchor" href="#les-deux-plateformes-les-plus-importantes" aria-label="Permalink to &quot;Les deux plateformes les plus importantes&quot;"></a></h2>
<p>WeChat et Douyin représentent ensemble plus de 90 % des revenus des mini-jeux en Chine. Si vous ne publiez votre jeu que sur deux plateformes, choisissez celles-ci.</p>
<p>WeChat Mini Games est le géant du secteur. Environ 500 à 570 millions de joueurs mensuels lancent des jeux au sein de l'application qu'un milliard de personnes utilisent pour communiquer et payer. La découverte est sociale : les jeux se propagent entre amis et dans les conversations de groupe. Plus de 400 000 développeurs créent des mini-jeux WeChat, et plus de 300 équipes dépassent 10 millions de yuans de chiffre d'affaires trimestriel. La plateforme récompense la rétention et le bouche-à-oreille, tandis que son économie d'achats intégrés est très développée. Si votre jeu possède une boucle qui incite à revenir et une bonne raison d'en parler à ses amis, WeChat est l'endroit où cet effet peut se multiplier.</p>
<p>Douyin Mini Games est le concurrent en pleine ascension. La plateforme compte environ 170 millions de joueurs mensuels, mais ses revenus ont progressé d'environ 100 % et son nombre d'utilisateurs d'environ 120 % sur un an en 2025. La découverte est algorithmique et alimentée par les vidéos courtes. Une excellente séquence diffusée dans le fil peut déclencher une vague de joueurs. Douyin propose des conditions très avantageuses, certains partenaires privilégiés pouvant conserver jusqu'à 90 % des recettes, tandis que son label Ohayoo est spécialisé dans l'édition de jeux hypercasual. Si votre jeu paraît irrésistible en cinq secondes, le fil de Douyin constitue un moteur de croissance que WeChat ne peut égaler.</p>
<h2 id="les-autres-acteurs-du-marche" tabindex="-1">Les autres acteurs du marché <a class="header-anchor" href="#les-autres-acteurs-du-marche" aria-label="Permalink to &quot;Les autres acteurs du marché&quot;"></a></h2>
<p>Au-delà de ces deux géants, plusieurs plateformes méritent d'être connues, principalement parce qu'elles permettent d'atteindre des publics que les leaders ne captent pas entièrement.</p>
<p>QQ Mini Games est l'autre plateforme sociale de Tencent, avec un public plus jeune que celui de WeChat. Si votre jeu cible les adolescents et les étudiants, la démographie de QQ constitue une véritable raison d'y être présent. Son intégration à l'écosystème Tencent peut également simplifier certaines opérations techniques.</p>
<p>4399 est un vétéran de l'ère chinoise des jeux web casual. Ce portail, antérieur à l'essor des mini-jeux, attire encore un vaste public amateur de jeux casual. Comme d'autres entreprises établies similaires — BoKe, Tanwan et plusieurs autres —, 4399 s'est développé dans le secteur des mini-jeux tout en conservant les atouts traditionnels d'un portail casual. La plateforme convient bien aux jeux casual accessibles et directs.</p>
<p>Kuaishou est le principal concurrent de Douyin dans la vidéo courte. Il utilise le même modèle de découverte algorithmique et touche davantage les zones rurales et les villes de rang inférieur. Ses revenus issus des mini-jeux restent plus modestes, mais la plateforme possède une base d'utilisateurs distincte.</p>
<p>Alipay et Meituan complètent le tableau. Ces deux plateformes développent leur activité de mini-jeux en s'appuyant sur d'immenses bases d'utilisateurs transactionnels — paiements pour l'une, livraison de repas pour l'autre — et en sont encore à leurs débuts. Leur portée est énorme, mais leur part du marché vidéoludique reste faible. Il s'agit donc pour l'instant de paris sur une niche ou d'occasions de s'implanter avant la saturation, plutôt que de canaux prioritaires.</p>
<h2 id="comparatif-en-un-coup-d-œil" tabindex="-1">Comparatif en un coup d'œil <a class="header-anchor" href="#comparatif-en-un-coup-d-œil" aria-label="Permalink to &quot;Comparatif en un coup d'œil&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>Joueurs mensuels</th>
<th>Découverte</th>
<th>Conditions de rémunération</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td>WeChat</td>
<td>Environ 500 à 570 M</td>
<td>Sociale, partage entre amis</td>
<td>Publicités : environ 50/50 ; achats intégrés : environ 60 à 70 % pour le développeur</td>
<td>Jeux axés sur la rétention et le partage social</td>
</tr>
<tr>
<td>Douyin</td>
<td>Environ 170 M</td>
<td>Vidéos courtes recommandées par algorithme</td>
<td>Jusqu'à environ 90 % pour les partenaires privilégiés</td>
<td>Jeux hypercasual avec une forte accroche visuelle</td>
</tr>
<tr>
<td>QQ</td>
<td>Vaste public, plus jeune</td>
<td>Sociale, écosystème Tencent</td>
<td>Conditions de Tencent</td>
<td>Adolescents et étudiants</td>
</tr>
<tr>
<td>4399</td>
<td>Vaste public casual</td>
<td>Navigation sur le portail</td>
<td>Conditions du portail</td>
<td>Jeux casual accessibles</td>
</tr>
<tr>
<td>Kuaishou</td>
<td>En croissance</td>
<td>Vidéos courtes recommandées par algorithme</td>
<td>Conditions négociées</td>
<td>Villes de rang inférieur et zones rurales</td>
</tr>
<tr>
<td>Alipay / Meituan</td>
<td>Immense, mais encore émergent pour les jeux</td>
<td>Mise en avant dans des applications transactionnelles</td>
<td>Conditions de lancement</td>
<td>Paris de niche et positionnement précurseur</td>
</tr>
</tbody>
</table>
<p>Le nombre de joueurs et les conditions évoluent avec le marché et les promotions. Considérez donc ce tableau comme une vue d'ensemble du secteur, et non comme un ensemble de chiffres immuables.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Choisissez la plateforme selon la manière dont votre jeu est découvert, et pas seulement selon sa taille.</p>
<p>Si votre jeu incite les joueurs à revenir et à le partager, WeChat est l'endroit où la rétention se transforme en croissance. S'il s'agit d'un titre hypercasual dont le succès dépend d'une excellente séquence vidéo, le fil de Douyin est le moteur le plus puissant du marché. Si vous ciblez un public jeune, QQ mérite le travail d'intégration supplémentaire. Pour un jeu casual simple, 4399 et les autres portails sont bien adaptés. Et puisque la licence et le build peuvent être réutilisés d'une plateforme à l'autre, publier sur plusieurs des principales plateformes est généralement la norme, et non l'exception.</p>
<p>Le principal obstacle est le même partout : un jeu monétisé nécessite une licence chinoise ainsi qu'un opérateur local pour la détenir. Ce point est traité dans le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication</a> et s'applique à l'ensemble des plateformes de ce tableau.</p>
<h2 id="le-role-de-cinevva" tabindex="-1">Le rôle de Cinevva <a class="header-anchor" href="#le-role-de-cinevva" aria-label="Permalink to &quot;Le rôle de Cinevva&quot;"></a></h2>
<p>Aucune de ces plateformes n'est l'endroit où découvrir si votre jeu est réellement amusant. La licence, le partenaire local et la validation de la plateforme coûtent trop cher pour les consacrer à une idée qui n'a pas été testée. Cinevva constitue l'entrée peu coûteuse de votre entonnoir : créez un jeu par navigateur en quelques minutes, présentez-le à de vrais joueurs et identifiez les titres qui possèdent la boucle de rétention adaptée à WeChat ou l'accroche idéale pour Douyin avant de payer pour entrer sur le marché chinois. Les plateformes de mini-jeux récompensent les mêmes qualités qu'un bon jeu web — lancement instantané et aucune installation — : un jeu qui fonctionne dans le navigateur parle donc déjà leur langue.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quelles-sont-les-plus-grandes-plateformes-de-mini-jeux-en-chine" tabindex="-1">Quelles sont les plus grandes plateformes de mini-jeux en Chine ? <a class="header-anchor" href="#quelles-sont-les-plus-grandes-plateformes-de-mini-jeux-en-chine" aria-label="Permalink to &quot;Quelles sont les plus grandes plateformes de mini-jeux en Chine ?&quot;"></a></h3>
<p>WeChat Mini Games et Douyin Mini Games, qui représentent ensemble plus de 90 % des revenus du marché. WeChat compte environ 500 à 570 millions de joueurs mensuels, contre environ 170 millions pour Douyin, dont la croissance est rapide.</p>
<h3 id="existe-t-il-un-equivalent-chinois-d-itch-io-ou-de-poki" tabindex="-1">Existe-t-il un équivalent chinois d'itch.io ou de Poki ? <a class="header-anchor" href="#existe-t-il-un-equivalent-chinois-d-itch-io-ou-de-poki" aria-label="Permalink to &quot;Existe-t-il un équivalent chinois d'itch.io ou de Poki ?&quot;"></a></h3>
<p>Pas exactement. Les équivalents les plus proches sont les plateformes de mini-jeux intégrées aux super-applications — WeChat, Douyin et QQ — ainsi que les portails casual historiques comme 4399. La découverte repose sur les graphes sociaux et les algorithmes de vidéos courtes plutôt que sur un site de jeux indépendant.</p>
<h3 id="ai-je-besoin-d-un-build-different-pour-chaque-plateforme-chinoise" tabindex="-1">Ai-je besoin d'un build différent pour chaque plateforme chinoise ? <a class="header-anchor" href="#ai-je-besoin-d-un-build-different-pour-chaque-plateforme-chinoise" aria-label="Permalink to &quot;Ai-je besoin d'un build différent pour chaque plateforme chinoise ?&quot;"></a></h3>
<p>Une adaptation propre à chaque plateforme est généralement nécessaire, car les systèmes de connexion, les publicités et les SDK de paiement diffèrent. Le cœur du jeu et sa licence peuvent toutefois être réutilisés. Des moteurs comme Cocos et LayaAir permettent de cibler plusieurs plateformes chinoises à partir d'un seul projet.</p>
<h3 id="quelle-plateforme-convient-le-mieux-a-un-jeu-hypercasual" tabindex="-1">Quelle plateforme convient le mieux à un jeu hypercasual ? <a class="header-anchor" href="#quelle-plateforme-convient-le-mieux-a-un-jeu-hypercasual" aria-label="Permalink to &quot;Quelle plateforme convient le mieux à un jeu hypercasual ?&quot;"></a></h3>
<p>Douyin, car son fil de vidéos courtes peut envoyer une vague virale de joueurs vers un jeu doté d'une forte accroche visuelle. Ses conditions de rémunération sont également généreuses pour les partenaires privilégiés. Ohayoo, le label de Douyin, est spécialisé dans l'hypercasual.</p>
<h3 id="quelle-est-la-taille-du-marche-chinois-des-mini-jeux" tabindex="-1">Quelle est la taille du marché chinois des mini-jeux ? <a class="header-anchor" href="#quelle-est-la-taille-du-marche-chinois-des-mini-jeux" aria-label="Permalink to &quot;Quelle est la taille du marché chinois des mini-jeux ?&quot;"></a></h3>
<p>Environ 7,65 milliards de dollars en 2025, soit une hausse d'environ 34 % sur un an, avec des prévisions proches de 20 milliards de dollars d'ici 2030.</p>
<BuildCta
  title="Trouvez votre canal en testant le jeu"
  desc="Créez-le dans le navigateur, observez la réaction des joueurs, puis choisissez la plateforme adaptée."
  prompt="Crée un jeu coloré d'empilement basé sur la physique auquel il est difficile d'arrêter de jouer" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier des mini-jeux sur WeChat et Douyin</a> — licences, validation et partage des revenus</li>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs de jeu pour WeChat Mini Games</a> — développer pour la plateforme</li>
<li><a href="/fr/guides/localize-web-game-china.html">Adapter un jeu web au marché chinois</a> — polices, hébergement et paiements</li>
<li><a href="/fr/guides/publish-web-game.html">Les meilleurs endroits où publier un jeu web</a> — le marché occidental</li>
<li><a href="/fr/guides/casual-games-trends-2026.html">Tendances des jeux casual en 2026</a> — l'avenir du casual</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/china-mini-game-platforms-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Localiser un jeu web pour la Chine (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/localize-web-game-china</link>
            <guid>https://app.cinevva.com/fr/guides/localize-web-game-china</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce qu’il faut réellement faire pour lancer un jeu web en Chine en 2026. Chinois simplifié et polices, enregistrement ICP, hébergement à l’intérieur du Grand Pare-feu, WeChat Pay et Alipay, ainsi que les services tiers qui cessent discrètement de fonctionner.]]></description>
            <content:encoded><![CDATA[<h1 id="localiser-un-jeu-web-pour-la-chine-2026" tabindex="-1">Localiser un jeu web pour la Chine (2026) <a class="header-anchor" href="#localiser-un-jeu-web-pour-la-chine-2026" aria-label="Permalink to &quot;Localiser un jeu web pour la Chine (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/localize-web-game-china-hero.jpg?v=1" alt="Localiser un jeu web pour la Chine en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Localiser un jeu web pour la Chine ne se résume pas à le traduire. La traduction représente les 10 % faciles. Les 90 % difficiles viennent du fait que l’environnement technique et juridique est différent : vos polices, votre hébergeur, votre prestataire de paiement et la moitié des services tiers dont vous dépendez sans même y penser doivent changer ou cessent de fonctionner à la frontière. Ce guide répertorie tout ce qu’il faut réellement faire.</p>
<p>Si vous ciblez spécifiquement les Mini Games, consultez également le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a>. Cette page aborde plus largement le cas des jeux web, que vous visiez une plateforme de Mini Games ou un site autonome.</p>
<h2 id="langue-un-chinois-simplifie-correctement-adapte" tabindex="-1">Langue : un chinois simplifié correctement adapté <a class="header-anchor" href="#langue-un-chinois-simplifie-correctement-adapte" aria-label="Permalink to &quot;Langue : un chinois simplifié correctement adapté&quot;"></a></h2>
<p>Commencez par le chinois simplifié (简体中文), la norme écrite en Chine continentale. Le chinois traditionnel est utilisé à Hong Kong et à Taïwan, et les deux variantes ne sont pas interchangeables. Assurez-vous d’utiliser la bonne avant toute autre chose.</p>
<p>Occupez-vous ensuite de tout ce que la traduction automatique ne sait pas gérer. Le texte chinois est plus dense que l’anglais : une interface conçue pour des chaînes anglaises présentera donc des espaces vides gênants, et des boutons dimensionnés pour « Continue » paraîtront étranges avec seulement deux caractères. Les retours à la ligne fonctionnent différemment, car les mots ne sont pas séparés par des espaces. Le ton compte également : aux yeux des joueurs chinois, une traduction littérale semble aussi robotique qu’une traduction littérale du chinois vers le français le serait pour vous. Prévoyez une révision par une personne native, pas seulement le résultat d’un modèle.</p>
<h2 id="polices-le-piege-auquel-personne-ne-s-attend" tabindex="-1">Polices : le piège auquel personne ne s’attend <a class="header-anchor" href="#polices-le-piege-auquel-personne-ne-s-attend" aria-label="Permalink to &quot;Polices : le piège auquel personne ne s’attend&quot;"></a></h2>
<p>C’est ici que la plupart des jeux web occidentaux échouent. Vous ne pouvez pas charger de polices chinoises depuis Google Fonts, car Google est bloqué en Chine continentale et la requête échoue tout simplement. Une page qui s’affiche parfaitement sur votre machine présente du texte cassé ou une police de remplacement derrière le Grand Pare-feu.</p>
<p>Pire encore, les polices chinoises sont énormes. Une police CJK complète couvre des dizaines de milliers de glyphes et peut peser plusieurs dizaines de mégaoctets, ce qui est rédhibitoire pour un jeu web et totalement impossible compte tenu des limites de taille des Mini Games. Les solutions : utilisez les polices système déjà installées sur chaque appareil, ou créez une version allégée d’une police ne contenant que les caractères réellement utilisés par votre jeu, puis hébergez-la vous-même. Dans les deux cas, hébergez vous-même la police depuis la Chine. Ne dépendez pas d’un CDN de polices externe.</p>
<h2 id="hebergement-a-l-interieur-du-mur-ou-lent-a-l-exterieur" tabindex="-1">Hébergement : à l’intérieur du mur ou lent à l’extérieur <a class="header-anchor" href="#hebergement-a-l-interieur-du-mur-ou-lent-a-l-exterieur" aria-label="Permalink to &quot;Hébergement : à l’intérieur du mur ou lent à l’extérieur&quot;"></a></h2>
<p>L’endroit depuis lequel votre jeu est servi détermine la qualité de l’expérience. Hébergez-le à l’étranger et chaque requête devra traverser les contrôles du Grand Pare-feu, ce qui ajoutera une latence donnant l’impression qu’un jeu en temps réel fonctionne mal. Hébergez-le en Chine continentale et il sera rapide, mais l’hébergement en Chine impose un enregistrement ICP.</p>
<p>L’enregistrement ICP (Internet Content Provider) est une inscription auprès du ministère chinois de l’Industrie et des Technologies de l’information. Il est obligatoire pour tout site servi depuis des serveurs situés en Chine continentale. Il existe sous deux formes : un enregistrement de base (备案) pour les sites non commerciaux et une licence ICP commerciale pour les sites qui vendent, diffusent de la publicité ou acceptent des paiements, ce qui est le cas d’un jeu monétisé. Un jeu exploité commercialement nécessite aussi généralement une licence d’exploitation culturelle sur Internet (网络文化经营许可证). Le numéro ICP doit apparaître dans le pied de page du site, avec un lien vers le site officiel des registres. Les démarches prennent plusieurs semaines et exigent une entité commerciale locale, ce qui explique aussi pourquoi les studios étrangers passent par un partenaire chinois.</p>
<p>L’enregistrement ICP ne couvre toutefois que l’hébergement. Un jeu monétisé doit également obtenir l’autorisation ISBN pour les jeux (版号, le « banhao »), qui ne peut être demandée que par l’intermédiaire d’un éditeur chinois agréé. Notre <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a> présente l’ensemble du processus d’obtention des licences.</p>
<p>L’enregistrement n’est pas une simple formalité administrative. C’est la clé qui débloque tout le reste : l’hébergement en Chine, un CDN chinois assurant une diffusion rapide dans tout le pays et l’intégration des paiements.</p>
<h2 id="paiements-wechat-pay-et-alipay-pas-stripe" tabindex="-1">Paiements : WeChat Pay et Alipay, pas Stripe <a class="header-anchor" href="#paiements-wechat-pay-et-alipay-pas-stripe" aria-label="Permalink to &quot;Paiements : WeChat Pay et Alipay, pas Stripe&quot;"></a></h2>
<p>Les joueurs chinois n’utilisent pas les cartes et portefeuilles électroniques répandus dans le reste du monde. Les paiements passent par WeChat Pay et Alipay, un point c’est tout. Stripe, PayPal et les parcours de paiement occidentaux ne sont pas la solution. L’intégration de WeChat Pay ou d’Alipay exige un hébergement en Chine et une licence ICP. Le paiement, l’hébergement et l’enregistrement constituent donc un seul problème interconnecté, et non trois problèmes distincts. Planifiez-les ensemble.</p>
<h2 id="les-services-qui-cessent-discretement-de-fonctionner" tabindex="-1">Les services qui cessent discrètement de fonctionner <a class="header-anchor" href="#les-services-qui-cessent-discretement-de-fonctionner" aria-label="Permalink to &quot;Les services qui cessent discrètement de fonctionner&quot;"></a></h2>
<p>Les bugs les plus pénibles lors d’un lancement en Chine sont ceux qui n’apparaissent que lorsqu’un joueur situé derrière le Grand Pare-feu charge le jeu. Toute ressource récupérée par votre jeu depuis un service bloqué échouera, souvent sans aucun message, même si votre hébergement et votre enregistrement sont parfaitement en règle. Les victimes habituelles :</p>
<p>Google Fonts, Google Analytics et tous les autres services de Google. Ils sont bloqués. Remplacez-les par des polices auto-hébergées et un service d’analyse chinois.</p>
<p>YouTube et les vidéos intégrées depuis des hébergeurs occidentaux. Ils sont bloqués. Si vous intégrez des bandes-annonces, utilisez un hébergeur vidéo chinois.</p>
<p>Facebook, Twitter, ainsi que leurs SDK et boutons de partage. Ils sont bloqués. Remplacez-les par des fonctions de partage vers WeChat et Weibo.</p>
<p>Les CDN externes et les hébergeurs de scripts auxquels vous n’aviez pas pensé. Certains fonctionnent, beaucoup non. Auditez chaque URL tierce chargée par votre jeu et considérez-la comme inaccessible jusqu’à preuve du contraire.</p>
<p>La règle est simple : si une ressource est servie par une entreprise bloquée en Chine, elle sera inaccessible à vos joueurs chinois, même si tout le reste de votre configuration est correct. Hébergez vous-même chaque dépendance ou trouvez-lui un équivalent chinois.</p>
<h2 id="examen-du-contenu" tabindex="-1">Examen du contenu <a class="header-anchor" href="#examen-du-contenu" aria-label="Permalink to &quot;Examen du contenu&quot;"></a></h2>
<p>La Chine examine le contenu des jeux, et ses critères diffèrent de ceux des plateformes occidentales. Des thèmes, des images et des textes acceptés ailleurs peuvent être refusés. C’est un autre domaine dans lequel un éditeur local mérite sa part, car il connaît les limites à respecter et peut effectuer une vérification avant le dépôt plutôt qu’après un refus. Intégrez cette étape d’examen à votre calendrier au lieu de la traiter comme une simple formalité finale.</p>
<h2 id="la-checklist-de-localisation" tabindex="-1">La checklist de localisation <a class="header-anchor" href="#la-checklist-de-localisation" aria-label="Permalink to &quot;La checklist de localisation&quot;"></a></h2>
<p>Traduisez en chinois simplifié et faites réviser le ton par une personne native au lieu de vous contenter d’une traduction automatique.</p>
<p>Adaptez l’interface à un texte plus dense et à des règles de retour à la ligne différentes.</p>
<p>Utilisez des polices système ou des polices allégées et auto-hébergées. Ne chargez jamais de polices chinoises depuis un CDN bloqué.</p>
<p>Choisissez votre hébergement : en Chine avec un enregistrement ICP pour de bonnes performances et les paiements, ou à l’étranger en acceptant la lenteur.</p>
<p>Intégrez WeChat Pay et Alipay pour toute forme de monétisation.</p>
<p>Auditez chaque ressource tierce et remplacez celles qui sont bloquées.</p>
<p>Planifiez l’examen du contenu avec un partenaire local.</p>
<h2 id="le-role-de-cinevva" tabindex="-1">Le rôle de Cinevva <a class="header-anchor" href="#le-role-de-cinevva" aria-label="Permalink to &quot;Le rôle de Cinevva&quot;"></a></h2>
<p>Voici la réalité : le jeu est la partie portable, tandis que la couche chinoise relève de la distribution et de la conformité. Cinevva permet de créer des jeux web natifs qui fonctionnent déjà depuis un simple lien, sans installation, ce qui correspond au format recherché par les plateformes chinoises. Mais nous ne prétendrons pas qu’un outil peut faire disparaître l’enregistrement ICP, le recours à un éditeur local ou l’intégration des paiements. Ce que nous rendons peu coûteux, c’est tout ce qui précède. Créez le jeu, prouvez qu’il mérite d’être localisé, puis n’investissez dans l’infrastructure chinoise qu’une fois que vous savez qu’il le justifie. La plupart des jeux n’ont pas besoin de franchir toutes ces étapes. Ceux pour lesquels cela vaut la peine méritent que ce soit fait correctement.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ai-je-besoin-d-une-licence-icp-pour-exploiter-un-jeu-web-en-chine" tabindex="-1">Ai-je besoin d’une licence ICP pour exploiter un jeu web en Chine ? <a class="header-anchor" href="#ai-je-besoin-d-une-licence-icp-pour-exploiter-un-jeu-web-en-chine" aria-label="Permalink to &quot;Ai-je besoin d’une licence ICP pour exploiter un jeu web en Chine ?&quot;"></a></h3>
<p>Oui, si vous souhaitez l’héberger en Chine continentale. Les sites non commerciaux nécessitent un enregistrement ICP de base (备案), tandis que les sites commerciaux qui vendent, diffusent de la publicité ou acceptent des paiements ont besoin d’une licence ICP commerciale. Un jeu monétisé nécessite aussi généralement une licence d’exploitation culturelle sur Internet. L’hébergement à l’étranger évite l’enregistrement, mais ralentit le jeu lors de son passage par le Grand Pare-feu.</p>
<h3 id="pourquoi-mes-polices-ne-fonctionnent-elles-pas-en-chine" tabindex="-1">Pourquoi mes polices ne fonctionnent-elles pas en Chine ? <a class="header-anchor" href="#pourquoi-mes-polices-ne-fonctionnent-elles-pas-en-chine" aria-label="Permalink to &quot;Pourquoi mes polices ne fonctionnent-elles pas en Chine ?&quot;"></a></h3>
<p>Presque toujours parce qu’elles sont chargées depuis Google Fonts ou un autre CDN bloqué, inaccessible derrière le Grand Pare-feu. Les polices chinoises sont également très volumineuses. La solution consiste donc à limiter la police aux glyphes utilisés et à l’héberger vous-même, ou à utiliser les polices système des appareils.</p>
<h3 id="puis-je-utiliser-stripe-ou-paypal-pour-un-jeu-en-chine" tabindex="-1">Puis-je utiliser Stripe ou PayPal pour un jeu en Chine ? <a class="header-anchor" href="#puis-je-utiliser-stripe-ou-paypal-pour-un-jeu-en-chine" aria-label="Permalink to &quot;Puis-je utiliser Stripe ou PayPal pour un jeu en Chine ?&quot;"></a></h3>
<p>Non. Les joueurs chinois paient avec WeChat Pay et Alipay. L’intégration de l’un ou l’autre exige un hébergement en Chine et une licence ICP. Les paiements, l’hébergement et l’enregistrement forment donc un seul projet interconnecté.</p>
<h3 id="quels-services-tiers-ne-fonctionnent-pas-en-chine" tabindex="-1">Quels services tiers ne fonctionnent pas en Chine ? <a class="header-anchor" href="#quels-services-tiers-ne-fonctionnent-pas-en-chine" aria-label="Permalink to &quot;Quels services tiers ne fonctionnent pas en Chine ?&quot;"></a></h3>
<p>Tous ceux d’une entreprise bloquée dans le pays : Google (Fonts, Analytics), YouTube, les SDK de Facebook et Twitter, ainsi que de nombreux CDN externes. Auditez chaque URL chargée par votre jeu et remplacez celles qui sont bloquées par des ressources auto-hébergées ou des prestataires chinois.</p>
<h3 id="traduire-un-jeu-en-chinois-suffit-il-a-le-localiser" tabindex="-1">Traduire un jeu en chinois suffit-il à le localiser ? <a class="header-anchor" href="#traduire-un-jeu-en-chinois-suffit-il-a-le-localiser" aria-label="Permalink to &quot;Traduire un jeu en chinois suffit-il à le localiser ?&quot;"></a></h3>
<p>Non. La traduction n’est qu’une petite partie du travail. Vous devez également gérer la densité du texte et les retours à la ligne, les polices auto-hébergées, l’hébergement en Chine et l’enregistrement, les paiements locaux, les services tiers bloqués et l’examen du contenu. La langue est la couche la plus facile.</p>
<BuildCta
  title="Créez d’abord le jeu, puis localisez ceux qui le méritent"
  desc="Créez un jeu web natif en quelques minutes et validez son potentiel avant d’investir dans l’infrastructure chinoise."
  prompt="Crée un jeu d’agriculture chaleureux avec des cycles de jour et de nuit" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier des Mini Games sur WeChat et Douyin</a> — licences, examen et partage des revenus</li>
<li><a href="/fr/guides/china-mini-game-platforms.html">Comparatif des plateformes chinoises de Mini Games et de jeux HTML5</a> — où distribuer votre jeu</li>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs de jeu pour les Mini Games WeChat</a> — créer pour la plateforme</li>
<li><a href="/fr/guides/publish-web-game.html">Les meilleurs endroits où publier un jeu web</a> — les plateformes occidentales</li>
<li><a href="/fr/guides/publish-web-game.html">Comment publier un jeu web</a> — commencez par mettre le jeu en ligne où vous le souhaitez</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/localize-web-game-china-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment publier sur les Mini Games WeChat et Douyin (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/publish-wechat-douyin-mini-games</link>
            <guid>https://app.cinevva.com/fr/guides/publish-wechat-douyin-mini-games</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Le véritable processus pour publier un Mini Game en Chine en 2026. La licence ISBN ou banhao, pourquoi un studio étranger a besoin d’un éditeur local, le partage des revenus de WeChat et Douyin, et les différences concrètes entre les deux plateformes.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-publier-sur-les-mini-games-wechat-et-douyin-2026" tabindex="-1">Comment publier sur les Mini Games WeChat et Douyin (2026) <a class="header-anchor" href="#comment-publier-sur-les-mini-games-wechat-et-douyin-2026" aria-label="Permalink to &quot;Comment publier sur les Mini Games WeChat et Douyin (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/publish-wechat-douyin-mini-games-hero.jpg?v=1" alt="Publier sur les Mini Games WeChat et Douyin en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Le marché chinois des Mini Games a généré environ 7,65 milliards de dollars en 2025, soit une hausse annuelle d’environ 34 %, et les prévisions l’estiment à près de 20 milliards de dollars d’ici 2030. Deux plateformes en captent plus de 90 % : WeChat Mini Games et Douyin Mini Games. Si vous avez créé un jeu et souhaitez tenter votre chance sur ce marché, voici le véritable parcours à suivre. Il est moins question du jeu lui-même que de licences, de partenaire local et de choix de la bonne plateforme.</p>
<p>Si vous n’avez pas encore choisi de moteur, commencez par consulter les <a href="/fr/guides/wechat-mini-game-engines.html">moteurs de jeu pour WeChat Mini Games</a>. Ce guide part du principe que vous disposez déjà d’une version jouable et explique comment la publier et la monétiser.</p>
<h2 id="la-licence-est-le-sesame" tabindex="-1">La licence est le sésame <a class="header-anchor" href="#la-licence-est-le-sesame" aria-label="Permalink to &quot;La licence est le sésame&quot;"></a></h2>
<p>Tous les jeux distribués en Chine, des titres AAA sur console jusqu’aux Mini Games exécutés dans une application de messagerie, sont soumis au même régime de licences. Deux documents sont importants.</p>
<p>Le droit d’auteur logiciel (软著) est le plus facile à obtenir : il s’agit d’un enregistrement de la paternité de l’œuvre. Celui qui détermine réellement votre activité est l’ISBN, ou 版号 (banhao), la licence de publication délivrée par l’autorité de régulation. En pratique, un Mini Game proposant des paiements intégrés a besoin d’un banhao. Les jeux gratuits ou financés uniquement par la publicité ont historiquement bénéficié d’une procédure plus légère, mais les règles se durcissent au fil du temps. Il est donc plus prudent de partir du principe que toute monétisation sérieuse finira par nécessiter cette licence.</p>
<p>Voici le point qui bloque net la plupart des studios étrangers : seule une entité chinoise agréée peut détenir la licence et exploiter un jeu monétisé. Une entreprise étrangère ne peut pas obtenir de banhao. Vous devez publier par l’intermédiaire d’un opérateur chinois agréé, qui détient la licence, gère les paiements et prélève une commission. Il ne s’agit pas d’une simple formalité qu’il serait possible de contourner. C’est ainsi que le marché est structuré.</p>
<p>La bonne nouvelle, c’est que <a href="/fr/news/2026-01-06-china-game-approvals-2025.html">la Chine a approuvé 1 771 jeux en 2025</a>, soit le nombre le plus élevé depuis 2018, avec un rythme mensuel régulier. La procédure, autrefois susceptible d’être suspendue sans préavis, fonctionne de nouveau de manière prévisible. Il est donc possible de planifier son lancement, ce qui ne l’était pas il y a encore quelques années.</p>
<h2 id="ce-que-fait-concretement-un-studio-etranger" tabindex="-1">Ce que fait concrètement un studio étranger <a class="header-anchor" href="#ce-que-fait-concretement-un-studio-etranger" aria-label="Permalink to &quot;Ce que fait concrètement un studio étranger&quot;"></a></h2>
<p>Voici à quoi ressemble le parcours réaliste.</p>
<p>Trouvez un éditeur ou un opérateur chinois. C’est la décision centrale. Il détient la licence, gère la demande de banhao, intègre les paiements et aide souvent à préparer l’examen culturel ainsi qu’à entretenir les relations avec les plateformes. Sa commission et son niveau de compétence sont les deux facteurs qui feront la réussite ou l’échec de l’accord.</p>
<p>Enregistrez le compte du Mini Game. Un compte monétisé doit être rattaché à une entreprise chinoise, qui sera en pratique celle de votre éditeur, et non la vôtre.</p>
<p>Adaptez le jeu à la plateforme. Préparez-le avec le bon moteur et le bon adaptateur, respectez la limite de taille du paquet initial et intégrez les SDK de connexion, de publicité et de paiement de la plateforme.</p>
<p>Soumettez-le à validation. Chaque Mini Game doit être validé par la plateforme avant de devenir public, indépendamment de la licence. Du contenu accepté ailleurs peut être refusé, donc plus votre éditeur l’examine tôt, moins vous aurez de mauvaises surprises.</p>
<p>Lancez le jeu et améliorez-le en continu. Les deux plateformes favorisent les jeux régulièrement exploités, avec des événements et des mises à jour. Un Mini Game est un service, pas un produit que l’on publie une seule fois.</p>
<h2 id="wechat-ou-douyin-deux-machines-differentes" tabindex="-1">WeChat ou Douyin : deux machines différentes <a class="header-anchor" href="#wechat-ou-douyin-deux-machines-differentes" aria-label="Permalink to &quot;WeChat ou Douyin : deux machines différentes&quot;"></a></h2>
<p>Les deux géants ne sont pas interchangeables. Ils attirent les joueurs de façons opposées, ce qui détermine les types de jeux qui fonctionnent sur chacun d’eux.</p>
<p>WeChat Mini Games est le géant du secteur, avec environ 500 à 570 millions de joueurs mensuels. La découverte repose sur le graphe social : partages entre amis, discussions de groupe et impression que tout le monde joue déjà. La rétention et le bouche-à-oreille sont ses principaux moteurs. Le partage des revenus de WeChat dépend du modèle économique. Pour les publicités intégrées au jeu, les revenus sont répartis à 50/50. Pour les achats intégrés, le développeur conserve généralement environ 60 % tandis que WeChat prélève 40 %. Les titres publiés directement via WeChat peuvent même conserver jusqu’à 70 %. WeChat favorise les jeux auxquels les joueurs reviennent et dont ils parlent à leurs amis.</p>
<p>Douyin Mini Games est plus petit, avec environ 170 millions de joueurs mensuels, mais sa croissance a été fulgurante : en 2025, ses revenus ont augmenté d’environ 100 % et son nombre d’utilisateurs d’environ 120 % sur un an. Son système de découverte est à l’opposé de celui de WeChat : il est algorithmique et alimenté par les vidéos courtes. Une séquence de votre jeu devient virale dans le fil et déclenche un afflux massif de joueurs. Douyin cherche également à séduire activement les développeurs, en permettant à certains partenaires privilégiés de conserver jusqu’à 90 % des recettes. Son label Ohayoo contribue par ailleurs à publier et à monétiser les titres hypercasual. Douyin favorise les jeux qui paraissent irrésistibles dans une vidéo de cinq secondes.</p>
<p>En pratique, un jeu axé sur la rétention et facile à partager socialement convient davantage à WeChat. Un jeu hypercasual doté d’une accroche visuelle percutante convient davantage à Douyin. De nombreux studios publient sur les deux plateformes, car la licence et la version du jeu sont transférables, tandis que leurs publics se recoupent à peine.</p>
<h2 id="le-partage-des-revenus-en-bref" tabindex="-1">Le partage des revenus, en bref <a class="header-anchor" href="#le-partage-des-revenus-en-bref" aria-label="Permalink to &quot;Le partage des revenus, en bref&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>Publicités intégrées</th>
<th>Achats intégrés</th>
<th>Remarques</th>
</tr>
</thead>
<tbody>
<tr>
<td>WeChat</td>
<td>Environ 50/50</td>
<td>Le développeur conserve environ 60 % (jusqu’à 70 % en direct)</td>
<td>Découverte sociale, immense portée, priorité à la rétention</td>
</tr>
<tr>
<td>Douyin</td>
<td>Conditions avantageuses, négociées</td>
<td>Jusqu’à environ 90 % pour les partenaires privilégiés</td>
<td>Découverte algorithmique par la vidéo, conditions favorables aux développeurs, Ohayoo pour les jeux hypercasual</td>
</tr>
</tbody>
</table>
<p>Les chiffres évoluent selon les promotions et le statut du partenaire. Considérez-les donc comme un aperçu de l’accord, et non comme un contrat. La commission de votre éditeur s’ajoute à celle de la plateforme, ce qui explique pourquoi le choix du bon opérateur est aussi important que celui de la bonne plateforme.</p>
<h2 id="le-role-de-cinevva" tabindex="-1">Le rôle de Cinevva <a class="header-anchor" href="#le-role-de-cinevva" aria-label="Permalink to &quot;Le rôle de Cinevva&quot;"></a></h2>
<p>Cinevva ne publie pas votre jeu sur WeChat ou Douyin à votre place, et nous ne prétendrons pas que les contraintes liées aux licences sont négligeables. Un éditeur local et un banhao représentent de véritables coûts pour pénétrer le marché chinois. Cinevva vous offre en revanche la méthode la moins coûteuse possible pour déterminer si un jeu mérite cet investissement : créez-le sous forme de jeu par navigateur en quelques minutes, présentez-le à des joueurs et vérifiez si son accroche résiste à une vidéo Douyin ou si sa boucle de jeu incite les joueurs à le rouvrir sur WeChat. Validez d’abord le jeu sur le Web ouvert. Faites ensuite passer ceux qui fonctionnent par le processus de publication chinois.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ai-je-besoin-d-un-isbn-banhao-pour-publier-un-mini-game-en-chine" tabindex="-1">Ai-je besoin d’un ISBN (banhao) pour publier un Mini Game en Chine ? <a class="header-anchor" href="#ai-je-besoin-d-un-isbn-banhao-pour-publier-un-mini-game-en-chine" aria-label="Permalink to &quot;Ai-je besoin d’un ISBN (banhao) pour publier un Mini Game en Chine ?&quot;"></a></h3>
<p>Si le jeu propose des paiements intégrés, oui, dans les faits. Les Mini Games gratuits ou financés uniquement par la publicité ont bénéficié d’une procédure plus légère, mais les jeux monétisés ont besoin d’une licence de publication, que seule une entité chinoise agréée peut détenir.</p>
<h3 id="un-developpeur-etranger-peut-il-publier-directement-sur-wechat-mini-games" tabindex="-1">Un développeur étranger peut-il publier directement sur WeChat Mini Games ? <a class="header-anchor" href="#un-developpeur-etranger-peut-il-publier-directement-sur-wechat-mini-games" aria-label="Permalink to &quot;Un développeur étranger peut-il publier directement sur WeChat Mini Games ?&quot;"></a></h3>
<p>Pas pour un jeu monétisé. Les studios étrangers publient par l’intermédiaire d’un opérateur chinois agréé, qui détient la licence, gère les paiements et prélève une part des revenus. Trouver le bon éditeur local est la décision essentielle.</p>
<h3 id="quelle-plateforme-remunere-le-mieux-wechat-ou-douyin" tabindex="-1">Quelle plateforme rémunère le mieux, WeChat ou Douyin ? <a class="header-anchor" href="#quelle-plateforme-remunere-le-mieux-wechat-ou-douyin" aria-label="Permalink to &quot;Quelle plateforme rémunère le mieux, WeChat ou Douyin ?&quot;"></a></h3>
<p>Cela dépend du modèle économique et de votre statut de partenaire. WeChat partage les revenus publicitaires à environ 50/50 et permet aux développeurs de conserver approximativement 60 à 70 % des achats. Douyin propose à certains partenaires privilégiés de conserver jusqu’à environ 90 %. Les conditions de Douyin peuvent être plus généreuses, mais la portée de WeChat est nettement supérieure.</p>
<h3 id="quelle-est-la-difference-entre-wechat-mini-games-et-douyin-mini-games" tabindex="-1">Quelle est la différence entre WeChat Mini Games et Douyin Mini Games ? <a class="header-anchor" href="#quelle-est-la-difference-entre-wechat-mini-games-et-douyin-mini-games" aria-label="Permalink to &quot;Quelle est la différence entre WeChat Mini Games et Douyin Mini Games ?&quot;"></a></h3>
<p>Sur WeChat, la découverte est sociale, portée par les partages entre amis et dans les groupes, et favorise la rétention. Sur Douyin, elle est algorithmique, portée par les vidéos courtes, et favorise les jeux qui rendent bien dans une séquence vidéo. WeChat est plus grand, tandis que Douyin connaît une croissance plus rapide.</p>
<h3 id="quelle-est-la-taille-du-marche-chinois-des-mini-games" tabindex="-1">Quelle est la taille du marché chinois des Mini Games ? <a class="header-anchor" href="#quelle-est-la-taille-du-marche-chinois-des-mini-games" aria-label="Permalink to &quot;Quelle est la taille du marché chinois des Mini Games ?&quot;"></a></h3>
<p>Environ 7,65 milliards de dollars en 2025, soit une hausse annuelle d’environ 34 %, avec des prévisions proches de 20 milliards de dollars d’ici 2030. WeChat et Douyin représentent ensemble plus de 90 % de ce marché.</p>
<BuildCta
  title="Validez le jeu avant de financer tout le processus"
  desc="Créez une version pour navigateur en quelques minutes et testez son accroche avant de vous engager dans un lancement en Chine."
  prompt="Crée un puzzle de fusion satisfaisant avec des effets de combinaison percutants" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/wechat-mini-game-engines.html">Moteurs de jeu pour WeChat Mini Games</a> — choisissez le moteur avant de publier</li>
<li><a href="/fr/guides/china-mini-game-platforms.html">Comparatif des plateformes chinoises de Mini Games et de jeux HTML5</a> — au-delà des deux géants</li>
<li><a href="/fr/guides/localize-web-game-china.html">Localiser un jeu Web pour la Chine</a> — polices, hébergement, paiements et Grande Muraille numérique</li>
<li><a href="/fr/guides/publish-web-game.html">Les meilleurs endroits où publier un jeu Web</a> — les canaux de distribution occidentaux</li>
<li><a href="/fr/guides/promote-indie-game-no-budget.html">Comment promouvoir un jeu indépendant sans budget</a> — développez le public qui assurera le succès du lancement</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/publish-wechat-douyin-mini-games-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Moteurs de jeu pour les mini-jeux WeChat (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/wechat-mini-game-engines</link>
            <guid>https://app.cinevva.com/fr/guides/wechat-mini-game-engines</guid>
            <pubDate>Fri, 10 Jul 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Quel moteur utiliser pour les mini-jeux WeChat en 2026. Comparatif de Cocos Creator, LayaAir, Egret, la conversion WebGL de Unity et le moteur Tuanjie de Unity China selon la limite de 4 Mo, le plugin moteur intégré et le portage d’un jeu web existant.]]></description>
            <content:encoded><![CDATA[<h1 id="moteurs-de-jeu-pour-les-mini-jeux-wechat-2026" tabindex="-1">Moteurs de jeu pour les mini-jeux WeChat (2026) <a class="header-anchor" href="#moteurs-de-jeu-pour-les-mini-jeux-wechat-2026" aria-label="Permalink to &quot;Moteurs de jeu pour les mini-jeux WeChat (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/wechat-mini-game-engines-hero.jpg?v=1" alt="Moteurs de jeu pour les mini-jeux WeChat en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Les mini-jeux WeChat (微信小游戏) constituent la plus grande plateforme de jeux sur laquelle la plupart des développeurs occidentaux n’ont jamais publié. Plus de 500 millions de personnes y jouent chaque mois, au sein de l’application qu’elles utilisent déjà pour envoyer des messages à leurs amis et payer leur déjeuner. Aucune installation, aucune boutique d’applications, aucun écran de téléchargement. Le joueur touche un lien et le jeu se lance.</p>
<p>Le problème, c’est qu’un mini-jeu n’est pas un jeu web ordinaire. Il s’exécute dans un bac à sable JavaScript sans DOM ni HTML, sur un canvas personnalisé fourni par la plateforme, et votre package initial ne peut pas dépasser 4 Mo. Le moteur choisi détermine quelle part de ce combat vous devrez mener vous-même. Ce guide compare les véritables options disponibles en 2026.</p>
<p>Si vous cherchez d’abord à choisir un moteur pour navigateur de manière générale, notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux web</a> couvre un éventail plus large. Cette page porte uniquement sur les moteurs permettant de publier sur WeChat.</p>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Moteur</th>
<th>Plugin WeChat intégré ?</th>
<th>2D/3D</th>
<th>Langage</th>
<th>Gestion de la taille du package</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cocos Creator</strong></td>
<td>Oui, intégré au client WeChat</td>
<td>2D + 3D</td>
<td>TypeScript</td>
<td>La meilleure : le moteur n’est pas décompté de vos 4 Mo, avec en plus le sous-packaging AssetBundle</td>
<td>Les projets conçus d’abord pour WeChat sans code existant (le choix par défaut)</td>
</tr>
<tr>
<td><strong>LayaAir</strong></td>
<td>Non</td>
<td>2D + 3D</td>
<td>TypeScript</td>
<td>Le moteur consomme une partie du budget ; acceptable pour les petits jeux 2D, serré pour la 3D</td>
<td>Les équipes qui préfèrent le workflow de Laya</td>
</tr>
<tr>
<td><strong>Egret</strong></td>
<td>Non</td>
<td>2D</td>
<td>—</td>
<td>Solution historique, écosystème en déclin</td>
<td>Uniquement la maintenance d’un jeu Egret existant</td>
</tr>
<tr>
<td><strong>Unity (conversion WebGL)</strong></td>
<td>Non, utilise le SDK de conversion</td>
<td>2D + 3D</td>
<td>C#</td>
<td>Impitoyable : les builds WebGL sont volumineux, prévoyez donc un élagage intensif et du sous-packaging</td>
<td>Porter rapidement un jeu Unity existant</td>
</tr>
<tr>
<td><strong>Tuanjie (Unity China)</strong></td>
<td>Non, WeChat est une cible d’export native</td>
<td>2D + 3D</td>
<td>C#</td>
<td>Cible native, évite le surpoids de la conversion WebGL</td>
<td>Les studios engagés sur le marché chinois et maîtrisant Unity</td>
</tr>
<tr>
<td><strong>Three.js / WebGL brut</strong></td>
<td>Non, via <code>weapp-adapter</code></td>
<td>2D + 3D</td>
<td>JavaScript</td>
<td>Vous gérez vous-même le sous-packaging ; adapté aux petits jeux sensibles à la taille</td>
<td>Les petits jeux sur mesure ou les équipes utilisant déjà Three.js</td>
</tr>
</tbody>
</table>
<h2 id="ce-qui-distingue-un-mini-jeu-wechat" tabindex="-1">Ce qui distingue un mini-jeu WeChat <a class="header-anchor" href="#ce-qui-distingue-un-mini-jeu-wechat" aria-label="Permalink to &quot;Ce qui distingue un mini-jeu WeChat&quot;"></a></h2>
<p>Avant de pouvoir choisir un moteur, il faut comprendre trois contraintes.</p>
<p>Il n’y a pas de DOM. L’environnement d’exécution des mini-jeux est un environnement JavaScript minimaliste comprenant un <code>canvas</code> et un contexte WebGL — et de plus en plus WebGPU — ainsi que les propres API de WeChat pour le stockage, l’audio, le réseau et les fonctionnalités sociales. Tout ce qui dépend de <code>document</code>, de <code>window</code> ou d’un élément HTML doit passer par un adaptateur qui simule ces objets. Tous les moteurs ci-dessous fournissent cet adaptateur.</p>
<p>La règle des 4 Mo est au cœur de tout. Votre package initial, c’est-à-dire le code et les ressources chargés avant la première image, doit tenir dans 4 Mo. Tout le reste doit être réparti entre des sous-packages (分包) téléchargés à la demande, jusqu’à une taille totale nettement supérieure. Passer sous la barre des 4 Mo est le principal défi technique de la plateforme, et c’est sur ce point que votre moteur vous aidera ou vous compliquera la tâche.</p>
<p>La monétisation nécessite une licence. Un mini-jeu proposant des achats intégrés doit disposer d’une licence chinoise de jeu, et un studio étranger doit passer par un éditeur local pour l’obtenir. Il s’agit d’un problème de distribution, pas de moteur, que nous abordons dans le <a href="/fr/guides/publish-wechat-douyin-mini-games.html">guide de publication sur WeChat et Douyin</a>.</p>
<h2 id="cocos-creator-le-choix-par-defaut" tabindex="-1">Cocos Creator : le choix par défaut <a class="header-anchor" href="#cocos-creator-le-choix-par-defaut" aria-label="Permalink to &quot;Cocos Creator : le choix par défaut&quot;"></a></h2>
<p>Cocos Creator est utilisé pour la majorité des mini-jeux WeChat, et la plateforme est conçue pour favoriser ce choix. Depuis la version 7.0.7 du client WeChat, le runtime du moteur Cocos est intégré directement à l’application WeChat sous forme de plugin. Si un joueur a déjà lancé un mini-jeu Cocos, le code du moteur est déjà présent sur son téléphone et n’est pas décompté de vos 4 Mo. C’est un avantage structurel qu’aucun autre moteur ne possède : votre package contient uniquement votre jeu, et non votre jeu plus le moteur.</p>
<p>Cocos fournit également le système AssetBundle, qui constitue la manière la plus simple de gérer le sous-packaging. Vous indiquez quels bundles doivent être chargés à la demande, et la différence entre un projet qui tient dans 4 Mo et un autre qui les dépasse consiste généralement à déplacer les bons bundles hors du package principal. Le moteur gère la 2D et la 3D, utilise TypeScript et propose WeChat comme plateforme de premier ordre dans son panneau de build.</p>
<p>Si vous n’avez pas de base de code existante et développez d’abord pour WeChat, Cocos Creator est le choix le plus sûr. Commencez ici, sauf si vous avez une raison précise de choisir autre chose.</p>
<h2 id="layaair-l-alternative-solide" tabindex="-1">LayaAir : l’alternative solide <a class="header-anchor" href="#layaair-l-alternative-solide" aria-label="Permalink to &quot;LayaAir : l’alternative solide&quot;"></a></h2>
<p>LayaAir, développé par Laya, est l’autre moteur qui s’est adapté très tôt à WeChat et le traite comme une cible de premier ordre. Il suffit de sélectionner WeChat Mini Game dans le panneau de build pour publier. Le moteur prend en charge la 2D et la 3D, utilise TypeScript et dispose d’une communauté fidèle de développeurs qui préfèrent son workflow à celui de Cocos. Les développeurs ayant utilisé les deux décrivent généralement ce choix comme une question de préférence plutôt que de capacités.</p>
<p>Un point doit toutefois être pris en compte : contrairement à celui de Cocos, le runtime de LayaAir n’est pas intégré au client WeChat. Le moteur consomme donc une plus grande partie du budget de votre package. Pour un petit jeu 2D, ce n’est généralement pas un problème. Pour un jeu 3D riche en ressources, où chaque kilo-octet des 4 Mo compte, le plugin intégré de Cocos peut faire pencher la balance.</p>
<h2 id="egret-une-solution-historique-a-choisir-en-connaissance-de-cause" tabindex="-1">Egret : une solution historique à choisir en connaissance de cause <a class="header-anchor" href="#egret-une-solution-historique-a-choisir-en-connaissance-de-cause" aria-label="Permalink to &quot;Egret : une solution historique à choisir en connaissance de cause&quot;"></a></h2>
<p>Egret (白鹭) est un ancien moteur HTML5 2D qui a pris en charge très tôt les mini-jeux WeChat et propulsé une grande partie de la première vague. Il fonctionne encore, mais la dynamique s’est déplacée vers Cocos et Laya, l’activité de la communauté a diminué et démarrer un nouveau projet avec ce moteur en 2026 revient à miser sur un écosystème en déclin. Si vous maintenez un jeu Egret existant, cela reste acceptable. Si vous partez de zéro, choisissez Cocos ou Laya.</p>
<h2 id="unity-la-voie-de-la-conversion-webgl" tabindex="-1">Unity : la voie de la conversion WebGL <a class="header-anchor" href="#unity-la-voie-de-la-conversion-webgl" aria-label="Permalink to &quot;Unity : la voie de la conversion WebGL&quot;"></a></h2>
<p>Unity ne propose pas d’export WeChat natif, mais Tencent et Unity maintiennent un outil officiel qui convertit un build Unity WebGL en package de mini-jeu : le SDK de conversion WeChat Mini Game, parfois distribué sous le nom de WeChat MiniGame Exporter. Depuis une mise à jour publiée mi-2025, il permet l’export en un clic, et le module complémentaire <code>minigame-adaptor</code> annonce des performances de rendu environ trois fois supérieures à celles du WebGL classique grâce au pipeline de rendu optimisé de WeChat.</p>
<p>C’est la voie à suivre si vous possédez déjà un jeu Unity et souhaitez le publier sur WeChat sans le réécrire. Il faut toutefois rester réaliste quant aux compromis. Les builds Unity WebGL sont volumineux, et la limite initiale de 4 Mo est impitoyable pour un moteur qui n’a pas été conçu autour de cette contrainte. Vous devrez fournir un véritable effort d’élagage, de découpage du code et de transfert des ressources vers des sous-packages. C’est un outil destiné à porter un jeu existant, pas à créer en priorité pour WeChat.</p>
<h2 id="tuanjie-la-reponse-native-de-unity-china" tabindex="-1">Tuanjie : la réponse native de Unity China <a class="header-anchor" href="#tuanjie-la-reponse-native-de-unity-china" aria-label="Permalink to &quot;Tuanjie : la réponse native de Unity China&quot;"></a></h2>
<p>Si vous appréciez le workflow de Unity mais souhaitez faire de WeChat une véritable cible de build plutôt que de passer par une conversion WebGL, intéressez-vous à Tuanjie (团结引擎), le moteur localisé de Unity China. Basé sur Unity 2022 LTS, il considère les mini-jeux WeChat comme une plateforme native aux côtés d’iOS et d’Android, ainsi que de plateformes nationales telles qu’OpenHarmony et AliOS. Les versions récentes ont ajouté un système complet d’illumination globale en temps réel, TuanjieGI, et le moteur a dépassé les 500 000 téléchargements.</p>
<p>Pour un studio engagé sur le marché chinois et habitué à Unity, Tuanjie est l’option la plus pérenne de la famille Unity, car WeChat n’y est pas ajouté après coup par l’intermédiaire de WebGL. Il s’agit d’une cible d’export de premier ordre.</p>
<h2 id="three-js-et-webgl-brut" tabindex="-1">Three.js et WebGL brut <a class="header-anchor" href="#three-js-et-webgl-brut" aria-label="Permalink to &quot;Three.js et WebGL brut&quot;"></a></h2>
<p>Vous pouvez exécuter Three.js ou du WebGL écrit à la main dans un mini-jeu grâce au <code>weapp-adapter</code> de WeChat, qui simule les objets DOM et canvas attendus par la bibliothèque. C’est l’approche la plus flexible, mais aussi celle qui demande le plus de travail : vous devez gérer vous-même la boucle de rendu, le pipeline de ressources, le sous-packaging et chaque cas limite de l’adaptateur. Elle convient à un petit jeu sur mesure, sensible à la taille, pour lequel un moteur complet serait excessif, ou à une équipe travaillant déjà avec Three.js et souhaitant réutiliser son code.</p>
<p>C’est également la voie la plus proche d’un jeu pour navigateur que vous avez déjà développé. Un jeu Three.js fonctionnant sur le web ouvert est structurellement proche d’un jeu fonctionnant dans WeChat. Les différences résident dans l’adaptateur et le budget de 4 Mo, pas dans le rendu.</p>
<h2 id="le-choix-rapide" tabindex="-1">Le choix rapide <a class="header-anchor" href="#le-choix-rapide" aria-label="Permalink to &quot;Le choix rapide&quot;"></a></h2>
<p>Vous développez d’abord pour WeChat, sans code existant : Cocos Creator. Le plugin moteur intégré et le système AssetBundle rendent la contrainte des 4 Mo surmontable.</p>
<p>Vous portez un jeu Unity existant : utilisez le SDK de conversion WebGL de WeChat pour avancer rapidement, ou Tuanjie si vous vous engagez à long terme sur le marché chinois et souhaitez une cible native.</p>
<p>Votre jeu est petit, sur mesure ou utilise déjà Three.js : choisissez <code>weapp-adapter</code> et le WebGL brut, en acceptant de gérer vous-même toute la plomberie technique.</p>
<p>Vous préférez le workflow de Laya : choisissez LayaAir, tout en surveillant la taille du package pour les jeux 3D.</p>
<h2 id="la-place-de-cinevva" tabindex="-1">La place de Cinevva <a class="header-anchor" href="#la-place-de-cinevva" aria-label="Permalink to &quot;La place de Cinevva&quot;"></a></h2>
<p>Cinevva crée avec Three.js des jeux 3D pensés d’abord pour le web, accessibles depuis un lien dans n’importe quel navigateur. C’est exactement le format recherché par un mini-jeu WeChat : aucune installation, lancement instantané, avec JavaScript et WebGL en coulisses. Le Grand Firewall et les exigences de licence sont bien réels, et nous reconnaissons clairement que publier sur WeChat nécessite un éditeur local ainsi qu’une discipline stricte pour respecter les 4 Mo. Mais le jeu lui-même — une expérience 3D native du navigateur sans téléchargement — correspond déjà au modèle autour duquel est construite la plus grande plateforme de jeux de Chine. Si vous créez le prototype d’un projet que vous pourriez un jour vouloir présenter à 500 millions de joueurs de mini-jeux, commencer dans le navigateur est l’approche qui minimise le travail perdu.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quelle-est-la-taille-maximale-d-un-mini-jeu-wechat" tabindex="-1">Quelle est la taille maximale d’un mini-jeu WeChat ? <a class="header-anchor" href="#quelle-est-la-taille-maximale-d-un-mini-jeu-wechat" aria-label="Permalink to &quot;Quelle est la taille maximale d’un mini-jeu WeChat ?&quot;"></a></h3>
<p>Le package initial est limité à 4 Mo. Tout ce qui dépasse cette limite doit être réparti entre des sous-packages (分包) chargés à la demande, dont la taille totale cumulée peut être nettement supérieure. Faire tenir l’expérience de chargement initiale dans 4 Mo constitue le principal défi d’optimisation de la plateforme.</p>
<h3 id="puis-je-utiliser-unity-pour-creer-des-mini-jeux-wechat" tabindex="-1">Puis-je utiliser Unity pour créer des mini-jeux WeChat ? <a class="header-anchor" href="#puis-je-utiliser-unity-pour-creer-des-mini-jeux-wechat" aria-label="Permalink to &quot;Puis-je utiliser Unity pour créer des mini-jeux WeChat ?&quot;"></a></h3>
<p>Oui, mais pas nativement. Tencent et Unity proposent un SDK de conversion officiel qui transforme un build Unity WebGL en mini-jeu, avec un export en un clic depuis mi-2025. Autre possibilité : le moteur Tuanjie de Unity China prend en charge WeChat comme cible de build native. Dans les deux cas, attendez-vous à devoir travailler sur la taille du build.</p>
<h3 id="quel-moteur-est-utilise-par-la-majorite-des-mini-jeux-wechat" tabindex="-1">Quel moteur est utilisé par la majorité des mini-jeux WeChat ? <a class="header-anchor" href="#quel-moteur-est-utilise-par-la-majorite-des-mini-jeux-wechat" aria-label="Permalink to &quot;Quel moteur est utilisé par la majorité des mini-jeux WeChat ?&quot;"></a></h3>
<p>Cocos Creator est le choix le plus courant, notamment parce que son runtime est intégré au client WeChat et ne consomme donc pas une partie des 4 Mo de votre package. LayaAir est la principale alternative.</p>
<h3 id="les-mini-jeux-wechat-prennent-ils-en-charge-la-3d" tabindex="-1">Les mini-jeux WeChat prennent-ils en charge la 3D ? <a class="header-anchor" href="#les-mini-jeux-wechat-prennent-ils-en-charge-la-3d" aria-label="Permalink to &quot;Les mini-jeux WeChat prennent-ils en charge la 3D ?&quot;"></a></h3>
<p>Oui. Cocos Creator, LayaAir, Unity via le SDK de conversion et Tuanjie gèrent tous la 3D, tandis que le runtime de WeChat expose WebGL et, de plus en plus, WebGPU. Les véritables contraintes sont la taille du package et les performances sur les téléphones d’entrée de gamme, pas la possibilité d’utiliser la 3D.</p>
<h3 id="puis-je-transformer-mon-jeu-pour-navigateur-en-mini-jeu-wechat" tabindex="-1">Puis-je transformer mon jeu pour navigateur en mini-jeu WeChat ? <a class="header-anchor" href="#puis-je-transformer-mon-jeu-pour-navigateur-en-mini-jeu-wechat" aria-label="Permalink to &quot;Puis-je transformer mon jeu pour navigateur en mini-jeu WeChat ?&quot;"></a></h3>
<p>Souvent, oui. Un jeu créé avec Three.js ou WebGL peut fonctionner dans WeChat grâce à <code>weapp-adapter</code>, qui émule les objets de navigateur attendus par le code. Le travail porte sur la couche d’adaptation et le respect de la limite de 4 Mo pour le package initial, pas sur la réécriture du jeu.</p>
<BuildCta
  title="Commencez dans le navigateur et gardez toutes vos options ouvertes"
  desc="Créez d’abord le prototype d’un jeu 3D natif du web. C’est le même format que recherche un mini-jeu, sans le bac à sable."
  prompt="Crée un endless runner rapide à une touche dans une ville baignée de néons" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-wechat-douyin-mini-games.html">Comment publier sur les mini-jeux WeChat et Douyin</a> — licences, validation et partage des revenus</li>
<li><a href="/fr/guides/china-mini-game-platforms.html">Comparatif des plateformes chinoises de mini-jeux et de jeux HTML5</a> — WeChat, Douyin, QQ, 4399 et les autres</li>
<li><a href="/fr/guides/localize-web-game-china.html">Localiser un jeu web pour la Chine</a> — polices, hébergement, paiements et Grand Firewall</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeux web pour 2026</a> — le comparatif complet</li>
<li><a href="/fr/guides/threejs-vs-babylonjs.html">Three.js ou Babylon.js</a> — si vous choisissez la voie du WebGL brut</li>
<li><a href="/fr/engine.html">Moteur Cinevva</a> — notre moteur open source pensé d’abord pour le web et construit avec Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/wechat-mini-game-engines-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Tendances des jeux casual en 2026 (ce que disent vraiment les données)]]></title>
            <link>https://app.cinevva.com/fr/guides/casual-games-trends-2026</link>
            <guid>https://app.cinevva.com/fr/guides/casual-games-trends-2026</guid>
            <pubDate>Tue, 30 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Une analyse des tendances des jeux casual en 2026 fondée sur les données, du recul des téléchargements et de l’essor de l’hybrid-casual jusqu’aux segments les plus rentables, aux titres qui percent et aux changements apportés par l’IA.]]></description>
            <content:encoded><![CDATA[<h1 id="tendances-des-jeux-casual-en-2026-ce-que-disent-vraiment-les-donnees" tabindex="-1">Tendances des jeux casual en 2026 (ce que disent vraiment les données) <a class="header-anchor" href="#tendances-des-jeux-casual-en-2026-ce-que-disent-vraiment-les-donnees" aria-label="Permalink to &quot;Tendances des jeux casual en 2026 (ce que disent vraiment les données)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>En 2026, l’histoire des jeux casual n’est pas que « le boom continue », mais que « le boom est arrivé à maturité ». Les joueurs ouvrent toujours ces jeux plus souvent, mais en installent moins de nouveaux, et les revenus se déplacent au profit d’un autre type de jeu que celui qui dominait il y a trois ans. Nous avons épluché les chiffres de l’ensemble de l’année 2025 publiés par <a href="https://sensortower.com/state-of-gaming-2025" target="_blank" rel="noreferrer">Sensor Tower</a>, AppMagic (via <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf" target="_blank" rel="noreferrer">Gamesforum Intelligence</a> et <a href="https://www.gamerefinery.com/mobile-game-market-review-december-2025/" target="_blank" rel="noreferrer">GameRefinery</a>), ainsi que les analyses de <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026" target="_blank" rel="noreferrer">Deconstructor of Fun</a> et <a href="https://www.pocketgamer.biz/what-happened-to-hypercasual-the-markets-evolution-over-the-past-year/" target="_blank" rel="noreferrer">PocketGamer.biz</a> afin de distinguer les évolutions réelles du battage médiatique. Voici ce qui se passe réellement.</p>
<p>En bref : le marché des jeux casual est arrivé à maturité en 2025. Les revenus issus des achats intégrés n’ont progressé que de 1,3 %, à environ 81,75 milliards de dollars, tandis que les téléchargements ont reculé de 7,2 %, à 50,4 milliards. La croissance provient donc désormais des dépenses plus élevées des joueurs, et non de nouvelles installations. L’hybrid-casual a été le seul segment à faire progresser ses revenus issus des achats intégrés, en hausse de 20 % à 4,2 milliards de dollars, les puzzles hybrid-casual se démarquant tout particulièrement. Les modèles de monétisation se sont diversifiés, allant des jeux à fort volume financés exclusivement par la publicité aux jeux sans publicité générant plus de 500 millions de dollars, tandis que l’IA générative est passée du stade expérimental à celui d’outil standard dans les studios.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 210" role="img" aria-label="Le bilan 2025 des jeux mobiles : 81,8 Md$ de revenus issus des achats intégrés, en hausse de 1,3 %, 50,4 milliards de téléchargements, en baisse de 7,2 %, 4,2 Md$ de revenus hybrid-casual, en hausse de 20 %, et 22,05 milliards d’installations hypercasual" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="210" rx="14" fill="#0b1020"/>
  <text x="24" y="40" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Le bilan 2025</text>
  <text x="24" y="62" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Données annuelles sur les jeux mobiles. Source : Sensor Tower.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g transform="translate(24,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#c8a8ff">81,8 Md$</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Achats intégrés mobiles</text>
      <rect x="16" y="82" width="62" height="20" rx="10" fill="#fbbf2422"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fbbf24">+1,3 %</text>
    </g>
    <g transform="translate(196,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#7dd3fc">50,4 Md</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Téléchargements</text>
      <rect x="16" y="82" width="62" height="20" rx="10" fill="#fb718522"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#fb7185">&#8722;7,2 %</text>
    </g>
    <g transform="translate(368,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#f0abfc">4,2 Md$</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Achats hybrid-casual</text>
      <rect x="16" y="82" width="56" height="20" rx="10" fill="#6ee7b722"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#6ee7b7">+20 %</text>
    </g>
    <g transform="translate(540,80)">
      <rect width="156" height="106" rx="10" fill="#121a31"/>
      <text x="16" y="48" font-size="27" font-weight="800" fill="#e8edf5">22,05 Md</text>
      <text x="16" y="72" font-size="12" fill="#9aa7b4">Installations hypercasual</text>
      <rect x="16" y="82" width="92" height="20" rx="10" fill="#ffffff14"/>
      <text x="26" y="96" font-size="12" font-weight="700" fill="#9aa7b4">N° 1 en volume</text>
    </g>
  </g>
</svg>
<h2 id="le-marche-ne-croit-plus-grace-aux-installations" tabindex="-1">Le marché ne croît plus grâce aux installations <a class="header-anchor" href="#le-marche-ne-croit-plus-grace-aux-installations" aria-label="Permalink to &quot;Le marché ne croît plus grâce aux installations&quot;"></a></h2>
<p>Les jeux mobiles ont généré environ 81,75 milliards de dollars d’achats intégrés en 2025, mais cela ne représente qu’une hausse de 1,3 % par rapport à 2024, selon les <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026" target="_blank" rel="noreferrer">chiffres de l’ensemble de l’année 2025</a>. Les téléchargements ont évolué dans le sens inverse, reculant de 7,2 % à 50,4 milliards, soit une deuxième année consécutive de baisse. À titre de comparaison, les dépenses en achats intégrés pour l’ensemble des applications de la boutique ont enregistré une solide progression de 10,6 %, à 167 milliards de dollars. Ce sont donc spécifiquement les jeux qui stagnent, et non le commerce mobile dans son ensemble.</p>
<p>Cet écart résume toute la situation. L’engagement continue d’augmenter — l’année précédente, le nombre de sessions avait progressé de 12 % et le temps passé de 7,9 % —, mais les nouvelles installations diminuent. La croissance consiste désormais à générer davantage de revenus auprès des joueurs que vous avez déjà, et non à en acquérir de nouveaux. L’époque de l’acquisition d’utilisateurs à bas coût est révolue.</p>
<p>Les premiers chiffres de 2026 indiquent que cette tendance s’accélère au lieu de s’inverser. Selon les <a href="https://gamedevreports.substack.com/p/sensor-tower-mobile-market-in-q1" target="_blank" rel="noreferrer">données de Sensor Tower pour le premier trimestre 2026</a>, les dépenses dans les jeux mobiles ont atteint 20,4 milliards de dollars, soit une hausse de seulement 0,5 % sur un an, tandis que les téléchargements ont chuté de 11,9 %, un recul plus marqué que celui enregistré sur l’ensemble de l’année 2025. Le puzzle constitue l’éclaircie, avec des revenus en hausse de 21 % sur un an.</p>
<p>La même divergence apparaît au sein de la catégorie casual elle-même. Pour les 1 000 principaux jeux casual, les revenus issus des achats intégrés sont passés de 17,47 milliards de dollars en 2022 à 21,99 milliards en 2024, avec une prévision de 22,99 milliards pour 2025, tandis que les téléchargements sont restés globalement stables autour de 16 milliards, d’après le <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf" target="_blank" rel="noreferrer">rapport de Gamesforum Intelligence sur les jeux casual</a> (données AppMagic). Davantage de revenus, mais le même nombre de téléchargements. Les joueurs dépensent tout simplement plus par installation.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 360" role="img" aria-label="Les revenus des jeux casual continuent d’augmenter tandis que les téléchargements restent stables, de 2022 à 2025" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <linearGradient id="revfill" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#c8a8ff" stop-opacity="0.34"/>
      <stop offset="1" stop-color="#c8a8ff" stop-opacity="0"/>
    </linearGradient>
  </defs>
  <rect width="720" height="360" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Les revenus casual grimpent. Pas les installations.</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Top 1 000 des jeux casual : revenus des achats intégrés (Md$) et téléchargements (Md). Prévisions 2025. Source : AppMagic / Gamesforum.</text>
  <g stroke="#ffffff" stroke-opacity="0.07"><path d="M70 130 H680 M70 190 H680 M70 250 H680"/></g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#9aa7b4">
    <line x1="70" y1="300" x2="680" y2="300" stroke="#ffffff" stroke-opacity="0.14"/>
    <text x="110" y="324" text-anchor="middle">2022</text>
    <text x="300" y="324" text-anchor="middle">2023</text>
    <text x="490" y="324" text-anchor="middle">2024</text>
    <text x="650" y="324" text-anchor="middle">2025p</text>
  </g>
  <path d="M110 208 L300 168 L490 130 L650 120 L650 300 L110 300 Z" fill="url(#revfill)"/>
  <polyline points="110,208 300,168 490,130 650,120" fill="none" stroke="#c8a8ff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
  <polyline points="110,244 300,242 490,238 650,232" fill="none" stroke="#7dd3fc" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-weight="700" font-size="12">
    <circle cx="650" cy="120" r="5" fill="#c8a8ff"/>
    <text x="638" y="108" text-anchor="end" fill="#c8a8ff">Revenus 23,0 Md$</text>
    <circle cx="650" cy="232" r="5" fill="#7dd3fc"/>
    <text x="638" y="258" text-anchor="end" fill="#7dd3fc">Téléchargements 16,4 Md</text>
  </g>
  <g transform="translate(118,128)">
    <rect width="186" height="26" rx="13" fill="#c8a8ff1f"/>
    <text x="16" y="18" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#c8a8ff">+32 % de revenus depuis 2022</text>
  </g>
</svg>
<h2 id="le-modele-hypercasual-finance-uniquement-par-la-publicite-s-est-effondre-et-ce-n-est-pas-grave" tabindex="-1">Le modèle hypercasual financé uniquement par la publicité s’est effondré, et ce n’est pas grave <a class="header-anchor" href="#le-modele-hypercasual-finance-uniquement-par-la-publicite-s-est-effondre-et-ce-n-est-pas-grave" aria-label="Permalink to &quot;Le modèle hypercasual financé uniquement par la publicité s’est effondré, et ce n’est pas grave&quot;"></a></h2>
<p>Le titre que vous verrez souvent est « l’hypercasual est en train de mourir ». Ce n’est vrai qu’à moitié. Ce sont les fondements économiques qui se sont effondrés, pas les jeux. Pendant des années, l’hypercasual reposait sur une seule recette : acheter des installations à bas prix, diffuser des publicités et conserver la marge. Lorsque les coûts d’acquisition ont dépassé ce que les publicités pouvaient rapporter, ce modèle reposant exclusivement sur la publicité a cessé de fonctionner.</p>
<p>Les jeux eux-mêmes se portent bien. L’hypercasual dominait encore les téléchargements en 2025, avec 22,05 milliards d’installations, et le temps passé a continué d’augmenter, selon <a href="https://gameworldobserver.com/2026/01/21/in-2025-the-revenue-of-the-mobile-gaming-market-grew-but-only-slightly-analysis" target="_blank" rel="noreferrer">Game World Observer</a>. <a href="https://www.pocketgamer.biz/what-happened-to-hypercasual-the-markets-evolution-over-the-past-year/" target="_blank" rel="noreferrer">PocketGamer.biz indique</a> que les titres les plus performants ont généré environ trois fois plus de revenus mensuels que l’année précédente, même si ce chiffre part d’un niveau faible et reflète en partie le reclassement de jeux hybrid-casual. La conclusion est simple : le format survit en ajoutant des achats intégrés aux revenus publicitaires, plutôt qu’en dépendant uniquement de la publicité.</p>
<h2 id="l-hybrid-casual-est-le-veritable-gagnant" tabindex="-1">L’hybrid-casual est le véritable gagnant <a class="header-anchor" href="#l-hybrid-casual-est-le-veritable-gagnant" aria-label="Permalink to &quot;L’hybrid-casual est le véritable gagnant&quot;"></a></h2>
<p>S’il ne fallait retenir qu’une tendance pour définir 2026, ce serait l’hybrid-casual. Il s’agit du seul segment casual dont les revenus issus des achats intégrés ont progressé l’année dernière, avec une hausse de 20 % à 4,2 milliards de dollars. Les dix principaux titres ont enregistré une croissance annuelle de leurs achats intégrés comprise entre 67 % et 100 %, comme le détaille <a href="https://gameworldobserver.com/2026/01/21/in-2025-the-revenue-of-the-mobile-gaming-market-grew-but-only-slightly-analysis" target="_blank" rel="noreferrer">Game World Observer</a>. Les différents outils de suivi ne délimitent pas le segment de la même manière : Game World Observer estime sa croissance à 20 %, contre 37 % pour Sensor Tower, mais tous s’accordent à dire qu’il s’agissait du seul segment casual en croissance. L’hybrid-casual reprend les boucles de jeu courtes et adaptées à la publicité de l’hypercasual, puis y greffe la méta-progression et la profondeur de monétisation d’un véritable jeu casual. Il conserve la facilité d’installation tout en ajoutant une raison de dépenser.</p>
<p>La croissance se concentre sur les puzzles hybrid-casual. Dans son <a href="https://www.gamerefinery.com/mobile-game-market-review-december-2025/" target="_blank" rel="noreferrer">bilan de décembre 2025</a>, GameRefinery qualifie les sous-genres établis comme le Match-3 d’« extrêmement saturés », tandis qu’un groupe de nouveaux jeux de puzzle s’est hissé dans les classements des titres les plus rentables : Color Block Jam, Pixel Flow, Screwdom, Magic Sort et All in Hole. À lui seul, Color Block Jam a généré environ 42 millions de dollars de revenus pour 21,8 millions d’installations sur un seul trimestre. Cette dynamique s’est poursuivie durant le premier semestre 2026 : Pixel Flow est passé du statut de nouveau venu à celui de leader de sa catégorie, avec environ 94 millions de dollars de revenus cumulés issus des achats intégrés ; Jigsolitaire et Color Block: Combo Blast sont les titres qui montent actuellement ; et Gossip Harbor ainsi que Tasty Travels ont largement contribué à la croissance des revenus du puzzle au premier trimestre. Si vous cherchez quel type de jeu casual créer en 2026, un « clone de Match-3 sur un marché saturé » et un « puzzle hybrid-casual original » constituent deux paris très différents.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 300" role="img" aria-label="Succès casual marquants de 2025 : les plus gros revenus pour Royal Match et Monopoly Go, percée des jeux de réflexion hybrid-casual Color Block Jam, Screwdom et Pixel Flow" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="300" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Les jeux qui ont percé en 2025</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Les périodes de revenus varient. Source : AppMagic.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="32" y="100" font-size="12" font-weight="800" letter-spacing="1" fill="#c8a8ff">PLUS GROS REVENUS · SANS PUBLICITÉ</text>
    <g transform="translate(32,112)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="29" font-size="15" font-weight="700" fill="#e8edf5">Royal Match</text>
      <text x="300" y="29" text-anchor="end" font-size="14" font-weight="800" fill="#c8a8ff">&gt;500 M$</text>
    </g>
    <g transform="translate(32,166)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="29" font-size="15" font-weight="700" fill="#e8edf5">Monopoly Go!</text>
      <text x="300" y="29" text-anchor="end" font-size="14" font-weight="800" fill="#c8a8ff">431 M$</text>
    </g>
    <text x="372" y="100" font-size="12" font-weight="800" letter-spacing="1" fill="#7dd3fc">PERCÉE DES PUZZLES HYBRID-CASUAL</text>
    <g transform="translate(372,112)">
      <rect width="316" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="15" font-weight="700" fill="#e8edf5">Color Block Jam</text>
      <text x="16" y="38" font-size="11" fill="#9aa7b4">21,8 M d'installations en un trimestre</text>
      <text x="300" y="30" text-anchor="end" font-size="14" font-weight="800" fill="#7dd3fc">42 M$</text>
    </g>
    <g transform="translate(372,166)">
      <rect width="150" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="14" font-weight="700" fill="#e8edf5">Screwdom</text>
      <text x="134" y="38" text-anchor="end" font-size="13" font-weight="800" fill="#7dd3fc">27,1 M$</text>
    </g>
    <g transform="translate(538,166)">
      <rect width="150" height="46" rx="10" fill="#121a31"/>
      <text x="16" y="22" font-size="14" font-weight="700" fill="#e8edf5">Pixel Flow</text>
      <text x="134" y="38" text-anchor="end" font-size="11" fill="#9aa7b4">dépassé en déc.</text>
    </g>
  </g>
  <text x="32" y="248" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12.5" fill="#9aa7b4">Magic Sort et All in Hole ont aussi atteint le top 50 des revenus, tandis que le Match3</text>
  <text x="32" y="268" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12.5" fill="#9aa7b4">est resté stable sur un marché extrêmement saturé.</text>
</svg>
<h2 id="la-monetisation-est-desormais-un-spectre-pas-un-modele" tabindex="-1">La monétisation est désormais un spectre, pas un modèle <a class="header-anchor" href="#la-monetisation-est-desormais-un-spectre-pas-un-modele" aria-label="Permalink to &quot;La monétisation est désormais un spectre, pas un modèle&quot;"></a></h2>
<p>Il n'existe plus de « modèle de monétisation casual » unique. Le marché s'est réparti sur un spectre bien défini, et la place qu'un jeu y occupe dépend de sa nature. Les différents outils de suivi livrent une conclusion cohérente : combiner achats intégrés et publicités est devenu la stratégie intermédiaire optimale, mais les deux extrêmes remportent encore d'immenses succès.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 290" role="img" aria-label="Le spectre de la monétisation casual, de Block Blast financé uniquement par la publicité à Candy Crush et Coin Master en modèle hybride, puis Royal Match et Monopoly Go sans publicité" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <defs>
    <linearGradient id="spec" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#7dd3fc"/>
      <stop offset="0.5" stop-color="#a9b4ff"/>
      <stop offset="1" stop-color="#c8a8ff"/>
    </linearGradient>
  </defs>
  <rect width="720" height="290" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Un genre, trois modèles économiques</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Place des succès casual sur le spectre de la monétisation. Sources : AppMagic, Gamesforum.</text>
  <rect x="60" y="150" width="600" height="10" rx="5" fill="url(#spec)"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g text-anchor="middle">
      <circle cx="150" cy="155" r="9" fill="#7dd3fc" stroke="#0b1020" stroke-width="3"/>
      <text x="150" y="120" font-size="14" font-weight="800" fill="#e8edf5">Block Blast!</text>
      <text x="150" y="138" font-size="11.5" fill="#9aa7b4">le plus téléchargé</text>
      <text x="150" y="186" font-size="12" font-weight="700" fill="#7dd3fc">Publicité uniquement</text>
      <text x="150" y="204" font-size="11.5" fill="#9aa7b4">monétisé grâce au volume</text>
    </g>
    <g text-anchor="middle">
      <circle cx="360" cy="155" r="9" fill="#a9b4ff" stroke="#0b1020" stroke-width="3"/>
      <text x="360" y="120" font-size="14" font-weight="800" fill="#e8edf5">Candy Crush · Coin Master</text>
      <text x="360" y="138" font-size="11.5" fill="#9aa7b4">le nouveau modèle dominant</text>
      <text x="360" y="186" font-size="12" font-weight="700" fill="#a9b4ff">Hybride (achats + pubs)</text>
      <text x="360" y="204" font-size="11.5" fill="#9aa7b4">vidéos récompensées et achats</text>
    </g>
    <g text-anchor="middle">
      <circle cx="570" cy="155" r="9" fill="#c8a8ff" stroke="#0b1020" stroke-width="3"/>
      <text x="570" y="120" font-size="14" font-weight="800" fill="#e8edf5">Royal Match · Monopoly Go!</text>
      <text x="570" y="138" font-size="11.5" fill="#9aa7b4">&gt;500 M$ · 431 M$</text>
      <text x="570" y="186" font-size="12" font-weight="700" fill="#c8a8ff">Sans pubs, achats uniquement</text>
      <text x="570" y="204" font-size="11.5" fill="#9aa7b4">porté par les joueurs payants</text>
    </g>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="12" fill="#5b6472" font-weight="600">
    <text x="60" y="252">◄ Portée et volume</text>
    <text x="660" y="252" text-anchor="end">Profondeur et joueurs payants ►</text>
  </g>
</svg>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Qui l'utilise</th>
<th>Exemples</th>
<th>Ce qu'il faut en retenir</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sans publicité, achats intégrés uniquement</td>
<td>Les jeux générant le plus de revenus</td>
<td>Royal Match (plus de 500 M$ de janv. à avr. 2025), Monopoly Go! (431 M$)</td>
<td>Les méta-jeux profonds n'ont pas besoin de publicité : les joueurs payants les financent</td>
</tr>
<tr>
<td>Hybride (achats intégrés + publicités)</td>
<td>Les jeux intermédiaires et la plupart des nouveaux succès</td>
<td>Candy Crush, Coin Master, Township</td>
<td>Le nouveau modèle dominant : vidéos récompensées et achats</td>
</tr>
<tr>
<td>Publicité uniquement</td>
<td>Les titres les plus téléchargés</td>
<td>Block Blast!</td>
<td>Une portée immense, presque entièrement monétisée grâce au volume</td>
</tr>
</tbody>
</table>
<p>La leçon n'est pas de « n'en choisir qu'un ». Le modèle doit être adapté au jeu. Un pur jeu de réflexion à l'immense portée peut vivre de la publicité. Un jeu proposant collection, progression et mécaniques sociales perd de l'argent s'il diffuse des publicités à ses joueurs payants. Pour presque tous les jeux situés entre les deux, combiner ces modèles donne les meilleurs résultats. Ces chiffres proviennent du <a href="https://investgame.net/wp-content/uploads/2025/07/Gamesforum-Intelligence-Casual-Gaming-Report.pdf" target="_blank" rel="noreferrer">rapport de Gamesforum Intelligence sur les jeux casual</a> (données AppMagic).</p>
<h2 id="quels-revenus-publicitaires-un-jeu-casual-peut-il-esperer-en-2026" tabindex="-1">Quels revenus publicitaires un jeu casual peut-il espérer en 2026 ? <a class="header-anchor" href="#quels-revenus-publicitaires-un-jeu-casual-peut-il-esperer-en-2026" aria-label="Permalink to &quot;Quels revenus publicitaires un jeu casual peut-il espérer en 2026 ?&quot;"></a></h2>
<p>La composante publicitaire de ce spectre est plus importante que la plupart des gens ne l'imaginent. Selon l'analyse approfondie de Sensor Tower sur la monétisation publicitaire, les revenus publicitaires des jeux mobiles ont dépassé <a href="https://gameworldobserver.com/2026/07/06/in-2025-mobile-game-advertising-revenue-exceeded-12-billion-analytics" target="_blank" rel="noreferrer">12 milliards de dollars en 2025</a>, et les jeux de réflexion ont à eux seuls représenté 53 % des revenus publicitaires de leur genre au début de 2026. La part de vos revenus qui devrait provenir de la publicité dépend fortement de la localisation de vos joueurs. Entre janvier et mai 2026, les publicités ont représenté environ 22 % des revenus des jeux mobiles aux États-Unis, contre 70 % en Inde. Une audience de marchés de premier rang vous rémunère donc par ses achats, tandis qu'une audience mondiale à fort volume vous rémunère par les impressions.</p>
<p>Concernant les tarifs, les <a href="https://business.mistplay.com/resources/mobile-ads-ecpm/" target="_blank" rel="noreferrer">références d'eCPM d'Appodeal</a> placent les moyennes américaines autour de 15 $ pour les vidéos récompensées, de 12 à 13 $ pour les interstitiels et d'environ 0,50 $ pour les bannières, avec des niveaux sensiblement inférieurs en Europe et dans la région Asie-Pacifique. Les revenus par joueur varient davantage selon le sous-genre que selon le réseau : le <a href="https://appdevelopermagazine.com/mobile-casual-benchmarks-report-2025/" target="_blank" rel="noreferrer">rapport d'Appodeal sur les références du casual</a> indique que l'ARPU publicitaire sur Android aux États-Unis reste inférieur à un dollar pour l'hypercasual, avoisine 3 $ pour les jeux de match et dépasse largement 10 $ pour les jeux de fusion. Et le <a href="https://tenjin.com/blog/ad-mon-gaming-2026/" target="_blank" rel="noreferrer">rapport de référence 2026 de Tenjin et CAS.AI</a> indique qu'Android génère 57 % des revenus publicitaires des jeux mobiles, AdMob et AppLovin étant les plus grands réseaux. Considérez tous ces chiffres comme des indications, et non comme des vérités absolues. Le genre, la répartition géographique et la conception des emplacements publicitaires influencent davantage les résultats que la plateforme de médiation.</p>
<h2 id="meta-fonctionnalites-la-renovation-est-indispensable-les-nouvelles-couches-sont-les-taches-et-la-cooperation" tabindex="-1">Méta-fonctionnalités : la rénovation est indispensable, les nouvelles couches sont les tâches et la coopération <a class="header-anchor" href="#meta-fonctionnalites-la-renovation-est-indispensable-les-nouvelles-couches-sont-les-taches-et-la-cooperation" aria-label="Permalink to &quot;Méta-fonctionnalités : la rénovation est indispensable, les nouvelles couches sont les tâches et la coopération&quot;"></a></h2>
<p>Si vous vous demandez quelles méta-fonctionnalités les jeux casual les plus rentables utilisent réellement, la réponse est restée remarquablement stable : la décoration et la construction. GameRefinery a constaté la présence d'éléments de rénovation dans <a href="https://www.pocketgamer.biz/gamerefinery-renovation-features-are-in-every-top-100-us-casual-mobile-game/" target="_blank" rel="noreferrer">chacun des 100 jeux casual américains les plus rentables sortis depuis 2020</a> — un constat de 2022 qui continue de définir la catégorie — et d'<a href="https://www.gamerefinery.com/why-renovation-and-construction-elements-are-becoming-more-popular-in-casual-games/" target="_blank" rel="noreferrer">éléments de construction dans 49 % des jeux Match3 du top 100 américain par revenus</a>, contre 7 % six ans auparavant.</p>
<p>Ce qui change en 2026, c'est la couche ajoutée par-dessus. Le <a href="https://www.gamerefinery.com/mobile-game-market-review-january-2026/" target="_blank" rel="noreferrer">bilan de janvier 2026 de GameRefinery</a> parle d'évolution plutôt que de révolution : Zen Match a remplacé sa méta de décoration de pièces par une couche d'exploration d'île basée sur des tâches ; Gossip Harbor a ajouté les Medal Challenges, une grille de méta-tâches parallèles de longue durée remplaçant les événements mensuels ponctuels ; et Hay Day a ajouté une progression coopérative à l'échelle du voisinage par-dessus la ferme. La décoration a permis au secteur d'arriver jusqu'ici, mais la différenciation vient désormais des systèmes de tâches, des boucles saisonnières et des métas coopératives qui s'y superposent.</p>
<h2 id="ou-se-deplace-l-argent" tabindex="-1">Où se déplace l'argent <a class="header-anchor" href="#ou-se-deplace-l-argent" aria-label="Permalink to &quot;Où se déplace l'argent&quot;"></a></h2>
<p>Sur le plan géographique, les jeux casual ont enregistré leur plus forte croissance sur les marchés occidentaux. L'Amérique du Nord a connu la plus forte croissance en valeur absolue et l'Europe a progressé plus rapidement en pourcentage, tandis que l'Asie a été la seule région où les revenus issus des achats intégrés ont réellement <a href="https://sensortower.com/state-of-gaming-2025" target="_blank" rel="noreferrer">diminué</a>. Une partie de ce recul asiatique est liée à la vigueur du dollar, mais la tendance est claire : c'est en Occident que les dépenses dans les jeux casual augmentent.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 240" role="img" aria-label="Croissance des revenus casual par région en 2025 : Europe en hausse de 14 %, Amérique du Nord en hausse de 9 % avec la plus forte croissance absolue, Asie en baisse de 3 %" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="240" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">La croissance du casual s'est déplacée vers l'Ouest</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Évolution des revenus intégrés par région en 2025. Le recul asiatique tient en partie à la vigueur du dollar. Source : Sensor Tower.</text>
  <line x1="280" y1="96" x2="280" y2="212" stroke="#ffffff" stroke-opacity="0.18"/>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="14" font-weight="700">
    <text x="150" y="122" text-anchor="end" fill="#e8edf5">Europe</text>
    <rect x="280" y="106" width="252" height="22" rx="5" fill="#6ee7b7"/>
    <text x="542" y="122" font-size="13" font-weight="800" fill="#6ee7b7">+14 %</text>
    <text x="150" y="164" text-anchor="end" fill="#e8edf5">Amérique du Nord</text>
    <rect x="280" y="148" width="162" height="22" rx="5" fill="#7dd3fc"/>
    <text x="452" y="164" font-size="13" font-weight="800" fill="#7dd3fc">+9 %</text>
    <text x="504" y="164" font-size="11.5" font-weight="600" fill="#9aa7b4">plus forte croissance absolue</text>
    <text x="150" y="206" text-anchor="end" fill="#e8edf5">Asie</text>
    <rect x="226" y="190" width="54" height="22" rx="5" fill="#fb7185"/>
    <text x="218" y="206" text-anchor="end" font-size="13" font-weight="800" fill="#fb7185">&#8722;3 %</text>
  </g>
</svg>
<p>Le cap le plus frappant de 2025 se situe juste en dehors du jeu vidéo. Pour la première fois, les applications hors jeu ont généré davantage de revenus d'achats intégrés sur mobile que les jeux, environ 85,6 milliards de dollars contre 81,8 milliards. Une grande partie de ce basculement provient des applications d'IA générative par abonnement, comme l'explique <a href="https://www.deconstructoroffun.com/blog/2026/2/2/state-of-mobile-2026" target="_blank" rel="noreferrer">Deconstructor of Fun</a>. Les jeux ont perdu la première place sur la boutique qu'ils dominaient autrefois, en partie au profit des produits d'IA. Cela mérite réflexion.</p>
<h2 id="les-regles-des-boutiques-evoluent-elles-aussi" tabindex="-1">Les règles des boutiques évoluent elles aussi <a class="header-anchor" href="#les-regles-des-boutiques-evoluent-elles-aussi" aria-label="Permalink to &quot;Les règles des boutiques évoluent elles aussi&quot;"></a></h2>
<p>L'autre facteur qui transforme la monétisation casual en 2026 se joue dans les tribunaux et les bureaux des régulateurs, pas dans la conception des jeux. Aux États-Unis, Apple a été contraint d'autoriser les liens de paiement externes sans commission depuis la décision pour outrage d'avril 2025. Et même si une <a href="https://www.macrumors.com/2025/12/11/apple-app-store-fees-external-payment-links/" target="_blank" rel="noreferrer">décision d'appel de décembre 2025</a> permet à Apple de facturer à terme « une commission raisonnable », aucuns frais ne s'appliqueront avant l'approbation d'un tribunal : ces liens restent donc gratuits à la mi-2026. Dans l'UE, la Core Technology Fee par installation a disparu, remplacée depuis janvier 2026 par une <a href="https://developer.apple.com/support/dma-and-apps-in-the-eu/" target="_blank" rel="noreferrer">Core Technology Commission de 5 %</a> sur les revenus issus des biens numériques. Et sur Android, Google et Epic ont <a href="https://www.pocketgamer.biz/google-and-epic-withdraw-settlement-as-play-store-overhaul-moves-ahead/" target="_blank" rel="noreferrer">retiré leur accord le 15 juillet 2026</a>, ce qui maintient l'injonction initiale : à partir du 22 juillet, les boutiques d'applications concurrentes seront proposées comme applications téléchargeables sur le Play Store américain, et les fiches américaines seront automatiquement intégrées aux boutiques tierces, sauf refus explicite des développeurs.
Pour un studio de jeux casual, la conclusion pratique est que les revenus générés hors des boutiques n’ont plus rien d’exotique. Le rapport <a href="https://www.revenuecat.com/state-of-subscription-apps" target="_blank" rel="noreferrer">State of Subscription Apps 2026</a> de RevenueCat révèle que 41 % des plus grandes applications génèrent déjà des revenus sur le Web, contre environ 1 % des applications développées comme loisir. Les boutiques en ligne vendant directement aux consommateurs, les liens de paiement externes et les boutiques alternatives sont désormais des leviers qu’un jeu casual de taille moyenne est censé au moins évaluer.</p>
<h2 id="comment-l-ia-transforme-la-creation-de-jeux-casual" tabindex="-1">Comment l’IA transforme la création de jeux casual <a class="header-anchor" href="#comment-l-ia-transforme-la-creation-de-jeux-casual" aria-label="Permalink to &quot;Comment l’IA transforme la création de jeux casual&quot;"></a></h2>
<p>L’IA intervient des deux côtés de l’équation. Du côté des dépenses, comme indiqué précédemment, les applications d’IA captent désormais une partie de l’argent qui allait auparavant aux jeux. Du côté de la production, l’IA générative est passée du stade expérimental à celui d’outil standard. L’enquête State of the Game Industry de la GDC pour 2025 a révélé que 52 % des développeurs travaillaient dans des entreprises utilisant l’IA générative quelque part dans leur organisation, tandis que l’édition 2026 situait son utilisation personnelle à 36 %.</p>
<p>La progression n’est toutefois pas linéaire. Une <a href="https://www.gamedeveloper.com/production/developer-use-of-generative-ai-may-be-declining" target="_blank" rel="noreferrer">enquête plus récente du Game Developer Collective</a> a constaté que l’utilisation personnelle avait reculé à 29 %, ce qui suggère que certaines équipes ont testé des outils d’IA avant de faire marche arrière. Et l’opinion se dégrade alors même que l’adoption progresse : dans la même enquête GDC de 2026, 52 % des développeurs ont déclaré que l’IA générative avait un impact négatif sur le secteur, soit la proportion la plus élevée à ce jour. En 2026, l’interprétation la plus honnête est que l’IA est solidement installée dans les studios de jeux, mais que sa véritable utilité reste encore à préciser. Pour les jeux casual, elle concerne surtout le prototypage rapide, la génération de ressources et le contenu d’exploitation continue, plutôt que la publication d’un jeu entier sans aucune intervention humaine.</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 250" role="img" aria-label="Adoption de l’IA générative parmi les développeurs de jeux : 52 % travaillent dans des entreprises utilisant l’IA, 36 % l’utilisent eux-mêmes et 29 % dans une enquête ultérieure" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="250" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">L’IA s’est installée dans les studios</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Part des développeurs de jeux utilisant l’IA générative. Sources : GDC et Game Developer Collective.</text>
  <g transform="translate(180,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#c8a8ff" stroke-width="11" stroke-linecap="round" stroke-dasharray="143.8 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">52%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">Dans des entreprises utilisant l’IA</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">Enquête GDC 2025</text>
  </g>
  <g transform="translate(360,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#7dd3fc" stroke-width="11" stroke-linecap="round" stroke-dasharray="99.5 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">36%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">L’utilisent eux-mêmes</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">Enquête GDC 2026</text>
  </g>
  <g transform="translate(540,120)">
    <circle r="44" fill="none" stroke="#1b2540" stroke-width="11"/>
    <circle r="44" fill="none" stroke="#f0abfc" stroke-width="11" stroke-linecap="round" stroke-dasharray="80.2 276.5" transform="rotate(-90)"/>
    <text y="8" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="26" font-weight="800" fill="#e8edf5">29%</text>
    <text y="74" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" font-weight="700" fill="#e8edf5">Utilisation personnelle ultérieure</text>
    <text y="92" text-anchor="middle" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11.5" fill="#9aa7b4">contre 36 % auparavant</text>
  </g>
</svg>
<p>Pour les créateurs indépendants et les petites équipes, c’est l’évolution la plus intéressante. L’approche qui consiste à générer un jeu à partir d’un prompt, la même qui a donné naissance à la catégorie des applications d’IA, sert désormais à créer les jeux eux-mêmes. Le casual est le genre que l’IA maîtrise le mieux, car ses boucles de gameplay sont resserrées et son périmètre limité. C’est précisément pourquoi un outil comme Cinevva peut transformer une phrase en jeu jouable directement dans votre navigateur.</p>
<h2 id="ce-que-cela-signifie-si-vous-creez-un-jeu-casual" tabindex="-1">Ce que cela signifie si vous créez un jeu casual <a class="header-anchor" href="#ce-que-cela-signifie-si-vous-creez-un-jeu-casual" aria-label="Permalink to &quot;Ce que cela signifie si vous créez un jeu casual&quot;"></a></h2>
<p>En réunissant tous ces éléments, la stratégie à adopter en 2026 diffère de celle de 2022. Vous ne cherchez plus à remporter la course aux installations bon marché, car cette époque est révolue. Vous essayez de créer quelque chose qu’un public plus restreint conservera réellement et dans lequel il dépensera de l’argent. Cela favorise une accroche claire soutenue par une vraie profondeur, une monétisation hybride qui respecte aussi bien les joueurs regardant des publicités que ceux qui dépensent, ainsi qu’une nouvelle interprétation d’une boucle éprouvée plutôt qu’un énième clone de match-3. Les publics occidentaux dépensent, le puzzle est très encombré au sommet mais reste largement ouvert aux nouvelles mécaniques, et le coût nécessaire pour tester une idée s’est effondré maintenant que l’IA peut construire pour vous une première version jouable.</p>
<p>C’est ce dernier point qui constitue la véritable opportunité. Lorsqu’un prototype prend quelques minutes au lieu d’un week-end, vous pouvez tester dix concepts hybrid-casual pour le même effort qu’en exigeait autrefois un seul. Le marché récompense l’idée qui fonctionne, et le moyen le plus rapide de la trouver consiste à construire et à jouer, pas à planifier. <a href="/fr/game-creator.html">Créez-en un à partir d’un prompt</a> et voyez si le concept tient la route.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="le-marche-des-jeux-casual-est-il-en-recul-en-2026" tabindex="-1">Le marché des jeux casual est-il en recul en 2026 ? <a class="header-anchor" href="#le-marche-des-jeux-casual-est-il-en-recul-en-2026" aria-label="Permalink to &quot;Le marché des jeux casual est-il en recul en 2026 ?&quot;"></a></h3>
<p>Non, mais sa croissance ne repose plus sur les téléchargements. Les revenus générés par les achats intégrés ont encore légèrement progressé pour atteindre environ 81,75 milliards de dollars en 2025, tandis que les téléchargements ont reculé de 7,2 %. La baisse s’est poursuivie en 2026, avec des téléchargements en recul de 11,9 % sur un an au premier trimestre. Le marché arrive à maturité : la croissance provient donc de l’augmentation des dépenses des joueurs, et non de nouvelles installations.</p>
<h3 id="qu-est-ce-que-l-hybrid-casual-et-pourquoi-est-ce-important" tabindex="-1">Qu’est-ce que l’hybrid-casual et pourquoi est-ce important ? <a class="header-anchor" href="#qu-est-ce-que-l-hybrid-casual-et-pourquoi-est-ce-important" aria-label="Permalink to &quot;Qu’est-ce que l’hybrid-casual et pourquoi est-ce important ?&quot;"></a></h3>
<p>L’hybrid-casual associe les boucles simples et adaptées à la publicité de l’hypercasual à la progression plus poussée et aux achats d’un jeu casual complet. C’est le seul segment casual dont les revenus issus des achats intégrés ont progressé en 2025, avec une hausse de 20 % à 4,2 milliards de dollars, ce qui en fait la catégorie à étudier actuellement.</p>
<h3 id="quels-jeux-casual-connaissent-actuellement-une-percee" tabindex="-1">Quels jeux casual connaissent actuellement une percée ? <a class="header-anchor" href="#quels-jeux-casual-connaissent-actuellement-une-percee" aria-label="Permalink to &quot;Quels jeux casual connaissent actuellement une percée ?&quot;"></a></h3>
<p>Parmi les nouveaux succès, des jeux de puzzle hybrid-casual comme Color Block Jam, Pixel Flow, Screwdom et Magic Sort ont connu une croissance rapide en 2025. Du côté des géants établis, Royal Match et Monopoly Go! dominent les revenus, tandis que Block Blast! arrive en tête des téléchargements.</p>
<h3 id="mon-jeu-doit-il-utiliser-des-publicites-ou-des-achats-integres" tabindex="-1">Mon jeu doit-il utiliser des publicités ou des achats intégrés ? <a class="header-anchor" href="#mon-jeu-doit-il-utiliser-des-publicites-ou-des-achats-integres" aria-label="Permalink to &quot;Mon jeu doit-il utiliser des publicités ou des achats intégrés ?&quot;"></a></h3>
<p>Cela dépend du jeu. Les expériences simples touchant un vaste public peuvent vivre de la publicité, les méta-jeux profonds fonctionnent mieux sans publicité et grâce aux achats, tandis que la plupart des jeux situés entre les deux génèrent davantage de revenus en combinant ces modèles. Le modèle doit découler de la conception, et non l’inverse.</p>
<h3 id="comment-l-ia-transforme-t-elle-le-developpement-des-jeux-casual" tabindex="-1">Comment l’IA transforme-t-elle le développement des jeux casual ? <a class="header-anchor" href="#comment-l-ia-transforme-t-elle-le-developpement-des-jeux-casual" aria-label="Permalink to &quot;Comment l’IA transforme-t-elle le développement des jeux casual ?&quot;"></a></h3>
<p>L’IA générative est désormais courante dans les studios, 52 % des développeurs travaillant dans des entreprises qui l’utilisent. Pour les jeux casual en particulier, elle accélère le prototypage, la création de ressources et l’exploitation continue. Les outils de génération de jeux à partir de prompts permettent désormais aux créateurs de construire un jeu casual jouable à partir d’une simple description.</p>
<h3 id="quelle-est-la-taille-du-marche-des-jeux-casual-en-2026" tabindex="-1">Quelle est la taille du marché des jeux casual en 2026 ? <a class="header-anchor" href="#quelle-est-la-taille-du-marche-des-jeux-casual-en-2026" aria-label="Permalink to &quot;Quelle est la taille du marché des jeux casual en 2026 ?&quot;"></a></h3>
<p>Les jeux mobiles ont généré environ 81,75 milliards de dollars grâce aux achats intégrés en 2025, soit une hausse de seulement 1,3 % par rapport à 2024, et les 1 000 principaux jeux casual représentent environ 23 milliards de dollars de ce total. Les téléchargements ont reculé de 7,2 % pour atteindre 50,4 milliards : le marché croît donc grâce aux dépenses par joueur plutôt qu’aux nouvelles installations.</p>
<h3 id="l-hypercasual-est-il-mort-en-2026" tabindex="-1">L’hypercasual est-il mort en 2026 ? <a class="header-anchor" href="#l-hypercasual-est-il-mort-en-2026" aria-label="Permalink to &quot;L’hypercasual est-il mort en 2026 ?&quot;"></a></h3>
<p>Non. C’est le modèle économique reposant uniquement sur la publicité qui ne fonctionne plus, pas les jeux eux-mêmes. L’hypercasual a encore dominé l’ensemble des téléchargements en 2025 avec 22,05 milliards d’installations, et le format évolue vers une monétisation hybride qui ajoute des achats intégrés aux publicités.</p>
<BuildCta
  title="Profitez de la vague casual avec votre propre jeu"
  desc="Le cosy et le casual forment le genre le plus facile pour débuter."
  prompt="Crée un jeu de puzzle cosy de type match-and-merge aux couleurs douces" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-game-generators-2026.html">Les meilleurs générateurs de jeux par IA en 2026</a> — les outils qui créent des jeux casual à partir d’un prompt</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA, sans coder</a> — la création étape par étape</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : définition et guide pour débuter</a> — l’approche de prototypage récompensée par ce marché</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">Des prompts de jeux par IA à créer en un clic</a> — des concepts casual à tester rapidement</li>
<li><a href="/fr/guides/get-more-plays-itch-io.html">Comment obtenir plus de parties sur itch.io</a> — trouver un public qui reste</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux Web : ce que disent réellement les données</a> — la même analyse fondée sur les données concernant les revenus des jeux sur navigateur</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/casual-games-trends-2026-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment créer un jeu dans Cinevva]]></title>
            <link>https://app.cinevva.com/fr/guides/how-to-write-a-game</link>
            <guid>https://app.cinevva.com/fr/guides/how-to-write-a-game</guid>
            <pubDate>Wed, 24 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Un guide pratique pour rédiger des prompts qui donnent naissance à un jeu que vous aurez vraiment envie de conserver. Comment commencer, itérer et décrire un bug pour que l’IA le corrige du premier coup.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-creer-un-jeu-dans-cinevva" tabindex="-1">Comment créer un jeu dans Cinevva <a class="header-anchor" href="#comment-creer-un-jeu-dans-cinevva" aria-label="Permalink to &quot;Comment créer un jeu dans Cinevva&quot;"></a></h1>
<p>Vous décrivez ce que vous voulez, Cinevva crée un jeu jouable dans votre navigateur, puis vous le modifiez en discutant avec l’IA. Voilà tout le processus. Le plus difficile, ce n’est pas l’outil, mais de savoir quoi lui dire.</p>
<p>Nous avons analysé une semaine de sessions réelles pour comprendre ce qui distingue un prompt qui devient un jeu que l’on conserve d’un autre qui est abandonné juste après la première version. Le schéma était clair, et rien de tout cela n’est compliqué. Voici ce qui fonctionne.</p>
<h2 id="commencez-par-une-phrase-claire" tabindex="-1">Commencez par une phrase claire <a class="header-anchor" href="#commencez-par-une-phrase-claire" aria-label="Permalink to &quot;Commencez par une phrase claire&quot;"></a></h2>
<p>La meilleure façon de commencer consiste à écrire une ou deux phrases qui précisent le type de jeu et l’élément qui le rend amusant. « Un jeu de survie face à des zombies, en vue de dessus, dans lequel on dispose d’une lampe torche et de munitions limitées » donne à l’IA un genre, un angle de caméra, une tension centrale et une contrainte autour desquels construire le jeu. Elle sait exactement quoi créer.</p>
<p>Comparez cela à « jeu de plateforme » ou « jeux de tir ». Ce sont de véritables demandes initiales que nous voyons chaque jour. Cinevva créera bien quelque chose à partir de ces prompts, mais il y a une chance sur deux que ce soit ce que vous aviez en tête. Plus votre première phrase est précise, plus la première version sera proche de ce que vous vouliez.</p>
<h2 id="decrivez-les-sensations-pas-un-jeu-celebre" tabindex="-1">Décrivez les sensations, pas un jeu célèbre <a class="header-anchor" href="#decrivez-les-sensations-pas-un-jeu-celebre" aria-label="Permalink to &quot;Décrivez les sensations, pas un jeu célèbre&quot;"></a></h2>
<p>Beaucoup de personnes commencent par un simple titre. Pokémon. GTA. Minecraft. Un jeu Roblox qu’elles adorent. Nous comprenons : ce sont ces jeux qui vous ont donné envie d’en créer un. Le problème, c’est que leur développement a demandé des années à des studios entiers et qu’ils ne tiennent pas dans un onglet de navigateur.</p>
<p>Décrivez plutôt les éléments que vous voulez vraiment. Si vous dites GTA, vous pensez probablement à « conduire dans une ville ouverte et accomplir des missions ». Si vous dites Minecraft, vous voulez peut-être « placer et casser des blocs sur une grille infinie afin de construire des objets ». Expliquez clairement la mécanique, et Cinevva pourra reproduire les sensations recherchées, même s’il ne peut pas recréer toute la franchise. Décrire l’expérience est toujours plus efficace que de citer la marque.</p>
<h2 id="commencez-petit-puis-developpez-le-jeu" tabindex="-1">Commencez petit, puis développez le jeu <a class="header-anchor" href="#commencez-petit-puis-developpez-le-jeu" aria-label="Permalink to &quot;Commencez petit, puis développez le jeu&quot;"></a></h2>
<p>Cinevva crée volontairement une première version jouable dès votre tout premier message. Les créateurs qui finissent par obtenir un jeu qu’ils adorent n’essaient pas de tout faire tenir dans leur prompt initial. Une fois qu’ils voient le jeu fonctionner, ils ajoutent un élément par message.</p>
<p>« Ajoute des voitures dans la circulation. » « Fais sauter le personnage plus haut. » « Ajoute un deuxième niveau. » « Ajoute une barre de vie. » Chaque modification est petite, rapide et facile à vérifier, et leur accumulation finit par former un véritable jeu. Essayer d’intégrer dix fonctionnalités dès le premier message produit généralement une version bancale de chacune d’elles. C’est en demandant une seule modification claire à la fois que l’on crée les meilleurs jeux.</p>
<h2 id="quand-quelque-chose-ne-va-pas-dites-precisement-quoi" tabindex="-1">Quand quelque chose ne va pas, dites précisément quoi <a class="header-anchor" href="#quand-quelque-chose-ne-va-pas-dites-precisement-quoi" aria-label="Permalink to &quot;Quand quelque chose ne va pas, dites précisément quoi&quot;"></a></h2>
<p>Le message inutile le plus courant est « ça ne marche pas », ou simplement « corrige ça ». L’IA ne peut pas voir votre écran, elle ne peut donc que deviner.</p>
<p>Donnez-lui trois informations : ce que vous avez fait, ce qui s’est passé et ce que vous attendiez. « Quand j’appuie sur espace, l’oiseau sautille à peine, alors que je voulais qu’il batte des ailes et monte plus haut » permet d’obtenir une véritable correction dès la première tentative. « La voiture traverse les murs au lieu de s’arrêter » indique directement un problème de détection des collisions. Ces dix mots supplémentaires vous évitent trois séries d’allers-retours.</p>
<h2 id="soyez-precis-sur-l-apparence" tabindex="-1">Soyez précis sur l’apparence <a class="header-anchor" href="#soyez-precis-sur-l-apparence" aria-label="Permalink to &quot;Soyez précis sur l’apparence&quot;"></a></h2>
<p>Cinevva excelle dans la création visuelle lorsque vous lui donnez quelque chose de concret à imaginer. Des couleurs, des formes, une ambiance, des détails sur les personnages. Un créateur a décrit son héros comme « une silhouette sombre avec une cape blanche, des gants blancs et des yeux blancs lumineux », et a obtenu exactement ce résultat.</p>
<p>« Rends-le plus cool » ne donne à l’IA aucune indication exploitable. Précisez plutôt la palette de couleurs, l’ambiance — néon, chaleureuse, rétro, horrifique, dessinée à la main — ainsi que les détails importants du personnage ou de l’univers. Quelques mots concrets peuvent transformer complètement l’apparence du jeu.</p>
<h2 id="utilisez-vos-propres-creations-graphiques" tabindex="-1">Utilisez vos propres créations graphiques <a class="header-anchor" href="#utilisez-vos-propres-creations-graphiques" aria-label="Permalink to &quot;Utilisez vos propres créations graphiques&quot;"></a></h2>
<p>Vous n’êtes pas obligé de vous contenter de ce que dessine l’IA. Déposez vos propres images directement dans le chat : elle les utilisera comme textures, sprites ou arrière-plans. Vous pouvez aussi ouvrir la bibliothèque de ressources afin d’y choisir des modèles 3D gratuits, sans vous soucier de l’attribution. Lorsque vous recherchez un style précis, fournir une image de référence fonctionne souvent mieux que d’essayer de le décrire.</p>
<h2 id="la-premiere-generation-est-la-plus-lente-et-votre-travail-est-sauvegarde" tabindex="-1">La première génération est la plus lente, et votre travail est sauvegardé <a class="header-anchor" href="#la-premiere-generation-est-la-plus-lente-et-votre-travail-est-sauvegarde" aria-label="Permalink to &quot;La première génération est la plus lente, et votre travail est sauvegardé&quot;"></a></h2>
<p>La première génération est la plus longue, car Cinevva écrit l’intégralité de votre jeu à partir de zéro. Ensuite, les modifications sont prêtes en quelques secondes. Soyez donc patient pendant cette première attente : ce sera vraiment la plus longue de toute la session.</p>
<p>Et oui, vos jeux sont sauvegardés. Fermez l’onglet, revenez demain, ouvrez Mes jeux et reprenez exactement là où vous vous étiez arrêté. Rien ne disparaît lorsque vous partez.</p>
<h2 id="un-bon-prompt-du-debut-a-la-fin" tabindex="-1">Un bon prompt, du début à la fin <a class="header-anchor" href="#un-bon-prompt-du-debut-a-la-fin" aria-label="Permalink to &quot;Un bon prompt, du début à la fin&quot;"></a></h2>
<p>En réunissant tous ces conseils, vous obtenez un excellent prompt initial comme celui-ci :</p>
<p>« Un jeu de tir en vue de dessus avec visée multidirectionnelle. J’incarne un petit robot dans une arène néon, des vagues d’ennemis se rapprochent, et je dois esquiver leurs attaques et tirer pour survivre. Le jeu doit être rapide et typé arcade. »</p>
<p>Voilà un genre, un personnage, un décor, une boucle de gameplay principale et des sensations, le tout en quatre phrases courtes. Créez-le, regardez-le fonctionner, puis commencez à ajouter des éléments. Un boss toutes les cinq vagues. Une esquive rapide avec la touche Maj. Un multiplicateur de score pour les combos. C’est ainsi qu’une phrase devient un jeu que vous aurez vraiment envie de partager.</p>
<p>Prêt à essayer ? <a href="/fr/create.html?utm_source=guide&amp;utm_medium=content&amp;utm_campaign=how_to_write_a_game">Ouvrez l’outil de création et commencez gratuitement →</a></p>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/how-to-write-a-game-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment créer un jeu 3D pour navigateur sans coder (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/3d-browser-game-without-coding</link>
            <guid>https://app.cinevva.com/fr/guides/3d-browser-game-without-coding</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les véritables options pour créer un jeu 3D pour navigateur sans coder en 2026, pourquoi la plupart des outils no-code sont en 2D et comment les outils d’IA capables de générer des jeux à partir de prompts sont devenus la solution pratique pour créer en 3D dans le navigateur.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-creer-un-jeu-3d-pour-navigateur-sans-coder-2026" tabindex="-1">Comment créer un jeu 3D pour navigateur sans coder (2026) <a class="header-anchor" href="#comment-creer-un-jeu-3d-pour-navigateur-sans-coder-2026" aria-label="Permalink to &quot;Comment créer un jeu 3D pour navigateur sans coder (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Créer un jeu 2D sans code est possible depuis des années. Créer sans code un jeu 3D qui fonctionne dans un navigateur s’est révélé étonnamment difficile, et la plupart des guides contournent discrètement le problème en vous présentant un outil 2D. Pas celui-ci. Voici un état des lieux honnête de la création 3D sans code dans le navigateur en 2026, ainsi que la méthode qui fonctionne réellement aujourd’hui.</p>
<h2 id="la-verite-qui-derange-sur-la-3d-sans-code" tabindex="-1">La vérité qui dérange sur la 3D sans code <a class="header-anchor" href="#la-verite-qui-derange-sur-la-3d-sans-code" aria-label="Permalink to &quot;La vérité qui dérange sur la 3D sans code&quot;"></a></h2>
<p>Les outils classiques de création de jeux sans code sont très majoritairement orientés 2D. Les rares outils 3D entièrement no-code qui fonctionnaient dans un navigateur ont pour la plupart disparu ou changé de direction :</p>
<ul>
<li><strong>Struckd</strong>, ce qui se rapprochait le plus d’un véritable outil 3D en glisser-déposer sur le Web, fermera son studio en août 2026.</li>
<li><strong>Crayta</strong> a fermé dès 2023.</li>
<li><strong>Core</strong> permet de créer des jeux 3D sans code, mais nécessite de télécharger un client : ce n’est pas un jeu dans le navigateur.</li>
<li><strong>PlayCanvas</strong> est un excellent moteur 3D pour le Web, mais il nécessite d’écrire du JavaScript et n’est donc pas réellement no-code.</li>
</ul>
<p>Il reste donc un véritable vide. Si vous voulez créer en 3D, dans un navigateur et sans code, les outils classiques de création visuelle n’ont presque plus rien à proposer, à une exception près.</p>
<h2 id="la-seule-exception-classique-gdevelop" tabindex="-1">La seule exception classique : GDevelop <a class="header-anchor" href="#la-seule-exception-classique-gdevelop" aria-label="Permalink to &quot;La seule exception classique : GDevelop&quot;"></a></h2>
<p>GDevelop est un outil de création de jeux visuel, gratuit et open source, qui fonctionne dans le navigateur et investit fortement dans la 3D depuis fin 2025. Vous créez la logique avec des feuilles d’événements visuelles plutôt qu’avec du code. Il dispose d’un éditeur 3D dédié, d’un moteur physique 3D et permet de publier sur le Web via gd.games avec un lien de partage. Il s’agit avant tout d’un outil 2D dont les capacités 3D progressent, il n’égale donc pas un moteur 3D spécialisé. Mais pour créer véritablement des jeux 3D sans code dans le navigateur, c’est la meilleure option classique. Il a également ajouté un agent d’IA, ce qui nous amène à l’autre méthode.</p>
<h2 id="la-methode-qui-fonctionne-reellement-en-2026-generer-un-jeu-a-partir-d-un-prompt-avec-l-ia" tabindex="-1">La méthode qui fonctionne réellement en 2026 : générer un jeu à partir d’un prompt avec l’IA <a class="header-anchor" href="#la-methode-qui-fonctionne-reellement-en-2026-generer-un-jeu-a-partir-d-un-prompt-avec-l-ia" aria-label="Permalink to &quot;La méthode qui fonctionne réellement en 2026 : générer un jeu à partir d’un prompt avec l’IA&quot;"></a></h2>
<p>Voici ce qui a changé. En 2026, la méthode la plus pratique pour créer un jeu 3D pour navigateur sans coder ne repose pas du tout sur un éditeur visuel : elle consiste à décrire le jeu à une IA, puis à la laisser construire un véritable jeu 3D avec un moteur Web. Cette approche est parfois appelée <a href="/fr/guides/vibe-coding-games.html">vibe coding</a>. Pour la 3D en particulier, elle est discrètement devenue une solution crédible tandis que les outils 3D no-code classiques disparaissaient.</p>
<p>Quelques outils proposent cette approche :</p>
<ul>
<li><strong>Cinevva</strong> crée à partir d’un prompt textuel de véritables jeux 3D jouables dans un navigateur, grâce à un moteur basé sur Three.js. Il intègre la génération de modèles 3D, d’images, de musique et de skyboxes, ainsi qu’un lien partageable instantanément.</li>
<li><strong>Rosebud</strong> génère des jeux à partir de prompts, en 2D comme en 3D, avec des capacités 3D en plein développement et un hébergement dans le navigateur.</li>
<li><strong>Nilo</strong> est un outil d’IA 3D accessible dans le navigateur, fortement axé sur l’exportation vers Roblox et destiné à un public plus jeune.</li>
</ul>
<p>Vous n’écrivez aucune ligne de code avec ces outils. Vous décrivez le jeu, jouez au résultat, puis l’améliorez en demandant des modifications. Consultez notre <a href="/fr/guides/ai-game-generators-2026.html">comparatif des générateurs de jeux par IA</a> pour découvrir leurs différences.</p>
<h2 id="comment-creer-un-jeu-3d-pour-navigateur-avec-l-ia-etape-par-etape" tabindex="-1">Comment créer un jeu 3D pour navigateur avec l’IA, étape par étape <a class="header-anchor" href="#comment-creer-un-jeu-3d-pour-navigateur-avec-l-ia-etape-par-etape" aria-label="Permalink to &quot;Comment créer un jeu 3D pour navigateur avec l’IA, étape par étape&quot;"></a></h2>
<h3 id="_1-decrivez-un-petit-jeu-3d" tabindex="-1">1. Décrivez un petit jeu 3D <a class="header-anchor" href="#_1-decrivez-un-petit-jeu-3d" aria-label="Permalink to &quot;1. Décrivez un petit jeu 3D&quot;"></a></h3>
<p>Indiquez le genre, un élément distinctif et un objectif. La 3D donne les meilleurs résultats lorsque le concept est simple et spatial. Par exemple :</p>
<blockquote>
<p>Crée un jeu de parkour à la première personne dans lequel je saute entre des îles flottantes et dois atteindre l’arrivée avant la fin du chronomètre.</p>
</blockquote>
<p>Vous pouvez <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=3d_no_code">partir d’un prompt vide</a> ou choisir un <a href="/fr/guides/vibe-coding-game-prompts.html">prompt 3D prêt à lancer en un clic</a>, puis le personnaliser.</p>
<h3 id="_2-jouez-puis-modifiez-un-seul-element" tabindex="-1">2. Jouez, puis modifiez un seul élément <a class="header-anchor" href="#_2-jouez-puis-modifiez-un-seul-element" aria-label="Permalink to &quot;2. Jouez, puis modifiez un seul élément&quot;"></a></h3>
<p>Vous obtiendrez une scène 3D jouable. Testez-la et identifiez le principal problème. Demandez une seule modification : « augmente la portée des sauts », « ajoute une chute suivie d’une réapparition » ou « accélère le joueur ». Modifiez, jouez, recommencez. Cette boucle constitue l’essentiel du processus de création.</p>
<h3 id="_3-ajoutez-des-ressources-3d" tabindex="-1">3. Ajoutez des ressources 3D <a class="header-anchor" href="#_3-ajoutez-des-ressources-3d" aria-label="Permalink to &quot;3. Ajoutez des ressources 3D&quot;"></a></h3>
<p>Demandez les modèles et le style visuel que vous souhaitez : « donne au joueur l’apparence d’un robot low poly », « utilise une skybox de coucher de soleil » ou « crée des îles en pierre recouvertes d’herbe ». Si l’outil dispose d’une bibliothèque de ressources CC0, privilégiez-la pour tout ce que vous prévoyez de publier. Notre <a href="/fr/guides/game-assets-guide.html">guide des ressources de jeu gratuites</a> présente les différentes sources et licences.</p>
<h3 id="_4-donnez-lui-les-qualites-d-un-vrai-jeu" tabindex="-1">4. Donnez-lui les qualités d’un vrai jeu <a class="header-anchor" href="#_4-donnez-lui-les-qualites-d-un-vrai-jeu" aria-label="Permalink to &quot;4. Donnez-lui les qualités d’un vrai jeu&quot;"></a></h3>
<p>Ajoutez les finitions que les joueurs remarquent en 3D : une caméra lisible, des commandes réactives, un objectif visible, des sons pour les actions importantes ainsi que des conditions de victoire et de défaite. Demandez également un écran-titre et un bouton pour recommencer.</p>
<h3 id="_5-publiez-le-lien" tabindex="-1">5. Publiez le lien <a class="header-anchor" href="#_5-publiez-le-lien" aria-label="Permalink to &quot;5. Publiez le lien&quot;"></a></h3>
<p>Les outils accessibles dans le navigateur vous fournissent une URL partageable en un clic. Envoyez-la à d’autres personnes, observez à quel moment elles abandonnent, puis utilisez ces informations pour définir votre prochaine série de modifications.</p>
<h2 id="et-si-vous-souhaitez-le-creer-manuellement" tabindex="-1">Et si vous souhaitez le créer manuellement ? <a class="header-anchor" href="#et-si-vous-souhaitez-le-creer-manuellement" aria-label="Permalink to &quot;Et si vous souhaitez le créer manuellement ?&quot;"></a></h2>
<p>Si vous êtes prêt à apprendre un peu de code, l’écosystème de la 3D sur le Web est très riche : Three.js, Babylon.js et PlayCanvas permettent tous de créer d’excellents jeux 3D pour navigateur, tandis que des moteurs comme Godot peuvent également exporter vers le Web. Ce n’est pas du no-code, mais il est utile de savoir que les possibilités deviennent immenses une fois ce cap franchi. Notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux Web</a> présente ces différentes options. Si vous souhaitez véritablement rester dans le no-code, GDevelop ou un outil d’IA générant des jeux à partir de prompts constitue la meilleure solution.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="peut-on-creer-un-jeu-3d-dans-un-navigateur-sans-coder" tabindex="-1">Peut-on créer un jeu 3D dans un navigateur sans coder ? <a class="header-anchor" href="#peut-on-creer-un-jeu-3d-dans-un-navigateur-sans-coder" aria-label="Permalink to &quot;Peut-on créer un jeu 3D dans un navigateur sans coder ?&quot;"></a></h3>
<p>Oui, mais les options sont limitées. GDevelop est le principal outil no-code classique proposant de véritables fonctionnalités 3D dans le navigateur. Les outils d’IA comme Cinevva, Rosebud et Nilo permettent quant à eux de créer des jeux 3D pour navigateur en les décrivant plutôt qu’en les programmant. Plusieurs anciens outils 3D entièrement no-code, comme Struckd et Crayta, ont fermé. En 2026, les solutions pratiques sont donc GDevelop ou les outils d’IA.</p>
<h3 id="quel-est-le-moyen-le-plus-simple-de-creer-un-jeu-3d-sans-aucune-experience" tabindex="-1">Quel est le moyen le plus simple de créer un jeu 3D sans aucune expérience ? <a class="header-anchor" href="#quel-est-le-moyen-le-plus-simple-de-creer-un-jeu-3d-sans-aucune-experience" aria-label="Permalink to &quot;Quel est le moyen le plus simple de créer un jeu 3D sans aucune expérience ?&quot;"></a></h3>
<p>Décrivez votre jeu à un outil d’IA capable de le générer à partir d’un prompt, puis améliorez-le en dialoguant avec l’IA. Vous obtenez en quelques minutes un jeu 3D jouable, sans moteur à installer ni code à écrire, puis vous le perfectionnez une modification à la fois. C’est le point de départ le plus accessible pour les grands débutants.</p>
<h3 id="gdevelop-est-il-adapte-a-la-3d" tabindex="-1">GDevelop est-il adapté à la 3D ? <a class="header-anchor" href="#gdevelop-est-il-adapte-a-la-3d" aria-label="Permalink to &quot;GDevelop est-il adapté à la 3D ?&quot;"></a></h3>
<p>GDevelop est avant tout un moteur 2D, mais il propose depuis fin 2025 un éditeur 3D dédié, un moteur physique 3D et diverses fonctionnalités 3D. Il est également gratuit, open source et accessible dans le navigateur, avec la possibilité de publier sur le Web. Il n’égale pas un moteur 3D spécialisé, mais constitue la meilleure option classique pour créer gratuitement des jeux 3D sans code dans le navigateur.</p>
<h3 id="ai-je-besoin-d-un-ordinateur-puissant-pour-creer-un-jeu-3d-pour-navigateur" tabindex="-1">Ai-je besoin d’un ordinateur puissant pour créer un jeu 3D pour navigateur ? <a class="header-anchor" href="#ai-je-besoin-d-un-ordinateur-puissant-pour-creer-un-jeu-3d-pour-navigateur" aria-label="Permalink to &quot;Ai-je besoin d’un ordinateur puissant pour créer un jeu 3D pour navigateur ?&quot;"></a></h3>
<p>Non. Les outils d’IA accessibles dans le navigateur et GDevelop exécutent les tâches exigeantes sur leurs serveurs ou directement dans le navigateur. Vous n’avez donc pas besoin d’un PC gaming ni d’une carte graphique dédiée. Un ordinateur raisonnablement récent et un navigateur à jour suffisent pour créer et jouer.</p>
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-game-generators-2026.html">Les meilleurs générateurs de jeux par IA en 2026</a> — les outils qui créent des jeux 3D à partir de prompts</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA sans coder</a> — le processus complet pour débuter</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : qu’est-ce que c’est et comment commencer ?</a> — l’approche basée sur les prompts expliquée</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">Des prompts de jeux par IA à lancer en un clic</a> — des points de départ pour créer en 3D</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeux Web pour 2026</a> — si vous décidez d’apprendre un peu de code</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — modèles et textures 3D</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/3d-browser-game-without-coding-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs générateurs d’assets IA pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-asset-generators-games</link>
            <guid>https://app.cinevva.com/fr/guides/ai-asset-generators-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs générateurs d’assets IA pour les jeux en 2026, dédiés aux modèles 3D, aux textures et à l’audio, avec un comparatif de Meshy, Tripo, Hunyuan3D, TRELLIS, Stable Audio et bien d’autres, ainsi que des informations sur les licences.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-generateurs-d-assets-ia-pour-les-jeux-2026" tabindex="-1">Meilleurs générateurs d’assets IA pour les jeux (2026) <a class="header-anchor" href="#meilleurs-generateurs-d-assets-ia-pour-les-jeux-2026" aria-label="Permalink to &quot;Meilleurs générateurs d’assets IA pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>En 2026, générer un asset de jeu est souvent plus rapide que de chercher le bon asset gratuit. Décrivez un accessoire et obtenez un modèle 3D texturé en moins d’une minute. Saisissez une ambiance et obtenez de la musique. Ce guide présente les meilleurs générateurs d’assets IA pour les jeux dans les domaines de la 3D, des textures et de l’audio, les points forts de chacun et les pièges liés aux licences à connaître avant de publier votre jeu.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/9zUOvhQ828g" title="Meshy 5 - test du générateur de modèles 3D par IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Un test de Meshy, l’un des principaux générateurs de modèles 3D par IA.</div>
<h2 id="le-piege-des-licences-a-lire-en-premier" tabindex="-1">Le piège des licences (à lire en premier) <a class="header-anchor" href="#le-piege-des-licences-a-lire-en-premier" aria-label="Permalink to &quot;Le piège des licences (à lire en premier)&quot;"></a></h2>
<p>La plupart des générateurs hébergés vous permettent de créer gratuitement, mais réservent les droits d’utilisation commerciale aux formules payantes. Les résultats obtenus avec l’offre gratuite sont souvent réservés à un usage non commercial. Les modèles ouverts que vous auto-hébergez sont généralement les plus simples pour un usage commercial, mais chacun possède sa propre licence, dont certaines excluent certaines régions. Avant de publier quoi que ce soit créé par une IA, vérifiez les conditions relatives aux droits d’utilisation des résultats du modèle. En cas de doute, utilisez un modèle ouvert sous licence permissive ou une formule payante accordant des droits commerciaux.</p>
<h2 id="generateurs-de-modeles-3d" tabindex="-1">Générateurs de modèles 3D <a class="header-anchor" href="#generateurs-de-modeles-3d" aria-label="Permalink to &quot;Générateurs de modèles 3D&quot;"></a></h2>
<h3 id="heberges-les-plus-rapides-pour-demarrer" tabindex="-1">Hébergés (les plus rapides pour démarrer) <a class="header-anchor" href="#heberges-les-plus-rapides-pour-demarrer" aria-label="Permalink to &quot;Hébergés (les plus rapides pour démarrer)&quot;"></a></h3>
<ul>
<li><strong>Meshy</strong> : transforme du texte ou une image en maillage 3D texturé, compatible avec le rigging et doté de matériaux PBR. Les résultats de l’offre gratuite sont sous licence CC BY 4.0 : leur utilisation commerciale est donc autorisée à condition d’attribuer la création à Meshy. C’est l’outil polyvalent le plus populaire. <a href="https://www.meshy.ai" target="_blank" rel="noreferrer">meshy.ai</a></li>
<li><strong>Tripo</strong> : transforme du texte ou une image en modèle 3D avec PBR 4K et rigging automatique. L’offre gratuite est réservée à un usage non commercial. Des résultats convaincants et adaptés aux jeux. <a href="https://www.tripo3d.ai" target="_blank" rel="noreferrer">tripo3d.ai</a></li>
<li><strong>Rodin / Hyper3D</strong> : topologie propre en quadrilatères, génération gratuite et téléchargement payant. Un bon choix si la topologie du maillage est importante pour vous. <a href="https://hyper3d.ai" target="_blank" rel="noreferrer">hyper3d.ai</a></li>
<li><strong>Sloyd</strong> : génération paramétrique et par IA conçue pour les jeux, avec usage commercial dans l’offre payante. <a href="https://www.sloyd.ai" target="_blank" rel="noreferrer">sloyd.ai</a></li>
</ul>
<h3 id="ouverts-auto-heberges-et-adaptes-a-un-usage-commercial" tabindex="-1">Ouverts (auto-hébergés et adaptés à un usage commercial) <a class="header-anchor" href="#ouverts-auto-heberges-et-adaptes-a-un-usage-commercial" aria-label="Permalink to &quot;Ouverts (auto-hébergés et adaptés à un usage commercial)&quot;"></a></h3>
<ul>
<li><strong>Hunyuan3D 2.1</strong> (Tencent) : poids et code d’entraînement ouverts, avec texturation PBR prête pour la production. Notez que sa licence exclut l’UE, le Royaume-Uni et la Corée du Sud : vérifiez-la donc avant de publier votre jeu dans ces régions. Cinevva l’utilise pour son <a href="/fr/tools/hunyuan3d.html">générateur de modèles 3D</a>.</li>
<li><strong>TRELLIS.2</strong> (Microsoft) : sous licence MIT, leader actuel des modèles ouverts de génération 3D à partir d’images, avec prise en charge native du PBR.</li>
<li><strong>SAM 3D</strong> (Meta) : transforme une seule photo en 3D, pour les objets comme pour les corps humains. Cinevva l’utilise dans son outil de <a href="/fr/tools/sam3d.html">capture d’objets 3D à partir d’images</a>, accessible dans le navigateur et produisant un Gaussian splat.</li>
<li><strong>Roblox Cube 3D</strong> : génération de maillages à partir de texte, disponible en open source.</li>
</ul>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/-_ZlUTXaFqA" title="Tripo 3.1 - test de la génération d’assets 3D par IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Aperçu de Tripo générant des assets 3D prêts à être intégrés dans un jeu.</div>
<h2 id="generateurs-de-textures-et-d-images" tabindex="-1">Générateurs de textures et d’images <a class="header-anchor" href="#generateurs-de-textures-et-d-images" aria-label="Permalink to &quot;Générateurs de textures et d’images&quot;"></a></h2>
<p>Pour les textures répétables, les sprites, le concept art et les interfaces :</p>
<ul>
<li><strong>FLUX.2</strong> (Black Forest Labs) : puissant pour la génération et la retouche d’images à partir de texte. L’option ouverte autorisant librement l’usage commercial est klein 4B (Apache 2.0).</li>
<li><strong>Qwen-Image</strong> (Alibaba) : modèle ouvert sous licence Apache 2.0, offrant un rendu de texte de premier ordre, idéal pour les panneaux et les étiquettes.</li>
<li><strong>Stable Diffusion 3.5</strong> : écosystème mature (ControlNet, inpainting, LoRA) permettant une personnalisation approfondie.</li>
</ul>
<p>Ces modèles génèrent des textures répétables et des illustrations 2D que vous pouvez intégrer directement dans un jeu. Consultez notre <a href="/fr/guides/frontier-gen-ai-models.html">guide des modèles d’IA générative ouverts</a> pour découvrir la liste complète et leurs licences.</p>
<h2 id="generateurs-audio-musique-et-effets-sonores" tabindex="-1">Générateurs audio (musique et effets sonores) <a class="header-anchor" href="#generateurs-audio-musique-et-effets-sonores" aria-label="Permalink to &quot;Générateurs audio (musique et effets sonores)&quot;"></a></h2>
<ul>
<li><strong>Stable Audio 3.0</strong> : poids ouverts pour un petit modèle, ainsi qu’un modèle ouvert dédié aux effets sonores, entraîné sur des données sous licence, ce qui lui confère une base juridique solide. Le meilleur choix ouvert pour les effets sonores de jeux.</li>
<li><strong>ACE-Step 1.5</strong> : génération musicale ouverte sous licence MIT, disponible dans de nombreuses langues et avec clonage vocal.</li>
<li><strong>ElevenLabs</strong> : l’option hébergée la plus performante pour les effets sonores et la musique, avec des droits commerciaux dans les offres payantes.</li>
</ul>
<h2 id="rigging-et-animation" tabindex="-1">Rigging et animation <a class="header-anchor" href="#rigging-et-animation" aria-label="Permalink to &quot;Rigging et animation&quot;"></a></h2>
<p>Le rigging automatique a gagné en maturité : des modèles ouverts comme <strong>UniRig</strong> (MIT) et <strong>NVIDIA SOMA-X</strong> (Apache 2.0) génèrent des squelettes et le skinning de vos maillages. Ils constituent une alternative crédible à Mixamo, devenu peu fiable. Des outils hébergés comme Tripo et Meshy proposent également le rigging automatique. L’<a href="/fr/tools/rigger.html">outil de rigging automatique</a> de Cinevva fonctionne dans le navigateur : importez un fichier GLB, FBX ou OBJ et récupérez un modèle riggé, avec la possibilité d’ajouter des animations prédéfinies.</p>
<h2 id="comparatif" tabindex="-1">Comparatif <a class="header-anchor" href="#comparatif" aria-label="Permalink to &quot;Comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Génère</th>
<th>Ouvert / hébergé</th>
<th>Usage commercial</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Meshy</strong></td>
<td>Modèles 3D</td>
<td>Hébergé</td>
<td>Offre gratuite sous CC BY (attribution à Meshy)</td>
</tr>
<tr>
<td><strong>Tripo</strong></td>
<td>Modèles 3D + rigging</td>
<td>Hébergé</td>
<td>Offre payante</td>
</tr>
<tr>
<td><strong>Hunyuan3D 2.1</strong></td>
<td>Modèles 3D</td>
<td>Ouvert</td>
<td>Oui (restrictions régionales)</td>
</tr>
<tr>
<td><strong>TRELLIS.2</strong></td>
<td>Modèles 3D</td>
<td>Ouvert (MIT)</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>FLUX.2 klein</strong></td>
<td>Images/textures</td>
<td>Ouvert (Apache)</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>Qwen-Image</strong></td>
<td>Images/textures</td>
<td>Ouvert (Apache)</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>Stable Audio 3.0</strong></td>
<td>Musique + effets sonores</td>
<td>Ouvert</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>ElevenLabs</strong></td>
<td>Effets sonores + musique</td>
<td>Hébergé</td>
<td>Offre payante</td>
</tr>
</tbody>
</table>
<h2 id="l-option-tout-en-un" tabindex="-1">L’option tout-en-un <a class="header-anchor" href="#l-option-tout-en-un" aria-label="Permalink to &quot;L’option tout-en-un&quot;"></a></h2>
<p>Combiner ces outils fonctionne, mais cela nécessite de mettre en place un pipeline. Certains outils de création de jeux intègrent directement la génération dans l’éditeur : Cinevva inclut la génération de modèles 3D à partir de texte, d’images, de musique et de skyboxes. Vous pouvez ainsi générer un asset et l’intégrer directement dans votre jeu sans avoir à l’exporter puis à l’importer entre différents outils. Vous pouvez <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=ai_asset_generators">l’essayer gratuitement</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-generateur-de-modeles-3d-par-ia-pour-les-jeux" tabindex="-1">Quel est le meilleur générateur de modèles 3D par IA pour les jeux ? <a class="header-anchor" href="#quel-est-le-meilleur-generateur-de-modeles-3d-par-ia-pour-les-jeux" aria-label="Permalink to &quot;Quel est le meilleur générateur de modèles 3D par IA pour les jeux ?&quot;"></a></h3>
<p>Parmi les outils hébergés, Meshy et Tripo sont les solutions polyvalentes de référence : ils transforment du texte ou une image en maillage texturé compatible avec le rigging. Les résultats de l’offre gratuite de Meshy sont sous licence CC BY 4.0, ce qui vous permet de les utiliser commercialement à condition de créditer Meshy, tandis que Tripo accorde des droits commerciaux avec ses offres payantes. Parmi les modèles ouverts et auto-hébergeables, Hunyuan3D 2.1 et TRELLIS.2 de Microsoft sont les plus performants en 2026. Le meilleur choix dépend donc de vos priorités : un outil hébergé rapide à utiliser ou des poids ouverts adaptés à un usage commercial.</p>
<h3 id="puis-je-utiliser-des-assets-generes-par-ia-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser des assets générés par IA dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-des-assets-generes-par-ia-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser des assets générés par IA dans un jeu commercial ?&quot;"></a></h3>
<p>Souvent oui, mais vérifiez la licence. Les modèles ouverts que vous auto-hébergez sont généralement les plus simples juridiquement, bien que Hunyuan3D exclue certaines régions. Les outils hébergés réservent généralement les droits commerciaux aux offres payantes, et les résultats des offres gratuites sont souvent réservés à un usage non commercial. Vérifiez toujours les conditions relatives aux droits d’utilisation des résultats du modèle et signalez le contenu généré par IA lorsque votre plateforme l’exige.</p>
<h3 id="existe-t-il-des-generateurs-gratuits-d-assets-par-ia" tabindex="-1">Existe-t-il des générateurs gratuits d’assets par IA ? <a class="header-anchor" href="#existe-t-il-des-generateurs-gratuits-d-assets-par-ia" aria-label="Permalink to &quot;Existe-t-il des générateurs gratuits d’assets par IA ?&quot;"></a></h3>
<p>De nombreux outils proposent des offres gratuites, mais celles-ci limitent généralement l’utilisation et excluent les droits commerciaux. Des modèles ouverts comme TRELLIS.2, FLUX.2 klein, Qwen-Image et Stable Audio peuvent être exécutés gratuitement sur votre propre matériel et disposent de licences adaptées à un usage commercial, à condition de posséder la configuration nécessaire. Le tableau comparatif ci-dessus indique lesquels sont ouverts et lesquels sont hébergés.</p>
<h3 id="l-ia-peut-elle-generer-de-la-musique-et-des-effets-sonores-pour-les-jeux" tabindex="-1">L’IA peut-elle générer de la musique et des effets sonores pour les jeux ? <a class="header-anchor" href="#l-ia-peut-elle-generer-de-la-musique-et-des-effets-sonores-pour-les-jeux" aria-label="Permalink to &quot;L’IA peut-elle générer de la musique et des effets sonores pour les jeux ?&quot;"></a></h3>
<p>Oui. Stable Audio 3.0 propose des poids ouverts, notamment pour un modèle dédié aux effets sonores. ACE-Step génère de la musique sous licence MIT, tandis qu’ElevenLabs est une excellente option hébergée offrant des droits commerciaux dans ses formules payantes. Ensemble, ces outils couvrent la musique et les effets sonores nécessaires à l’ensemble de l’univers sonore d’un jeu.</p>
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Meilleurs modèles d’IA générative open source pour les jeux</a> — l’analyse technique détaillée</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des assets de jeu gratuits</a> — des assets gratuits prêts à l’emploi</li>
<li><a href="/fr/guides/free-3d-model-sites.html">Meilleurs sites de modèles 3D gratuits pour les jeux</a> — chercher plutôt que générer</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musiques gratuits pour les jeux</a> — des contenus audio prêts à l’emploi</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des assets de jeu</a> — comprendre les conditions</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-asset-generators-games-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs générateurs de jeux par IA en 2026 (classement et comparatif)]]></title>
            <link>https://app.cinevva.com/fr/guides/ai-game-generators-2026</link>
            <guid>https://app.cinevva.com/fr/guides/ai-game-generators-2026</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Nous avons comparé les meilleurs générateurs de jeux par IA en 2026 selon ce qu’ils créent réellement, la 2D ou la 3D, la propriété et le prix, de Rosebud et Summer à Replit, Gameer, GDevelop AI et Cinevva.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-generateurs-de-jeux-par-ia-en-2026-classement-et-comparatif" tabindex="-1">Meilleurs générateurs de jeux par IA en 2026 (classement et comparatif) <a class="header-anchor" href="#meilleurs-generateurs-de-jeux-par-ia-en-2026-classement-et-comparatif" aria-label="Permalink to &quot;Meilleurs générateurs de jeux par IA en 2026 (classement et comparatif)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Vous saisissez une phrase, une IA crée un jeu. C’est la promesse et, en 2026, elle est devenue réalité. Mais les outils qui la concrétisent fonctionnent de manière radicalement différente en coulisses. Certains créent dans votre navigateur des jeux d’arcade 2D soignés. D’autres sont des moteurs de bureau qui vous fournissent un projet dont vous êtes pleinement propriétaire. D’autres encore sont des assistants de programmation généralistes qui peuvent aussi créer un jeu. Choisir le mauvais outil peut vous faire perdre tout un week-end.</p>
<p>Ce guide compare les générateurs de jeux par IA à connaître en 2026, ce que chacun produit réellement, si vous pouvez posséder et exporter votre jeu, et combien cela coûte. Nous avons essayé d’être honnêtes sur les points forts de chaque outil, y compris sur ce que le nôtre fait bien ou moins bien.</p>
<h2 id="les-quatre-types-de-«-generateurs-de-jeux-par-ia-»" tabindex="-1">Les quatre types de « générateurs de jeux par IA » <a class="header-anchor" href="#les-quatre-types-de-«-generateurs-de-jeux-par-ia-»" aria-label="Permalink to &quot;Les quatre types de « générateurs de jeux par IA »&quot;"></a></h2>
<p>La plupart des listes des « meilleurs créateurs de jeux par IA » mélangent ces catégories, ce qui les rend difficiles à comprendre. Il en existe en réalité quatre :</p>
<ol>
<li><strong>Les créateurs de jeux à partir d’un prompt</strong> produisent un jeu jouable depuis une description. Rosebud, Gameer, Astrocade, Nilo et Cinevva appartiennent à cette catégorie.</li>
<li><strong>Les agents IA intégrés à un moteur</strong> ajoutent un assistant IA à un moteur existant. C’est le cas de GDevelop AI, Buildbox 4 et Unity AI.</li>
<li><strong>Les outils de développement généralistes</strong> comme Replit peuvent créer un jeu parce qu’ils savent créer n’importe quelle application web, mais ils ne sont pas conçus spécifiquement pour les jeux.</li>
<li><strong>Les outils d’idéation et de création de ressources</strong> comme Ludo.ai vous aident à planifier votre jeu et à générer des ressources, mais ne produisent pas le jeu final.</li>
</ol>
<p>Savoir quelle catégorie vous recherchez permet de réduire rapidement le nombre d’options.</p>
<h2 id="nos-choix-rapides" tabindex="-1">Nos choix rapides <a class="header-anchor" href="#nos-choix-rapides" aria-label="Permalink to &quot;Nos choix rapides&quot;"></a></h2>
<ul>
<li><strong>Résultat jouable le plus rapide dans un navigateur :</strong> Rosebud ou Cinevva.</li>
<li><strong>Vous voulez posséder le code et publier sur Steam :</strong> Summer Engine.</li>
<li><strong>Fiction interactive et romans visuels :</strong> Gameer.</li>
<li><strong>Solution gratuite, open source et avec hébergement web :</strong> GDevelop AI.</li>
<li><strong>Jeu 3D créé à partir d’un prompt et immédiatement partageable par lien :</strong> Cinevva ou Nilo.</li>
<li><strong>Vous utilisez déjà Unity ou développez pour le web :</strong> Unity AI ou Replit.</li>
</ul>
<h2 id="tableau-comparatif" tabindex="-1">Tableau comparatif <a class="header-anchor" href="#tableau-comparatif" aria-label="Permalink to &quot;Tableau comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Produit</th>
<th>2D / 3D</th>
<th>Propriété du code ?</th>
<th>Partageable sur le web</th>
<th>Offre gratuite</th>
<th>Offre payante la moins chère</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/fr/engine.html"><strong>Cinevva</strong></a></td>
<td>Jeu jouable</td>
<td>2D + 3D (web)</td>
<td>✅ téléchargement</td>
<td>✅ lien</td>
<td>✅</td>
<td>voir les <a href="/fr/plans.html">offres</a></td>
</tr>
<tr>
<td><a href="https://rosebud.ai/" target="_blank" rel="noreferrer"><strong>Rosebud</strong></a></td>
<td>Jeu jouable</td>
<td>2D + 3D</td>
<td>Export JS</td>
<td>✅ lien</td>
<td>✅ ~20 prompts/sem.</td>
<td>~10 $/mois</td>
</tr>
<tr>
<td><a href="https://www.summerengine.com/" target="_blank" rel="noreferrer"><strong>Summer Engine</strong></a></td>
<td>Véritable projet de moteur</td>
<td>2D + 3D</td>
<td>✅ complète (Godot)</td>
<td>❌ versions natives</td>
<td>✅</td>
<td>20 $/mois</td>
</tr>
<tr>
<td><a href="https://www.gameer.io/" target="_blank" rel="noreferrer"><strong>Gameer</strong></a></td>
<td>Histoire interactive</td>
<td>2D</td>
<td>❌ dépend du moteur</td>
<td>✅ lien</td>
<td>✅</td>
<td>1,99 $/mois</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/" target="_blank" rel="noreferrer"><strong>GDevelop AI</strong></a></td>
<td>Projet de moteur</td>
<td>2D + 3D</td>
<td>✅ open source</td>
<td>✅ gd.games</td>
<td>✅ ~40 crédits/mois</td>
<td>~5,49 $/mois</td>
</tr>
<tr>
<td><a href="https://replit.com/" target="_blank" rel="noreferrer"><strong>Replit</strong></a></td>
<td>Application/jeu web</td>
<td>2D (3D possible)</td>
<td>✅ export du code</td>
<td>✅ URL</td>
<td>✅</td>
<td>25 $/mois</td>
</tr>
<tr>
<td><a href="https://unity.com/" target="_blank" rel="noreferrer"><strong>Unity AI</strong></a></td>
<td>Projet Unity</td>
<td>2D + 3D</td>
<td>✅ votre projet</td>
<td>Export WebGL</td>
<td>essai</td>
<td>10 $/mois</td>
</tr>
<tr>
<td><a href="https://www.buildbox.com/" target="_blank" rel="noreferrer"><strong>Buildbox 4</strong></a></td>
<td>Jeu sans code</td>
<td>2D + 3D</td>
<td>❌ dépend du moteur</td>
<td>Export HTML5</td>
<td>✅</td>
<td>~48,99 $/an</td>
</tr>
<tr>
<td><a href="https://www.astrocade.com/" target="_blank" rel="noreferrer"><strong>Astrocade</strong></a></td>
<td>Jeu social</td>
<td>2D (3D annoncée)</td>
<td>❌ verrouillé</td>
<td>✅ lien</td>
<td>✅</td>
<td>n.d. (sur demande)</td>
</tr>
<tr>
<td><a href="https://nilo.io/" target="_blank" rel="noreferrer"><strong>Nilo</strong></a></td>
<td>Monde/ressources 3D</td>
<td>3D</td>
<td>Export FBX/glTF</td>
<td>✅ lien + Roblox</td>
<td>✅ bêta</td>
<td>pas encore disponible</td>
</tr>
</tbody>
</table>
<p>Les prix sont approximatifs et changent souvent : vérifiez-les au moment du paiement. Les offres gratuites limitent généralement les droits d’utilisation commerciale. Consultez donc les conditions avant de publier un jeu que vous comptez vendre.</p>
<h2 id="outil-par-outil" tabindex="-1">Outil par outil <a class="header-anchor" href="#outil-par-outil" aria-label="Permalink to &quot;Outil par outil&quot;"></a></h2>
<h3 id="rosebud-ai" tabindex="-1">Rosebud AI <a class="header-anchor" href="#rosebud-ai" aria-label="Permalink to &quot;Rosebud AI&quot;"></a></h3>
<p>Rosebud transforme des prompts en jeux jouables dans un navigateur. Il excelle surtout en 2D, tandis que sa prise en charge de la 3D et des voxels continue de progresser. En coulisses, il génère du JavaScript (Three.js pour la 3D et Phaser pour la 2D), de sorte que le résultat est en principe portable. Vous améliorez le jeu en discutant avec son assistant, qui génère pour vous des sprites et des PNJ, puis vous le publiez sur une URL Rosebud partageable. L’offre gratuite fournit quelques prompts par semaine, sans droits d’utilisation commerciale ; les offres payantes autorisent l’usage commercial. C’est un excellent choix pour les débutants, les enseignants et les participants à des game jams qui cherchent le moyen le plus rapide d’obtenir un lien vers un jeu 2D.</p>
<h3 id="summer-engine" tabindex="-1">Summer Engine <a class="header-anchor" href="#summer-engine" aria-label="Permalink to &quot;Summer Engine&quot;"></a></h3>
<p>Summer est le meilleur choix si vous voulez publier et vendre un véritable jeu tout en restant propriétaire de l’ensemble du projet. Il s’agit d’un moteur de bureau natif pour l’IA, présenté comme une alternative directe à Godot 4. Votre projet utilise donc des fichiers Godot standards (GDScript ou C#), sans dépendance propriétaire. Vous décrivez les scènes et la logique dans une conversation, l’outil génère le code et les ressources, puis vous exportez vers Windows, macOS, Linux, les appareils mobiles, le web et Steam, tout en conservant l’intégralité de vos revenus. La contrepartie par rapport aux outils accessibles dans le navigateur : c’est une application de bureau destinée à publier des jeux sur les boutiques, et non à produire instantanément un lien public. Il convient aussi de noter que Summer publie de nombreux comparatifs des « meilleurs créateurs de jeux par IA » qui classent Summer en première position : gardez-le à l’esprit lorsque vous les consultez.</p>
<h3 id="gameer" tabindex="-1">Gameer <a class="header-anchor" href="#gameer" aria-label="Permalink to &quot;Gameer&quot;"></a></h3>
<p>Gameer crée en quelques minutes, à partir d’un simple prompt textuel et sans code, des jeux narratifs interactifs cinématographiques et des romans visuels. Un système multi-agent prend en charge le récit, les visuels et les mécaniques. Vous obtenez immédiatement un lien partageable, mais le jeu reste dépendant de l’environnement d’exécution de Gameer. L’outil s’adresse aux auteurs, enseignants et spécialistes du marketing qui veulent créer des fictions à embranchements, et non des jeux d’action en temps réel ou en 3D.</p>
<h3 id="gdevelop-ai" tabindex="-1">GDevelop AI <a class="header-anchor" href="#gdevelop-ai" aria-label="Permalink to &quot;GDevelop AI&quot;"></a></h3>
<p>GDevelop est un moteur gratuit et open source auquel a été ajouté un agent IA intégré à l’éditeur. Vous lui demandez de créer des fonctionnalités ou des jeux entiers, et il écrit les événements et les comportements dans votre projet modifiable. Il prend en charge la 2D et de plus en plus la 3D, exporte vers le web, Android, iOS et les ordinateurs, et propose un hébergement public gratuit sur gd.games avec des liens de partage. L’IA fonctionne avec un quota mensuel de crédits, augmenté dans les offres payantes. C’est une excellente option gratuite et ouverte si une limite de crédits et quelques itérations ne vous dérangent pas.</p>
<h3 id="replit" tabindex="-1">Replit <a class="header-anchor" href="#replit" aria-label="Permalink to &quot;Replit&quot;"></a></h3>
<p>L’Agent de Replit est un outil généraliste de développement full-stack, et non un moteur de jeu. Il peut néanmoins créer un jeu web à partir d’une description et le déployer sur une URL publique. Il ne génère ni sprites, ni musique, ni effets sonores : vous devez donc fournir vos propres ressources, et l’outil est surtout adapté à la 2D. Il convient particulièrement aux personnes déjà à l’aise avec le pilotage d’un outil de programmation par IA et qui souhaitent obtenir un résultat jouable sur le web qu’elles contrôlent entièrement.</p>
<h3 id="unity-ai" tabindex="-1">Unity AI <a class="header-anchor" href="#unity-ai" aria-label="Permalink to &quot;Unity AI&quot;"></a></h3>
<p>Unity a remplacé son ancien produit Muse par Unity AI, disponible en bêta ouverte depuis mai 2026. Il s’agit d’un agent intégré à l’éditeur d’Unity 6 qui génère du code C#, des ressources temporaires et des scènes à l’aide de modèles d’IA de pointe. Vous restez dans votre propre projet Unity, conservez la propriété de votre jeu et pouvez notamment l’exporter vers WebGL. Cet outil s’adresse aux personnes qui travaillent déjà avec Unity et recherchent une assistance par IA, pas aux débutants qui veulent créer un jeu à partir d’une simple phrase.</p>
<h3 id="buildbox-4-astrocade-nilo" tabindex="-1">Buildbox 4, Astrocade, Nilo <a class="header-anchor" href="#buildbox-4-astrocade-nilo" aria-label="Permalink to &quot;Buildbox 4, Astrocade, Nilo&quot;"></a></h3>
<p><strong>Buildbox 4</strong> est un moteur sans code principalement destiné aux jeux mobiles hypercasual, auquel ont été ajoutées la génération de ressources et de nœuds par IA ; il exporte en HTML5, mais le projet reste dépendant du moteur. <strong>Astrocade</strong> est une plateforme sociale bien financée permettant de créer et partager instantanément des jeux. En pratique, ses résultats sont surtout en 2D malgré sa communication autour de la 3D, avec une forte dépendance à la plateforme et aucun export de code. <strong>Nilo</strong> est l’outil de création 3D par IA dans le navigateur qui se rapproche le plus de ce que nous développons. Il met fortement l’accent sur l’export vers Roblox et cible un public plus jeune ; il est actuellement proposé en bêta gratuite.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Posez-vous trois questions. Premièrement, avez-vous besoin de 3D, ou la 2D vous suffit-elle ? La plupart des outils sont plus performants en 2D, et générer de manière fiable de la 3D à partir d’un prompt reste un défi que peu parviennent à relever. Deuxièmement, devez-vous posséder et exporter le code, ou un lien hébergé vous suffit-il ? Summer, GDevelop, Unity AI et Cinevva vous permettent tous d’exporter votre projet (Cinevva vous permet de télécharger le jeu complet pour l’héberger où vous voulez) ; Rosebud, Gameer et Astrocade privilégient le lien instantanément partageable. Troisièmement, comptez-vous publier sur Steam et les boutiques d’applications, ou simplement partager un lien avec vos amis ? Les moteurs de bureau sont plus adaptés aux boutiques ; les outils accessibles dans le navigateur sont plus adaptés aux liens.</p>
<h2 id="la-place-de-cinevva" tabindex="-1">La place de Cinevva <a class="header-anchor" href="#la-place-de-cinevva" aria-label="Permalink to &quot;La place de Cinevva&quot;"></a></h2>
<p>Soyons francs. La partie la plus encombrée du marché est celle des jeux 2D créés dans le navigateur (Rosebud, Astrocade, Gameer, Replit). Cinevva occupe une position bien moins concurrentielle : piloté par conversation, il crée des jeux 2D comme de véritables jeux 3D, jouables dans un navigateur grâce à un véritable moteur basé sur Three.js, instantanément partageables par lien et exportables sous forme de jeux complets que vous pouvez télécharger et héberger où vous voulez. Il intègre aussi la génération de modèles 3D à partir de texte, d’images, de musique et de skyboxes, ainsi que des bibliothèques de ressources CC0. Cet export du code est important, car plusieurs concurrents axés sur le partage instantané (Astrocade, Gameer) imposent leur environnement d’exécution à votre jeu. L’outil le plus proche de cette combinaison est Nilo, qui privilégie l’export de ressources 3D vers Roblox et cible un public plus jeune. Nous nous concentrons donc sur ce créneau : le jeu web auto-hébergeable que vous pouvez à la fois partager et télécharger.</p>
<p>Il faut toutefois reconnaître que la « véritable 3D à partir d’un prompt » est la promesse la plus difficile à tenir dans cette catégorie, et les évaluateurs ont raison de rester sceptiques. La meilleure façon d’évaluer n’importe lequel de ces outils, y compris le nôtre, consiste à créer quelque chose puis à partager le lien. Vous pouvez <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=ai_game_generators">créer gratuitement un jeu 3D à partir d’un prompt</a> pour voir le résultat, ou <a href="/fr/guides/vibe-coding-game-prompts.html">partir d’un prompt en un clic</a> si vous préférez ne pas rester face à un champ vide.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-generateur-de-jeux-par-ia-en-2026" tabindex="-1">Quel est le meilleur générateur de jeux par IA en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-generateur-de-jeux-par-ia-en-2026" aria-label="Permalink to &quot;Quel est le meilleur générateur de jeux par IA en 2026 ?&quot;"></a></h3>
<p>Il n’existe pas de meilleur outil universel, car chacun répond à des objectifs différents. Pour créer rapidement un jeu 2D dans un navigateur, Rosebud est excellent. Pour un jeu 3D dans un navigateur que vous pouvez partager instantanément, choisissez Cinevva ou Nilo. Pour un jeu dont vous êtes propriétaire et que vous pouvez publier sur Steam, choisissez Summer Engine. Pour une solution gratuite et open source, choisissez GDevelop AI. Faites votre choix selon vos besoins en 2D ou en 3D, la nécessité de posséder le code et votre objectif : partager un lien ou publier sur une boutique.</p>
<h3 id="l-ia-peut-elle-vraiment-creer-un-jeu-complet-a-partir-d-un-prompt" tabindex="-1">L’IA peut-elle vraiment créer un jeu complet à partir d’un prompt ? <a class="header-anchor" href="#l-ia-peut-elle-vraiment-creer-un-jeu-complet-a-partir-d-un-prompt" aria-label="Permalink to &quot;L’IA peut-elle vraiment créer un jeu complet à partir d’un prompt ?&quot;"></a></h3>
<p>Pour les jeux petits et casual, oui, surtout en 2D. L’IA gère les déplacements, les collisions, la physique et les graphismes de base, ce qui permet de passer d’une idée à un jeu jouable en quelques minutes. Les jeux plus ambitieux ou plus aboutis nécessitent encore des itérations et un véritable travail de conception humaine, et la 3D est plus difficile à maîtriser pour l’IA que la 2D. Considérez la première génération comme une base solide à améliorer, et non comme un produit fini.</p>
<h3 id="suis-je-proprietaire-des-jeux-que-je-cree-avec-un-generateur-de-jeux-par-ia" tabindex="-1">Suis-je propriétaire des jeux que je crée avec un générateur de jeux par IA ? <a class="header-anchor" href="#suis-je-proprietaire-des-jeux-que-je-cree-avec-un-generateur-de-jeux-par-ia" aria-label="Permalink to &quot;Suis-je propriétaire des jeux que je crée avec un générateur de jeux par IA ?&quot;"></a></h3>
<p>Cela dépend de l’outil. Les outils basés sur un moteur comme Summer, GDevelop et Unity AI vous fournissent un véritable projet dont vous êtes propriétaire et que vous pouvez exporter. Les plateformes hébergées qui créent des jeux à partir de prompts ont des politiques variables : certaines permettent d’exporter le code, d’autres rendent le jeu dépendant de leur environnement d’exécution, et beaucoup réservent les droits d’utilisation commerciale à une offre payante. Lisez toujours les conditions avant de vendre quoi que ce soit.</p>
<h3 id="peut-on-creer-gratuitement-des-jeux-generes-par-ia" tabindex="-1">Peut-on créer gratuitement des jeux générés par IA ? <a class="header-anchor" href="#peut-on-creer-gratuitement-des-jeux-generes-par-ia" aria-label="Permalink to &quot;Peut-on créer gratuitement des jeux générés par IA ?&quot;"></a></h3>
<p>La plupart des outils proposent une offre gratuite suffisante pour les essayer, mais ces offres limitent généralement le volume de génération et excluent souvent les droits d’utilisation commerciale. Attendez-vous à devoir payer lorsque vous voudrez publier commercialement, générer beaucoup de contenu ou exporter votre projet. Le tableau comparatif ci-dessus indique l’offre gratuite et l’offre payante la moins chère de chaque outil.</p>
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA (guide 2026)</a> — le processus complet sans code, étape par étape</li>
<li><a href="/fr/guides/3d-browser-game-without-coding.html">Comment créer un jeu 3D dans un navigateur sans programmer</a> — la méthode propre à la 3D</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : définition et prise en main</a> — le terme, le processus et les pièges</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">Prompts de jeux par IA utilisables en un clic</a> — des idées de départ à essayer</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — si vous préférez tout créer à la main</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Meilleurs modèles d’IA générative open source pour les jeux</a> — les modèles qui alimentent la génération de ressources par IA</li>
<li><a href="/fr/guides/ai-npcs-dialogue.html">PNJ et dialogues alimentés par l’IA dans les jeux</a> — l’IA à l’intérieur du jeu, et pas seulement pour le créer</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/ai-game-generators-2026-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs moteurs de jeu gratuits pour débutants (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/best-free-game-engines-beginners</link>
            <guid>https://app.cinevva.com/fr/guides/best-free-game-engines-beginners</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs moteurs de jeu gratuits pour débutants en 2026, des outils sans code comme GDevelop à Godot et Phaser, avec les points forts de chacun et des conseils pour choisir votre premier moteur.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-moteurs-de-jeu-gratuits-pour-debutants-2026" tabindex="-1">Meilleurs moteurs de jeu gratuits pour débutants (2026) <a class="header-anchor" href="#meilleurs-moteurs-de-jeu-gratuits-pour-debutants-2026" aria-label="Permalink to &quot;Meilleurs moteurs de jeu gratuits pour débutants (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Quand on débute, le meilleur moteur est celui qui permet d'obtenir le plus rapidement possible un jeu jouable, sans frais ni mur de code difficile à franchir. Bonne nouvelle : en 2026, les meilleures options pour débuter sont entièrement gratuites. Voici notre sélection, classée selon la quantité de code que vous souhaitez écrire, ainsi que la nouvelle approche consistant à « décrire son jeu à une IA ».</p>
<h2 id="selection-rapide-selon-votre-point-de-depart" tabindex="-1">Sélection rapide selon votre point de départ <a class="header-anchor" href="#selection-rapide-selon-votre-point-de-depart" aria-label="Permalink to &quot;Sélection rapide selon votre point de départ&quot;"></a></h2>
<ul>
<li><strong>Aucun code, vous voulez créer un jeu aujourd'hui :</strong> GDevelop ou un outil d'IA qui transforme un prompt en jeu.</li>
<li><strong>Un peu de code, vous voulez apprendre sérieusement :</strong> Godot.</li>
<li><strong>Vous connaissez un peu JavaScript :</strong> Phaser.</li>
<li><strong>Du scripting visuel dans un éditeur soigné :</strong> Construct (offre gratuite) ou GDevelop.</li>
</ul>
<h2 id="les-meilleurs-moteurs-gratuits" tabindex="-1">Les meilleurs moteurs gratuits <a class="header-anchor" href="#les-meilleurs-moteurs-gratuits" aria-label="Permalink to &quot;Les meilleurs moteurs gratuits&quot;"></a></h2>
<h3 id="gdevelop" tabindex="-1">GDevelop <a class="header-anchor" href="#gdevelop" aria-label="Permalink to &quot;GDevelop&quot;"></a></h3>
<p>Gratuit et open source, GDevelop fonctionne dans votre navigateur ou sous forme d'application de bureau. Vous créez la logique avec des feuilles d'événements visuelles plutôt qu'avec du code. Il prend en charge la 2D et, de plus en plus, la 3D, exporte vers le Web, les appareils mobiles et les ordinateurs, et propose un hébergement gratuit sur gd.games avec un lien de partage. Il a même ajouté un agent d'IA capable de créer des fonctionnalités à partir de prompts. C'est le meilleur point de départ sans code pour la plupart des débutants, sans frais pour publier son jeu.</p>
<h3 id="godot" tabindex="-1">Godot <a class="header-anchor" href="#godot" aria-label="Permalink to &quot;Godot&quot;"></a></h3>
<p>Gratuit et open source sous licence MIT, sans frais ni plafond de revenus, quelle que soit votre réussite. Godot prend en charge la 2D comme la 3D, dispose d'un langage de script accessible (GDScript) et offre une immense bibliothèque de tutoriels gratuits. La version actuelle est la 4.7 (juin 2026). C'est le meilleur choix si vous souhaitez apprendre la véritable programmation de jeux sans vous soucier des licences. Il vous accompagnera de votre premier projet jusqu'à la publication d'un jeu complet. À noter : les projets C# ne peuvent pas être exportés vers le Web. Utilisez donc GDScript si vous ciblez les navigateurs.</p>
<h3 id="phaser" tabindex="-1">Phaser <a class="header-anchor" href="#phaser" aria-label="Permalink to &quot;Phaser&quot;"></a></h3>
<p>Gratuit sous licence MIT, Phaser est le framework de jeux HTML5 le plus populaire. Il bénéficie de la plus grande communauté et du plus grand nombre de tutoriels pour les jeux Web en 2D. La version 4 est sortie en 2026. Il privilégie le code (JavaScript ou TypeScript) et convient donc aux débutants qui connaissent déjà un peu le développement Web et souhaitent apprendre en écrivant du code plutôt qu'en utilisant un éditeur visuel.</p>
<h3 id="construct-offre-gratuite" tabindex="-1">Construct (offre gratuite) <a class="header-anchor" href="#construct-offre-gratuite" aria-label="Permalink to &quot;Construct (offre gratuite)&quot;"></a></h3>
<p>Construct est un moteur visuel fondé sur des feuilles d'événements, qui fonctionne dans le navigateur sans nécessiter de code. Son offre gratuite permet de créer et de publier des jeux 2D sur le Web, avec certaines limites — notamment sur le nombre d'événements et de calques — que vous finirez par atteindre à mesure que vos projets grandiront. C'est un excellent choix pour les grands débutants qui recherchent un éditeur soigné et guidé. Un abonnement ne devient nécessaire que lorsque vous passez à des projets plus ambitieux.</p>
<h3 id="l-approche-par-ia-et-sans-code" tabindex="-1">L'approche par IA et sans code <a class="header-anchor" href="#l-approche-par-ia-et-sans-code" aria-label="Permalink to &quot;L'approche par IA et sans code&quot;"></a></h3>
<p>Une option plus récente consiste à décrire un jeu à un outil d'IA qui transforme les prompts en jeux, puis à l'améliorer en discutant avec l'IA, sans installer de moteur. C'est le moyen le plus rapide de passer d'une idée à un jeu jouable et partageable, en particulier pour la 3D, domaine dans lequel les outils sans code classiques sont moins performants. Consultez notre guide pour <a href="/fr/guides/make-a-game-with-ai.html">créer un jeu avec l'IA</a> et notre <a href="/fr/guides/ai-game-generators-2026.html">comparatif des générateurs de jeux par IA</a>.</p>
<h2 id="comparatif" tabindex="-1">Comparatif <a class="header-anchor" href="#comparatif" aria-label="Permalink to &quot;Comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Moteur</th>
<th>Code nécessaire</th>
<th>2D / 3D</th>
<th>Fonctionne dans le navigateur</th>
<th>Publication Web</th>
<th>Coût</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>GDevelop</strong></td>
<td>Aucun (visuel)</td>
<td>2D + 3D</td>
<td>Oui</td>
<td>gd.games</td>
<td>Gratuit</td>
</tr>
<tr>
<td><strong>Godot</strong></td>
<td>Léger (GDScript)</td>
<td>2D + 3D</td>
<td>Ordinateur</td>
<td>Exportation</td>
<td>Gratuit (MIT)</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>Oui (JS/TS)</td>
<td>2D</td>
<td>Oui</td>
<td>Votre propre hébergement</td>
<td>Gratuit (MIT)</td>
</tr>
<tr>
<td><strong>Construct</strong></td>
<td>Aucun (visuel)</td>
<td>2D</td>
<td>Oui</td>
<td>Offre gratuite</td>
<td>Offre gratuite ; payant pour évoluer</td>
</tr>
<tr>
<td><strong>IA transformant les prompts en jeux</strong></td>
<td>Aucun (il suffit de décrire)</td>
<td>2D + 3D</td>
<td>Oui</td>
<td>Lien instantané</td>
<td>Gratuit pour commencer</td>
</tr>
</tbody>
</table>
<h2 id="comment-choisir-votre-premier-moteur" tabindex="-1">Comment choisir votre premier moteur <a class="header-anchor" href="#comment-choisir-votre-premier-moteur" aria-label="Permalink to &quot;Comment choisir votre premier moteur&quot;"></a></h2>
<p>Ne réfléchissez pas trop. Choisissez votre moteur selon la quantité de code que vous souhaitez écrire et commencez par un petit projet. Si l'idée de coder vous rebute, débutez avec GDevelop et publiez un tout petit jeu cette semaine. Si vous voulez apprendre la programmation en parallèle de la conception, commencez avec Godot et suivez l'un de ses nombreux tutoriels pour débutants. Si vous connaissez déjà JavaScript, Phaser vous semblera naturel. Et si vous voulez simplement rendre votre idée jouable aussi rapidement que possible, essayez l'approche par IA, puis passez à un moteur basé sur le code ou à un moteur visuel quand vos projets prendront de l'ampleur. La plus grande erreur des débutants consiste à choisir un lourd moteur professionnel, à se sentir dépassés, puis à abandonner. Terminer un petit jeu avec un moteur simple vous apprendra davantage qu'abandonner un grand projet.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-moteur-de-jeu-gratuit-le-plus-facile-pour-les-debutants" tabindex="-1">Quel est le moteur de jeu gratuit le plus facile pour les débutants ? <a class="header-anchor" href="#quel-est-le-moteur-de-jeu-gratuit-le-plus-facile-pour-les-debutants" aria-label="Permalink to &quot;Quel est le moteur de jeu gratuit le plus facile pour les débutants ?&quot;"></a></h3>
<p>GDevelop est le point de départ gratuit le plus facile : il ne nécessite pas de code grâce à ses feuilles d'événements visuelles, fonctionne dans le navigateur et permet de publier gratuitement sur le Web. Construct est tout aussi accessible aux débutants avec son offre gratuite. Si vous ne voulez absolument rien configurer, un outil d'IA transformant les prompts en jeux peut créer un jeu jouable à partir d'une simple description.</p>
<h3 id="godot-convient-il-aux-debutants" tabindex="-1">Godot convient-il aux débutants ? <a class="header-anchor" href="#godot-convient-il-aux-debutants" aria-label="Permalink to &quot;Godot convient-il aux débutants ?&quot;"></a></h3>
<p>Oui. Godot est gratuit, open source et dispose d'un langage de script accessible aux débutants (GDScript), ainsi que d'une vaste bibliothèque de tutoriels gratuits. C'est le meilleur choix gratuit pour apprendre la véritable programmation de jeux, en 2D comme en 3D. Notez simplement que les projets C# ne peuvent pas être exportés vers le Web. Restez donc sur GDScript si vous ciblez les navigateurs.</p>
<h3 id="dois-je-savoir-coder-pour-creer-un-jeu" tabindex="-1">Dois-je savoir coder pour créer un jeu ? <a class="header-anchor" href="#dois-je-savoir-coder-pour-creer-un-jeu" aria-label="Permalink to &quot;Dois-je savoir coder pour créer un jeu ?&quot;"></a></h3>
<p>Non. Les moteurs sans code comme GDevelop et Construct permettent de créer des jeux à l'aide d'une logique visuelle, tandis que les outils d'IA transformant les prompts en jeux peuvent générer un jeu à partir d'une description en langage naturel. Savoir coder offre davantage de contrôle et mérite d'être appris à terme, mais vous pouvez créer et publier un véritable jeu dès aujourd'hui sans écrire de code.</p>
<h3 id="quel-moteur-gratuit-devrais-je-apprendre-en-2026" tabindex="-1">Quel moteur gratuit devrais-je apprendre en 2026 ? <a class="header-anchor" href="#quel-moteur-gratuit-devrais-je-apprendre-en-2026" aria-label="Permalink to &quot;Quel moteur gratuit devrais-je apprendre en 2026 ?&quot;"></a></h3>
<p>Choisissez selon la quantité de code que vous souhaitez écrire : GDevelop ou un outil d'IA pour une approche sans code, Godot pour apprendre la programmation, ou Phaser si vous connaissez JavaScript. Tous permettent de publier gratuitement des jeux commerciaux. Commencez par celui qui vous paraît le plus accessible, terminez un petit jeu, puis progressez à partir de là.</p>
<BuildCta
  title="Créez votre premier jeu avant même d'installer quoi que ce soit"
  desc="Le moyen le plus rapide de découvrir si la création de jeux est faite pour vous."
  prompt="Crée un parcours d'obstacles 3D simple avec des points de contrôle et une ligne d'arrivée" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">100 idées de prompts de jeux par IA à créer en un clic</a> — trouvez une idée et rendez-la jouable en une minute environ</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux Web pour 2026</a> — un panorama complet pour accompagner votre progression</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeux 2D pour 2026</a> — si votre premier jeu est en 2D</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l'IA (sans coder)</a> — l'approche sans code par IA</li>
<li><a href="/fr/guides/3d-browser-game-without-coding.html">Comment créer un jeu 3D pour navigateur sans coder</a> — la 3D pour les débutants</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — publiez votre premier jeu</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/best-free-game-engines-beginners-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs sites de modèles 3D gratuits pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/free-3d-model-sites</link>
            <guid>https://app.cinevva.com/fr/guides/free-3d-model-sites</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs sites de modèles 3D gratuits pour les jeux en 2026, des sources CC0 comme Kenney, Quaternius et Poly Haven à Sketchfab et aux successeurs de Google Poly, avec une explication des licences.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-sites-de-modeles-3d-gratuits-pour-les-jeux-2026" tabindex="-1">Meilleurs sites de modèles 3D gratuits pour les jeux (2026) <a class="header-anchor" href="#meilleurs-sites-de-modeles-3d-gratuits-pour-les-jeux-2026" aria-label="Permalink to &quot;Meilleurs sites de modèles 3D gratuits pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Vous n'avez pas besoin de tout modéliser vous-même ni de tout payer. Il existe une immense réserve de modèles 3D gratuits et prêts pour les jeux, dont les meilleurs sont sous licence CC0, ce qui signifie que vous pouvez les utiliser à des fins commerciales sans attribution. Voici les sites à ajouter à vos favoris en 2026, classés selon leur usage concret, avec des informations claires sur les licences.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pC937t3NlOA" title="Des milliers de modèles 3D GRATUITS pour les jeux (ressources CC0 de Quaternius)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Présentation de milliers de modèles 3D gratuits et CC0 pour les jeux, créés par Quaternius.</div>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleure source</th>
<th>Licence</th>
<th>Attribution</th>
</tr>
</thead>
<tbody>
<tr>
<td>Accessoires prêts pour les jeux dans un style cohérent</td>
<td>Kenney</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Personnages low poly stylisés</td>
<td>Quaternius, KayKit</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Accessoires, textures et HDRI photoréalistes</td>
<td>Poly Haven</td>
<td>CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Plus grande variété et modèles complexes</td>
<td>Sketchfab</td>
<td>Variable, à filtrer par modèle</td>
<td>Dépend du modèle</td>
</tr>
<tr>
<td>Archives de Google Poly et accessoires stylisés rapides à intégrer</td>
<td>Poly Pizza, Icosa Gallery</td>
<td>Principalement CC-BY</td>
<td>Créditer le créateur</td>
</tr>
<tr>
<td>Scans gratuits de qualité AAA</td>
<td>Fab (pack de démarrage Megascans)</td>
<td>Fab Standard, certains en CC</td>
<td>Aucune, vérifier la fiche</td>
</tr>
<tr>
<td>Immense bibliothèque axée sur Blender</td>
<td>Offre gratuite de BlenderKit</td>
<td>Libre de droits et CC0</td>
<td>Aucune</td>
</tr>
<tr>
<td>Créations communautaires adaptées à l'open source</td>
<td>OpenGameArt</td>
<td>CC0, CC-BY, OGA-BY, GPL</td>
<td>Dépend de la ressource</td>
</tr>
<tr>
<td>Ressources gratuites de places de marché</td>
<td>CGTrader, TurboSquid</td>
<td>Libre de droits</td>
<td>Aucune</td>
</tr>
<tr>
<td>Scans de musées et de l'espace</td>
<td>Smithsonian, NASA</td>
<td>CC0 / œuvre du gouvernement américain</td>
<td>Aucune</td>
</tr>
</tbody>
</table>
<h2 id="choix-rapides" tabindex="-1">Choix rapides <a class="header-anchor" href="#choix-rapides" aria-label="Permalink to &quot;Choix rapides&quot;"></a></h2>
<ul>
<li><strong>Prêt pour les jeux, style cohérent et aucune complication :</strong> Kenney, Quaternius, KayKit (tous en CC0).</li>
<li><strong>Modèles, textures et HDRI photoréalistes :</strong> Poly Haven (CC0).</li>
<li><strong>Plus grande variété et modèles complexes :</strong> Sketchfab (licences variables, vérifiez chaque modèle).</li>
<li><strong>Low poly et archives de Google Poly :</strong> Poly Pizza, Icosa Gallery (principalement CC-BY).</li>
<li><strong>Accessoires insolites introuvables ailleurs :</strong> Smithsonian Open Access et NASA 3D Resources.</li>
</ul>
<h2 id="les-incontournables-en-cc0-sans-attribution-utilisables-commercialement" tabindex="-1">Les incontournables en CC0 (sans attribution, utilisables commercialement) <a class="header-anchor" href="#les-incontournables-en-cc0-sans-attribution-utilisables-commercialement" aria-label="Permalink to &quot;Les incontournables en CC0 (sans attribution, utilisables commercialement)&quot;"></a></h2>
<h3 id="kenney" tabindex="-1">Kenney <a class="header-anchor" href="#kenney" aria-label="Permalink to &quot;Kenney&quot;"></a></h3>
<p>Le meilleur point de départ. Kenney propose des dizaines de milliers de ressources prêtes pour les jeux, toutes en CC0, comprenant des modèles 3D, des sprites, des interfaces et des sons, dans des styles graphiques cohérents que vous pouvez combiner. Tout est optimisé pour les jeux, avec des atlas de textures partagés et un nombre de polygones raisonnable. Si vous voulez rapidement obtenir un rendu cohérent, commencez ici.</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-3d.jpg" alt="Exemples de modèles 3D CC0 de Kenney : voiture de course, vaisseau spatial, tour de siège, maison, bateau pirate, moulin à vent, OVNI et camion de pompiers" loading="lazy"></a>
<figcaption>Huit accessoires de Kenney, tous en CC0. <a href="/fr/assets?providers=kenney">Parcourez l'ensemble de la collection Kenney dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 270 packs et des dizaines de milliers de ressources individuelles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLB/GLTF, OBJ et FBX pour la 3D, ainsi que PNG et WAV</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, un ZIP gratuit par pack, sans compte</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Prototyper rapidement et publier un jeu au style cohérent</td>
</tr>
</tbody>
</table>
<h3 id="quaternius" tabindex="-1">Quaternius <a class="header-anchor" href="#quaternius" aria-label="Permalink to &quot;Quaternius&quot;"></a></h3>
<p>Des modèles 3D low poly mignons et stylisés, tous en CC0, organisés en packs thématiques (personnages, environnements, véhicules, monstres), ainsi qu'une bibliothèque universelle d'animations compatible avec tous les packs de personnages. Parfait pour les jeux indépendants recherchant une esthétique low poly pleine de charme.</p>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-quaternius.jpg" alt="Exemples de modèles low poly CC0 de Quaternius : monstres, capitaine pirate, mécha, mage, vaisseau spatial, shiba inu et chevalier" loading="lazy"></a>
<figcaption>Personnages et vaisseaux de Quaternius, tous en CC0 et pour la plupart animés. <a href="/fr/assets">Recherchez-les dans la bibliothèque de ressources gratuites</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://quaternius.com" target="_blank" rel="noreferrer">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Près de 80 packs thématiques et plus de 1 100 modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF/GLB, FBX</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, un ZIP gratuit par pack</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Des personnages et créatures low poly avec des animations assorties</td>
</tr>
</tbody>
</table>
<h3 id="kaykit-par-kay-lousberg" tabindex="-1">KayKit par Kay Lousberg <a class="header-anchor" href="#kaykit-par-kay-lousberg" aria-label="Permalink to &quot;KayKit par Kay Lousberg&quot;"></a></h3>
<p>KayKit est la gamme de packs de ressources low poly de Kay Lousberg. Elle comble l'espace entre Kenney et Quaternius avec des kits de donjons, des packs de personnages (aventuriers, squelettes), des terrains hexagonaux et des dizaines de packs thématiques d'accessoires « Bits ». La plupart des packs sont gratuits et en CC0, avec un lot complet payant si vous souhaitez tout obtenir d'un coup. Les packs de personnages comprennent des animations et disposent de squelettes bien conçus.</p>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-kaykit.jpg" alt="Exemples de modèles CC0 de KayKit : coffre au trésor, mage squelette, chevalier, tour hexagonale, mage, château d'eau, tonneau et citrouille-lanterne" loading="lazy"></a>
<figcaption>Les packs de donjons et de personnages de KayKit, en CC0. <a href="/fr/assets">Recherchez KayKit dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-kaylousberg.jpg" alt="Exemples d'accessoires CC0 d'intérieur et de parc par Kay Lousberg : réfrigérateur, gâteau d'anniversaire, cactus, arbre, banc public, baignoire, fontaine et pain" loading="lazy"></a>
<figcaption>Les packs Bits d'objets domestiques et de parc de Kay Lousberg, en CC0. <a href="/fr/assets">Retrouvez-les dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kaylousberg.itch.io" target="_blank" rel="noreferrer">kaylousberg.itch.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 pour les packs gratuits, aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Environ 25 packs, gratuits pour la plupart</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF, FBX, OBJ</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, via itch.io (prix libre à partir de 0 $)</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les jeux d'exploration de donjons, les accessoires de RPG et les personnages fantastiques animés</td>
</tr>
</tbody>
</table>
<h3 id="poly-haven" tabindex="-1">Poly Haven <a class="header-anchor" href="#poly-haven" aria-label="Permalink to &quot;Poly Haven&quot;"></a></h3>
<p>Des modèles 3D photoréalistes, des textures PBR et des HDRI, tous en CC0, disponibles dans plusieurs résolutions et avec une API sans clé pour les téléchargements directs. Plus de 2 000 ressources, dont plus de 500 modèles, et la collection continue de s'agrandir. Idéal pour les accessoires réalistes, les environnements et l'éclairage. Les HDRI justifient à elles seules l'ajout aux favoris : elles embellissent n'importe quelle scène en un clic.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://polyhaven.com" target="_blank" rel="noreferrer">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 000 (modèles, textures PBR et HDRI)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF, Blend, FBX, résolutions de 1K à 16K</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui, publique et sans clé</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les accessoires réalistes, les matériaux et l'éclairage basé sur l'image</td>
</tr>
</tbody>
</table>
<h3 id="polygonalmind" tabindex="-1">PolygonalMind <a class="header-anchor" href="#polygonalmind" aria-label="Permalink to &quot;PolygonalMind&quot;"></a></h3>
<p>Un studio qui publie une partie de son travail en open source. Le projet 100 Avatars a publié plus de 200 personnages low poly en CC0 au cours de deux séries complètes, une troisième étant en préparation. Chacun possède un squelette et est prêt pour les jeux ou la réalité virtuelle. Le studio propose également des packs thématiques d'accessoires CC0 sur Sketchfab et GitHub. Une excellente source de personnages stylisés et variés lorsque vous devez créer une foule.</p>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-polygonalmind.jpg" alt="Exemples d'avatars CC0 du projet 100 Avatars de PolygonalMind : huit personnages stylisés avec squelette" loading="lazy"></a>
<figcaption>Huit des plus de 200 avatars CC0 avec squelette de 100 Avatars. <a href="/fr/assets">Parcourez les avatars dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://github.com/PolygonalMind" target="_blank" rel="noreferrer">github.com/PolygonalMind</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 pour les publications open source</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 200 avatars ainsi que des packs thématiques d'accessoires</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, VRM, GLB (selon le pack)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, via les versions GitHub et Sketchfab</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>De grandes quantités de personnages stylisés avec squelette</td>
</tr>
</tbody>
</table>
<h2 id="les-grandes-bibliotheques-licences-variables-a-verifier-individuellement" tabindex="-1">Les grandes bibliothèques (licences variables, à vérifier individuellement) <a class="header-anchor" href="#les-grandes-bibliotheques-licences-variables-a-verifier-individuellement" aria-label="Permalink to &quot;Les grandes bibliothèques (licences variables, à vérifier individuellement)&quot;"></a></h2>
<h3 id="sketchfab" tabindex="-1">Sketchfab <a class="header-anchor" href="#sketchfab" aria-label="Permalink to &quot;Sketchfab&quot;"></a></h3>
<p>La plus grande bibliothèque de modèles 3D, avec des millions de modèles et un aperçu 3D avant le téléchargement. Les licences varient selon le modèle : filtrez donc les modèles téléchargeables, puis sélectionnez CC0 ou CC-BY. Mise en garde pour 2026 : la boutique payante de Sketchfab a fermé et migré vers Fab d'Epic, et seuls les contenus CC-BY et Fab Standard peuvent y être transférés. Les modèles CC0, CC-BY-SA, CC-BY-NC et CC-BY-ND restent sur Sketchfab. À la mi-2026, les téléchargements gratuits et l'API de téléchargement fonctionnent toujours. Considérez le site comme une source CC0 encore utile, mais en lent déclin : récupérez ce dont vous avez besoin plutôt que de supposer que tout restera toujours disponible.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://sketchfab.com" target="_blank" rel="noreferrer">sketchfab.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Variable selon le modèle (CC0, CC-BY, CC-BY-NC et autres)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des millions de modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF, FBX, OBJ, USDZ</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui, les API de téléchargement et de visualisation fonctionnent toujours en 2026</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Trouver le modèle précis qui n'existe nulle part ailleurs</td>
</tr>
</tbody>
</table>
<h3 id="poly-pizza-et-icosa-gallery" tabindex="-1">Poly Pizza et Icosa Gallery <a class="header-anchor" href="#poly-pizza-et-icosa-gallery" aria-label="Permalink to &quot;Poly Pizza et Icosa Gallery&quot;"></a></h3>
<p>Google Poly a fermé en 2021, mais son catalogue low poly existe toujours. Poly Pizza héberge plus de 10 600 modèles gratuits, dont la collection archivée « Poly by Google » (environ 2 294 modèles), ainsi que des milliers de nouvelles créations de la communauté. L'organisation à but non lucratif Icosa Gallery poursuit cette mission ouverte avec ses propres archives, une API et des liens avec les projets Open Brush et Open Blocks. Sur les deux sites, la plupart des modèles sont sous licence CC-BY (vous devez créditer le créateur), avec quelques modèles en CC0. Ils sont parfaits pour trouver rapidement des accessoires stylisés compatibles avec l'esthétique de Kenney et Quaternius.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://poly.pizza" target="_blank" rel="noreferrer">poly.pizza</a> et <a href="https://icosa.gallery" target="_blank" rel="noreferrer">icosa.gallery</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Principalement CC-BY, avec quelques modèles CC0, indiquée pour chaque modèle</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 10 600 sur Poly Pizza et des milliers d'autres sur Icosa</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLB/GLTF, OBJ</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, sans compte sur Poly Pizza</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Des accessoires low poly rapides à intégrer si une ligne de crédits ne vous dérange pas</td>
</tr>
</tbody>
</table>
<h3 id="fab-epic" tabindex="-1">Fab (Epic) <a class="header-anchor" href="#fab-epic" aria-label="Permalink to &quot;Fab (Epic)&quot;"></a></h3>
<p>La place de marché unifiée d'Epic, qui succède à l'Unreal Marketplace, à Quixel Megascans et à la boutique Sketchfab. Son principal intérêt pour les créateurs à la recherche de ressources est un pack de démarrage Megascans gratuit en permanence, comprenant plus de 1 500 scans, surfaces et décalcomanies utilisables dans n'importe quel moteur, ainsi qu'une sélection gratuite renouvelée toutes les deux semaines. Le catalogue Megascans complet, qui compte environ 17 000 ressources, est devenu payant à la fin de 2024. Vérifiez la licence de chaque fiche avant de publier votre jeu.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.fab.com" target="_blank" rel="noreferrer">fab.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Fab Standard (Personal/Professional) et certaines licences Creative Commons</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 1 500 ressources Megascans gratuites en permanence, ainsi que des offres gratuites toutes les deux semaines</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Unreal, Unity, glTF et autres</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, après une inscription gratuite</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les scans photoréalistes et les ressources gratuites proposées toutes les deux semaines</td>
</tr>
</tbody>
</table>
<h3 id="opengameart" tabindex="-1">OpenGameArt <a class="header-anchor" href="#opengameart" aria-label="Permalink to &quot;OpenGameArt&quot;"></a></h3>
<p>Le dépôt communautaire de créations destiné aux jeux open source et indépendants, actif depuis 2009. Il héberge des créations 2D et 3D, des sons et des textures sous un ensemble strict de licences ouvertes : tout ce qu'il contient peut donc être utilisé légalement si vous respectez la licence indiquée. La section 3D est plus petite et moins homogène que celle des sites spécialisés dans les modèles, mais elle recèle quelques pépites, et le filtre de licences facilite la recherche de ressources exclusivement CC0. Faites attention aux ressources sous licence GPL, qui peuvent imposer à votre projet des obligations de partage dans les mêmes conditions.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://opengameart.org" target="_blank" rel="noreferrer">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0, CC-BY, CC-BY-SA, OGA-BY ou GPL, selon la ressource</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de contributions communautaires en 2D, 3D et audio</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Variables (Blend, OBJ, FBX, GLTF)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, sans compte</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>La navigation filtrée par CC0 et les projets adaptés à l'open source</td>
</tr>
</tbody>
</table>
<h3 id="blenderkit" tabindex="-1">BlenderKit <a class="header-anchor" href="#blenderkit" aria-label="Permalink to &quot;BlenderKit&quot;"></a></h3>
<p>Une immense bibliothèque de ressources intégrée à un module complémentaire Blender, permettant d'ajouter directement des modèles, des matériaux et des HDRI à votre scène. L'offre gratuite est réellement vaste : plus de 17 000 modèles gratuits, 26 000 matériaux gratuits et 2 000 HDRI gratuits selon les derniers chiffres publics. BlenderKit utilise exactement deux licences, Libre de droits et CC0, et vous pouvez filtrer les résultats selon l'une ou l'autre. Ici, « Libre de droits » signifie que vous pouvez utiliser gratuitement la ressource à des fins commerciales dans votre jeu, mais pas revendre la ressource brute.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.blenderkit.com" target="_blank" rel="noreferrer">blenderkit.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits ou CC0, avec filtres</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 45 000 ressources gratuites (modèles, matériaux, HDRI et brosses)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Blend en natif, exportation en GLB/FBX depuis Blender</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui, via le module complémentaire Blender, compte gratuit requis</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Habiller les scènes et trouver des matériaux si Blender fait partie de votre chaîne de production</td>
</tr>
</tbody>
</table>
<h2 id="sections-gratuites-des-places-de-marche-libres-de-droits-lisez-les-details" tabindex="-1">Sections gratuites des places de marché (libres de droits, lisez les détails) <a class="header-anchor" href="#sections-gratuites-des-places-de-marche-libres-de-droits-lisez-les-details" aria-label="Permalink to &quot;Sections gratuites des places de marché (libres de droits, lisez les détails)&quot;"></a></h2>
<h3 id="turbosquid" tabindex="-1">TurboSquid <a class="header-anchor" href="#turbosquid" aria-label="Permalink to &quot;TurboSquid&quot;"></a></h3>
<p>La plus ancienne des grandes places de marché 3D, désormais détenue par Shutterstock, avec une section gratuite conséquente. Les modèles gratuits utilisent la même licence libre de droits TurboSquid que les modèles payants : les jeux pour consoles, PC, mobiles et VR sont explicitement autorisés, et vous pouvez utiliser un modèle dans un nombre illimité de projets, sans limite de durée. En revanche, vous ne pouvez pas redistribuer les fichiers bruts et les utilisateurs finaux ne doivent pas pouvoir les extraire. Évitez tout contenu portant la mention « Editorial Use », car ces modèles ne peuvent pas être publiés dans un jeu commercial.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.turbosquid.com/Search/3D-Models/free" target="_blank" rel="noreferrer">turbosquid.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence libre de droits TurboSquid, jeux autorisés</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Une vaste section gratuite au sein d'un catalogue de plusieurs millions de modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MAX, FBX, OBJ, Blend, GLTF (selon le modèle)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Après la création d'un compte gratuit</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les accessoires réalistes ponctuels, les véhicules et les modèles hard surface</td>
</tr>
</tbody>
</table>
<h3 id="cgtrader" tabindex="-1">CGTrader <a class="header-anchor" href="#cgtrader" aria-label="Permalink to &quot;CGTrader&quot;"></a></h3>
<p>La plus grande section gratuite de toutes les places de marché, avec plus de 150 000 modèles gratuits. La licence libre de droits autorise l’utilisation commerciale dans des jeux sans frais supplémentaires, avec la même restriction que TurboSquid : le modèle doit être intégré à votre jeu afin que les joueurs ne puissent pas en extraire le fichier, et vous ne pouvez pas le revendre séparément. La qualité varie beaucoup plus que sur les sites proposant une sélection éditoriale, alors vérifiez le nombre de polygones et les textures avant de faire votre choix.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.cgtrader.com/free-3d-models" target="_blank" rel="noreferrer">cgtrader.com/free-3d-models</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence libre de droits de CGTrader, utilisation commerciale autorisée</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 150 000 modèles gratuits</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, OBJ, Blend, GLTF, MAX (varient selon le modèle)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Après la création d’un compte gratuit</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Le choix immense lorsque les sites CC0 n’ont pas ce qu’il vous faut</td>
</tr>
</tbody>
</table>
<h2 id="scans-du-domaine-public-musees-et-espace" tabindex="-1">Scans du domaine public (musées et espace) <a class="header-anchor" href="#scans-du-domaine-public-musees-et-espace" aria-label="Permalink to &quot;Scans du domaine public (musées et espace)&quot;"></a></h2>
<h3 id="smithsonian-open-access-3d" tabindex="-1">Smithsonian Open Access 3D <a class="header-anchor" href="#smithsonian-open-access-3d" aria-label="Permalink to &quot;Smithsonian Open Access 3D&quot;"></a></h3>
<p>Le Smithsonian a publié des millions de pièces de ses collections sous licence CC0, dont plus de 2 000 scans 3D téléchargeables : fossiles de dinosaures, engins spatiaux, statues, instruments et objets historiques que vous ne trouverez nulle part ailleurs. Recherchez la mention CC0 sur la page du modèle. Ces scans reposent largement sur la photogrammétrie : prévoyez donc de réduire leur maillage dans Blender avant de les intégrer à un jeu sur navigateur.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://3d.si.edu" target="_blank" rel="noreferrer">3d.si.edu</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 pour les modèles signalés comme tels, à vérifier individuellement</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 000 scans 3D</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>OBJ, glTF/GLB</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, sans compte</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Des accessoires de qualité muséale, des fossiles et des éléments de décor historiques</td>
</tr>
</tbody>
</table>
<h3 id="nasa-3d-resources" tabindex="-1">NASA 3D Resources <a class="header-anchor" href="#nasa-3d-resources" aria-label="Permalink to &quot;NASA 3D Resources&quot;"></a></h3>
<p>La NASA publie des centaines de modèles d’engins spatiaux, de rovers, d’astéroïdes et de terrains planétaires, téléchargeables et utilisables gratuitement conformément à ses règles d’utilisation des médias (la plupart des contenus créés par la NASA ne sont pas protégés par le droit d’auteur ; ne laissez simplement pas entendre que la NASA cautionne votre jeu et n’utilisez pas son insigne). La qualité des maillages va de scans prêts pour l’impression à de véritables modèles d’ingénierie, et la collection est également répliquée sur GitHub.</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://science.nasa.gov/3d-resources/" target="_blank" rel="noreferrer">science.nasa.gov/3d-resources</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Utilisation gratuite selon les règles de la NASA relatives aux médias, sans suggérer son soutien</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des centaines de modèles et de textures</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLB, FBX, Blend, STL, 3DS et plus encore</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>Oui, sans compte</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Les jeux spatiaux qui veulent intégrer le véritable rover Curiosity</td>
</tr>
</tbody>
</table>
<h2 id="generer-des-modeles-avec-l-ia" tabindex="-1">Générer des modèles avec l’IA <a class="header-anchor" href="#generer-des-modeles-avec-l-ia" aria-label="Permalink to &quot;Générer des modèles avec l’IA&quot;"></a></h2>
<p>En 2026, générer un modèle peut être plus rapide que d’en chercher un. Des outils comme Meshy et Tripo transforment du texte ou une image en maillage 3D texturé, tandis que des modèles ouverts comme Hunyuan3D et TRELLIS.2 peuvent être auto-hébergés. La plupart des outils hébergés réservent les droits d’utilisation commerciale aux forfaits payants, alors vérifiez leurs conditions. Consultez notre guide des <a href="/fr/guides/ai-asset-generators-games.html">meilleurs générateurs de ressources par IA pour les jeux</a> pour une présentation complète. Cinevva intègre également un <a href="/fr/tools/hunyuan3d.html">générateur de modèles 3D</a> qui transforme une photo ou une instruction textuelle en modèle.</p>
<h2 id="preparer-les-modeles-pour-le-jeu" tabindex="-1">Préparer les modèles pour le jeu <a class="header-anchor" href="#preparer-les-modeles-pour-le-jeu" aria-label="Permalink to &quot;Préparer les modèles pour le jeu&quot;"></a></h2>
<p>Trouver le modèle ne représente que la moitié du travail. Voici comment vous assurer qu’il fonctionne réellement dans votre jeu.</p>
<p><strong>Privilégiez le GLB pour les jeux web.</strong> Le GLB est un fichier binaire unique qui intègre le maillage, les matériaux et les textures, et tous les moteurs web (Three.js, Babylon.js, PlayCanvas) le chargent nativement. Si un modèle n’est proposé qu’en FBX ou en OBJ, ouvrez-le dans Blender et exportez-le au format GLB : cela ne prend qu’une minute. Kenney, Quaternius, KayKit et Poly Haven proposent déjà leurs ressources en GLTF/GLB, ce qui explique en grande partie leur présence en tête de cette liste.</p>
<p><strong>Respectez votre budget de polygones.</strong> Les jeux sur navigateur s’exécutent sur toutes sortes d’appareils, y compris des téléphones vieux de trois ans. En règle générale, limitez les accessoires à quelques centaines ou quelques milliers de triangles, les personnages principaux à 10 000–30 000 triangles et chaque téléchargement à moins de 100 000 triangles. Les modèles provenant de places de marché ou de musées dépassent souvent largement ces limites. Vérifiez donc le nombre de triangles avant de vous emballer, ou prévoyez une passe de décimation dans Blender.</p>
<p><strong>Surveillez les appels de rendu, pas seulement les polygones.</strong> Cinquante accessoires distincts utilisant cinquante matériaux pénaliseront davantage les performances qu’un seul maillage dense. Les packs sélectionnés sont également utiles sur ce point : les ressources de Kenney et Quaternius partagent des atlas de textures, ce qui permet de rendre une scène entière avec seulement quelques appels de rendu.</p>
<p><strong>Vérifiez la licence avant de publier votre jeu, pas après.</strong> Enregistrez une capture d’écran ou un PDF de la page de licence pour chaque modèle non CC0 que vous utilisez, et tenez à jour une liste de crédits pour les ressources CC-BY. Rechercher l’origine d’un modèle un an plus tard est particulièrement pénible.</p>
<p><strong>Ou évitez de jongler entre les onglets.</strong> La <a href="/fr/assets.html">recherche de ressources</a> de Cinevva interroge Kenney, Quaternius, Poly Haven, Sketchfab et d’autres sources depuis un seul champ de recherche, avec les informations de licence sur chaque vignette et des filtres par source, comme <a href="/fr/assets.html?providers=kenney">Kenney uniquement</a> ou <a href="/fr/assets.html?providers=polyhaven">Poly Haven uniquement</a>. Et si vous téléchargez un personnage sans rig, l’<a href="/fr/tools/rigger.html">outil de rig automatique</a> gratuit rigge les modèles humanoïdes directement dans le navigateur.</p>
<h2 id="les-licences-en-30-secondes" tabindex="-1">Les licences en 30 secondes <a class="header-anchor" href="#les-licences-en-30-secondes" aria-label="Permalink to &quot;Les licences en 30 secondes&quot;"></a></h2>
<ul>
<li><strong>CC0 :</strong> domaine public. Utilisation commerciale et modifications autorisées, sans attribution. L’option la plus sûre.</li>
<li><strong>CC-BY :</strong> utilisation commerciale gratuite, mais vous devez créditer le créateur.</li>
<li><strong>Libre de droits :</strong> vous payez une fois (ou rien), puis utilisez la ressource sans frais à l’usage, mais vous ne pouvez pas revendre les fichiers bruts.</li>
<li><strong>CC-BY-NC / usage éditorial :</strong> aucune utilisation commerciale. À éviter pour les jeux que vous comptez vendre.</li>
</ul>
<p>En cas de doute, privilégiez le CC0. Pour une présentation complète, consultez notre <a href="/fr/guides/game-asset-licenses.html">guide des licences de ressources de jeu</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-trouver-des-modeles-3d-gratuits-pour-les-jeux" tabindex="-1">Où trouver des modèles 3D gratuits pour les jeux ? <a class="header-anchor" href="#ou-trouver-des-modeles-3d-gratuits-pour-les-jeux" aria-label="Permalink to &quot;Où trouver des modèles 3D gratuits pour les jeux ?&quot;"></a></h3>
<p>Kenney, Quaternius, KayKit et Poly Haven sont les meilleurs points de départ. Toutes leurs ressources sont sous licence CC0, ce qui vous permet de les utiliser commercialement sans attribution. Pour plus de variété, Sketchfab propose des millions de modèles sous différentes licences, Poly Pizza héberge le catalogue archivé de Google Poly et la section gratuite de CGTrader compte plus de 150 000 modèles. Vérifiez toujours la licence de chaque modèle avant de publier votre jeu.</p>
<h3 id="que-signifie-cc0-pour-les-modeles-3d" tabindex="-1">Que signifie CC0 pour les modèles 3D ? <a class="header-anchor" href="#que-signifie-cc0-pour-les-modeles-3d" aria-label="Permalink to &quot;Que signifie CC0 pour les modèles 3D ?&quot;"></a></h3>
<p>CC0 signifie que le modèle appartient au domaine public : vous pouvez l’utiliser dans des jeux commerciaux, le modifier et vous n’avez pas à créditer son créateur. C’est la licence la plus permissive et la moins risquée. Kenney, Quaternius, KayKit, Poly Haven et AmbientCG sont les principales sources de ressources de jeu sous licence CC0.</p>
<h3 id="peut-on-utiliser-des-modeles-3d-gratuits-dans-des-jeux-commerciaux" tabindex="-1">Peut-on utiliser des modèles 3D gratuits dans des jeux commerciaux ? <a class="header-anchor" href="#peut-on-utiliser-des-modeles-3d-gratuits-dans-des-jeux-commerciaux" aria-label="Permalink to &quot;Peut-on utiliser des modèles 3D gratuits dans des jeux commerciaux ?&quot;"></a></h3>
<p>La plupart du temps, oui, mais cela dépend de la licence. Les ressources CC0 peuvent toujours être utilisées sans risque. La licence CC-BY exige de créditer le créateur. Les modèles libres de droits provenant de places de marché peuvent être utilisés dans des jeux commerciaux, mais leurs fichiers bruts ne peuvent pas être redistribués. Les modèles CC-BY-NC et réservés à un usage éditorial ne peuvent pas être utilisés dans les jeux que vous vendez. Vérifiez donc la licence de chaque modèle et privilégiez le CC0 lorsque c’est possible.</p>
<h3 id="qu-est-devenu-google-poly" tabindex="-1">Qu’est devenu Google Poly ? <a class="header-anchor" href="#qu-est-devenu-google-poly" aria-label="Permalink to &quot;Qu’est devenu Google Poly ?&quot;"></a></h3>
<p>Google a fermé Poly le 30 juin 2021. Son catalogue a été archivé par la communauté avant la mise hors ligne du service et reste accessible à deux endroits : Poly Pizza héberge la collection « Poly by Google » aux côtés de milliers de publications plus récentes, tandis que l’organisation à but non lucratif Icosa Gallery poursuit la mission d’une plateforme ouverte. La plupart des modèles archivés sont sous licence CC-BY : créditez donc leur créateur d’origine.</p>
<h3 id="sketchfab-va-t-il-fermer" tabindex="-1">Sketchfab va-t-il fermer ? <a class="header-anchor" href="#sketchfab-va-t-il-fermer" aria-label="Permalink to &quot;Sketchfab va-t-il fermer ?&quot;"></a></h3>
<p>Le site n’est pas fermé, mais son activité de place de marché est progressivement arrêtée. Epic a fermé la boutique Sketchfab et transféré les ventes vers Fab, où seuls les contenus sous licence CC-BY et Fab Standard pouvaient être migrés. À la mi-2026, le site, les téléchargements gratuits et l’API de téléchargement fonctionnent toujours, et les modèles CC0 restent téléchargeables. Le plus prudent est de télécharger les ressources qui vous intéressent au lieu de supposer qu’elles resteront disponibles indéfiniment.</p>
<h3 id="quelle-est-la-meilleure-alternative-gratuite-a-turbosquid" tabindex="-1">Quelle est la meilleure alternative gratuite à TurboSquid ? <a class="header-anchor" href="#quelle-est-la-meilleure-alternative-gratuite-a-turbosquid" aria-label="Permalink to &quot;Quelle est la meilleure alternative gratuite à TurboSquid ?&quot;"></a></h3>
<p>Pour les ressources prêtes à intégrer dans un jeu, Kenney, Quaternius et KayKit surpassent les sections gratuites des places de marché, car tout y est sous licence CC0 et optimisé pour les moteurs de jeu. Pour les scans réalistes, Poly Haven et le pack de démarrage Megascans gratuit de Fab sont plus intéressants. Si vous recherchez spécifiquement la variété d’une place de marché, la section gratuite de CGTrader est plus vaste que celle de TurboSquid, avec plus de 150 000 modèles gratuits proposés sous une licence libre de droits similaire.</p>
<h3 id="combien-de-polygones-un-modele-destine-a-un-jeu-web-devrait-il-comporter" tabindex="-1">Combien de polygones un modèle destiné à un jeu web devrait-il comporter ? <a class="header-anchor" href="#combien-de-polygones-un-modele-destine-a-un-jeu-web-devrait-il-comporter" aria-label="Permalink to &quot;Combien de polygones un modèle destiné à un jeu web devrait-il comporter ?&quot;"></a></h3>
<p>Limitez les accessoires à quelques centaines ou quelques milliers de triangles, les personnages à 10 000–30 000 triangles, et évitez tout modèle individuel dépassant 100 000 triangles. Pour bien fonctionner sur des téléphones de milieu de gamme, une scène complète dans le navigateur devrait rester dans une fourchette de quelques centaines de milliers de triangles. Si un modèle est trop lourd, le modificateur Decimate de Blender permet généralement de diviser ce nombre par deux sans différence visible.</p>
<h3 id="puis-je-plutot-generer-des-modeles-3d-avec-l-ia" tabindex="-1">Puis-je plutôt générer des modèles 3D avec l’IA ? <a class="header-anchor" href="#puis-je-plutot-generer-des-modeles-3d-avec-l-ia" aria-label="Permalink to &quot;Puis-je plutôt générer des modèles 3D avec l’IA ?&quot;"></a></h3>
<p>Oui. Des outils comme Meshy et Tripo créent des maillages texturés à partir de textes ou d’images, tandis que des modèles ouverts comme Hunyuan3D et TRELLIS.2 peuvent être auto-hébergés. Les droits d’utilisation commerciale des outils hébergés nécessitent généralement un forfait payant, alors vérifiez leurs conditions. Générer une ressource par IA est de plus en plus souvent plus rapide que de chercher le bon modèle gratuit.</p>
<BuildCta
  title="Ne téléchargez plus rien. Laissez-nous placer les accessoires pour vous"
  desc="Cinevva comprend des milliers d’accessoires CC0 gratuits et les intègre dans un jeu pour vous."
  prompt="Crée une scène de camping low poly que je peux explorer de nuit avec une lampe torche" />
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — le guide complet de plus de 20 sources</li>
<li><a href="/fr/guides/sketchfab-polyhaven-kenney.html">Sketchfab, Poly Haven ou Kenney</a> — comparaison directe de trois sources incontournables</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Meilleurs générateurs de ressources par IA pour les jeux</a> — générez au lieu de chercher</li>
<li><a href="/fr/guides/game-asset-licenses.html">Les licences de ressources de jeu expliquées</a> — CC0, CC-BY et les autres</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musiques gratuits pour les jeux</a> — les ressources audio</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/free-3d-model-sites-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Effets sonores et musiques gratuits pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/free-sound-effects-music</link>
            <guid>https://app.cinevva.com/fr/guides/free-sound-effects-music</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Où trouver des effets sonores et des musiques gratuits pour les jeux en 2026, des sources CC0 comme Kenney et Freesound à Incompetech et Pixabay, avec une explication des licences et de l’attribution.]]></description>
            <content:encoded><![CDATA[<h1 id="effets-sonores-et-musiques-gratuits-pour-les-jeux-2026" tabindex="-1">Effets sonores et musiques gratuits pour les jeux (2026) <a class="header-anchor" href="#effets-sonores-et-musiques-gratuits-pour-les-jeux-2026" aria-label="Permalink to &quot;Effets sonores et musiques gratuits pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>L’audio représente la moitié des sensations procurées par un jeu, et vous n’avez pas besoin de budget pour en obtenir. Il existe d’excellentes sources gratuites d’effets sonores et de musiques, mais les licences varient énormément. Certains sites populaires sont réservés à un usage non commercial, ce qui peut discrètement compromettre un jeu que vous comptez vendre. Voici où chercher en 2026 et ce que vous pouvez distribuer précisément.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/eFSKkNdHh_k" title="Où trouver des effets sonores et de la musique pour votre jeu (gratuits et payants)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Un aperçu des sources gratuites et payantes d’effets sonores et de musiques pour les jeux.</div>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleure source</th>
<th>Licence</th>
<th>Attribution</th>
</tr>
</thead>
<tbody>
<tr>
<td>Effets sonores en grande quantité, qualité studio</td>
<td><a href="https://sonniss.com/gameaudiogdc" target="_blank" rel="noreferrer">Pack GDC de Sonniss</a></td>
<td>Libre de droits</td>
<td>Non</td>
</tr>
<tr>
<td>Un son précis</td>
<td><a href="https://freesound.org" target="_blank" rel="noreferrer">Freesound</a> (filtre CC0)</td>
<td>CC0</td>
<td>Non</td>
</tr>
<tr>
<td>Effets sonores cohérents et prêts pour les jeux</td>
<td><a href="https://kenney.nl/assets/category:Audio" target="_blank" rel="noreferrer">Kenney</a></td>
<td>CC0</td>
<td>Non</td>
</tr>
<tr>
<td>Effets sonores rapides pour interfaces et jeux casual</td>
<td><a href="https://mixkit.co/free-sound-effects/" target="_blank" rel="noreferrer">Mixkit</a></td>
<td>Licence gratuite Mixkit</td>
<td>Non</td>
</tr>
<tr>
<td>Musique de fond sans complications</td>
<td><a href="https://pixabay.com/music/" target="_blank" rel="noreferrer">Pixabay Music</a></td>
<td>Licence de contenu Pixabay</td>
<td>Non</td>
</tr>
<tr>
<td>Grande variété de bandes-son</td>
<td><a href="https://incompetech.com" target="_blank" rel="noreferrer">Incompetech</a></td>
<td>CC-BY 4.0</td>
<td>Oui</td>
</tr>
<tr>
<td>Musique chiptune et RPG</td>
<td><a href="https://opengameart.org" target="_blank" rel="noreferrer">OpenGameArt</a></td>
<td>CC0 / CC-BY selon l’élément</td>
<td>Cela dépend</td>
</tr>
<tr>
<td>Packs thématiques au style marqué</td>
<td><a href="https://itch.io/game-assets/free/tag-audio" target="_blank" rel="noreferrer">itch.io</a></td>
<td>Selon le pack, souvent CC0</td>
<td>Cela dépend</td>
</tr>
<tr>
<td>Immense bibliothèque d’effets sonores, attribution acceptée</td>
<td><a href="https://www.zapsplat.com" target="_blank" rel="noreferrer">ZapSplat</a></td>
<td>ZapSplat Standard</td>
<td>Oui</td>
</tr>
<tr>
<td>Audio personnalisé généré</td>
<td>Outils <a href="/fr/tools/sfx.html">Effets sonores Cinevva</a> et <a href="/fr/tools/music.html">Musique</a></td>
<td>Libre à vous de l’utiliser</td>
<td>Non</td>
</tr>
</tbody>
</table>
<h2 id="les-choix-cc0-les-plus-surs-sans-attribution-autorises-pour-un-usage-commercial" tabindex="-1">Les choix CC0 les plus sûrs (sans attribution, autorisés pour un usage commercial) <a class="header-anchor" href="#les-choix-cc0-les-plus-surs-sans-attribution-autorises-pour-un-usage-commercial" aria-label="Permalink to &quot;Les choix CC0 les plus sûrs (sans attribution, autorisés pour un usage commercial)&quot;"></a></h2>
<p>Si vous ne voulez effectuer aucune vérification de licence, commencez ici. Les contenus audio de <strong>Kenney</strong> sont entièrement sous CC0 et proposent des clics d’interface, des impacts et des effets sonores rétro propres et prêts à intégrer. <strong>Pixabay Music</strong> est gratuit sous la licence de contenu Pixabay, qui autorise l’usage commercial sans attribution (vous ne pouvez pas revendre le fichier seul, mais vous pouvez parfaitement le distribuer dans votre jeu). Le <strong>pack GDC de Sonniss</strong> est libre de droits pour un usage commercial, sans attribution, et comprend des archives couvrant plusieurs années avec plus de 200 Go d’effets sonores professionnels. Enfin, <strong>Freesound</strong> et <strong>OpenGameArt</strong> proposent tous deux du contenu CC0 accessible grâce à un filtre de licence : utilisez ce filtre et vous ne prendrez aucun risque.</p>
<h2 id="effets-sonores" tabindex="-1">Effets sonores <a class="header-anchor" href="#effets-sonores" aria-label="Permalink to &quot;Effets sonores&quot;"></a></h2>
<h3 id="freesound" tabindex="-1">Freesound <a class="header-anchor" href="#freesound" aria-label="Permalink to &quot;Freesound&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des effets ponctuels précis et des enregistrements de terrain</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://freesound.org" target="_blank" rel="noreferrer">freesound.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon le son : CC0, CC-BY, CC-BY-SA ou CC-BY-NC</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 700 000 sons</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV, MP3, FLAC, OGG (variable selon l’envoi)</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune pour CC0, obligatoire pour CC-BY ; CC-BY-NC n’autorise pas un usage commercial</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>La plus grande bibliothèque gratuite d’effets sonores du Web, toujours en expansion en 2026</li>
<li>Des filtres de recherche avancés par licence permettant de limiter les résultats au contenu CC0</li>
<li>Des enregistrements de terrain et des sons insolites absents des packs sélectionnés</li>
</ul>
<p>Le piège est que chaque son possède sa propre licence : vérifiez donc chaque fichier avant de distribuer votre jeu. CC0 ne demande aucune mention, CC-BY exige une attribution et CC-BY-NC est exclue pour un jeu que vous vendez. Le catalogue CC0 de Freesound peut également être parcouru directement dans la <a href="/fr/assets.html?providers=freesound">recherche de ressources de Cinevva</a>, avec un filtre préalable garantissant que tout ce que vous importez est autorisé pour un usage commercial.</p>
<h3 id="audio-kenney" tabindex="-1">Audio Kenney <a class="header-anchor" href="#audio-kenney" aria-label="Permalink to &quot;Audio Kenney&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des effets sonores cohérents, prêts pour les jeux et sans contraintes de licence</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl/assets/category:Audio" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>10 packs audio (interfaces, impacts, science-fiction, RPG, casino, jingles, voix off)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV, prêts pour les jeux</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Tout est sous CC0 : il n’y a donc rien à suivre ni à créditer</li>
<li>Les sons d’un même pack partagent un style, ce qui garantit la cohérence sonore de votre jeu</li>
<li>Couvre les éléments de base nécessaires à tous les jeux : clics, confirmations, impacts et jingles</li>
</ul>
<p>Commencez par récupérer les packs Interface Sounds et Impact Sounds. À eux deux, ils couvrent l’essentiel des besoins d’un petit jeu, tandis que le pack Music Jingles fournit les ponctuations sonores de victoire et de défaite.</p>
<h3 id="pack-gdc-de-sonniss" tabindex="-1">Pack GDC de Sonniss <a class="header-anchor" href="#pack-gdc-de-sonniss" aria-label="Permalink to &quot;Pack GDC de Sonniss&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des effets sonores de qualité studio en grande quantité</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://sonniss.com/gameaudiogdc" target="_blank" rel="noreferrer">sonniss.com/gameaudiogdc</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits, usage commercial, nombre illimité de projets à vie</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Le pack 2026 dépasse 7 Go et les archives de toutes les années dépassent 200 Go</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV (fréquences d’échantillonnage élevées)</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Des bibliothèques de conception sonore professionnelles offertes par des fournisseurs commerciaux</li>
<li>Un nouveau pack paraît chaque année autour de la GDC (celui de 2026 est sorti en mars)</li>
<li>Les archives des anciens packs restent téléchargeables indéfiniment</li>
</ul>
<p>Une restriction : l’utilisation des sons pour l’entraînement de systèmes d’IA ou d’apprentissage automatique est explicitement interdite. Pour les lire dans un jeu, aucun problème. Les fichiers sont volumineux : prévoyez donc de les télécharger, de sélectionner ce dont vous avez besoin et de les transcoder en OGG avant la distribution.</p>
<h3 id="zapsplat" tabindex="-1">ZapSplat <a class="header-anchor" href="#zapsplat" aria-label="Permalink to &quot;ZapSplat&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Une vaste bibliothèque d’effets sonores courants lorsque vous pouvez ajouter une attribution</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.zapsplat.com" target="_blank" rel="noreferrer">zapsplat.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence standard ZapSplat (offre gratuite), certains sons sous CC-BY</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des dizaines de milliers d’effets sonores répartis par catégories</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3 gratuit, WAV avec l’offre Gold payante</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Obligatoire avec l’offre gratuite</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Téléchargements gratuits illimités pour les projets personnels et commerciaux</li>
<li>L’obligation d’attribution est simple et les jeux sont explicitement couverts</li>
<li>L’abonnement Gold supprime l’attribution et conserve les licences des sons à vie</li>
</ul>
<p>Pour un jeu, l’attribution requise est une ligne comme « Effets sonores obtenus sur zapsplat.com » dans votre écran de crédits ou sur la page du jeu. Les sons téléchargés pendant qu’un abonnement Gold est actif restent exempts d’attribution pour toujours, même après sa résiliation.</p>
<h3 id="mixkit" tabindex="-1">Mixkit <a class="header-anchor" href="#mixkit" aria-label="Permalink to &quot;Mixkit&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des sons rapides et soignés pour interfaces et jeux casual, sans inscription</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://mixkit.co/free-sound-effects/" target="_blank" rel="noreferrer">mixkit.co</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence gratuite des effets sonores Mixkit</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Catégories sélectionnées d’effets sonores et de musiques de stock, dont une section dédiée aux jeux</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3 et WAV</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Autorise explicitement l’usage commercial, y compris dans les jeux vidéo, sans attribution</li>
<li>Aucun compte nécessaire : il suffit de télécharger</li>
<li>Une qualité sélectionnée, qui demande moins de recherche que les grandes bibliothèques</li>
</ul>
<p>Les musiques et les effets sonores de Mixkit relèvent de licences gratuites distinctes. Parcourez donc les deux si vous utilisez les deux catalogues. La sélection est plus restreinte que sur Freesound ou ZapSplat, mais tout est propre et directement utilisable.</p>
<h3 id="audio-opengameart" tabindex="-1">Audio OpenGameArt <a class="header-anchor" href="#audio-opengameart" aria-label="Permalink to &quot;Audio OpenGameArt&quot;"></a></h3>
<p><strong>Idéal pour :</strong> La musique chiptune, la musique de RPG et les effets sonores rétro créés pour les jeux par des spécialistes du jeu vidéo</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://opengameart.org" target="_blank" rel="noreferrer">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon l’élément : CC0, CC-BY, OGA-BY ou GPL</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de morceaux et de packs d’effets sonores</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>OGG, WAV, MP3, formats de trackers</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune pour CC0, obligatoire pour CC-BY et OGA-BY</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>De la musique composée spécifiquement pour les jeux, avec des morceaux en boucle adaptés aux différents genres</li>
<li>Un filtre de licence dans la recherche, qui permet de se limiter facilement au CC0</li>
<li>Des collections communautaires regroupant au même endroit les meilleurs contenus audio CC0</li>
</ul>
<p>Deux remarques sur les licences : OGA-BY est la licence d’attribution propre à OpenGameArt. Elle ressemble à CC-BY, mais convient mieux aux jeux protégés par DRM. Les contenus audio sous GPL sont juridiquement délicats dans un jeu propriétaire ; privilégiez donc les options Creative Commons.</p>
<h3 id="packs-audio-itch-io" tabindex="-1">Packs audio itch.io <a class="header-anchor" href="#packs-audio-itch-io" aria-label="Permalink to &quot;Packs audio itch.io&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des packs thématiques dotés d’une forte direction artistique</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://itch.io/game-assets/free/tag-audio" target="_blank" rel="noreferrer">itch.io/game-assets/free/tag-audio</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon le pack, définie par chaque créateur (souvent CC0 ou libre de droits)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 980 packs gratuits associés au tag audio</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV, OGG, MP3 (variable selon le pack)</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Dépend du pack ; consultez chaque page</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Des compositeurs indépendants publient des packs complets adaptés à un genre (synthwave, RPG fantastique, horreur)</li>
<li>De nombreux packs sont proposés à prix libre : vous pouvez les obtenir gratuitement maintenant et laisser un pourboire plus tard</li>
<li>Les pages des packs présentent les conditions en langage clair</li>
</ul>
<p>Il n’existe pas de licence commune à l’ensemble d’itch.io : chaque créateur définit les conditions de son pack. Lisez donc la description avant toute distribution. La plupart des packs populaires indiquent explicitement qu’ils sont « gratuits pour un usage commercial », et beaucoup sont sous CC0.</p>
<h2 id="musique" tabindex="-1">Musique <a class="header-anchor" href="#musique" aria-label="Permalink to &quot;Musique&quot;"></a></h2>
<h3 id="incompetech-kevin-macleod" tabindex="-1">Incompetech (Kevin MacLeod) <a class="header-anchor" href="#incompetech-kevin-macleod" aria-label="Permalink to &quot;Incompetech (Kevin MacLeod)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des morceaux d’ambiance complets couvrant presque toutes les atmosphères</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://incompetech.com" target="_blank" rel="noreferrer">incompetech.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC-BY 4.0, licence payante sans attribution disponible</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 000 morceaux complets</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Obligatoire, mention exacte fournie pour chaque morceau</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>L’un des plus grands catalogues gratuits au monde provenant d’un seul compositeur</li>
<li>Recherche par genre, ambiance et tempo</li>
<li>Une règle de licence claire au lieu d’une loterie différente pour chaque morceau</li>
</ul>
<p>La mention obligatoire complète est : « Musique de Kevin MacLeod (incompetech.com), sous licence Creative Commons : Attribution 4.0 ». Si vous ne pouvez pas afficher de crédits, une licence sans attribution coûte à partir de 30 $ pour un morceau, puis 20 $ par morceau à partir de trois morceaux. En 2026, l’utilisation avec attribution reste gratuite ; rien n’a changé de ce côté.</p>
<h3 id="pixabay-music" tabindex="-1">Pixabay Music <a class="header-anchor" href="#pixabay-music" aria-label="Permalink to &quot;Pixabay Music&quot;"></a></h3>
<p><strong>Idéal pour :</strong> De la musique de fond sans complications et autorisée pour un usage commercial</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://pixabay.com/music/" target="_blank" rel="noreferrer">pixabay.com/music</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Licence de contenu Pixabay (les envois antérieurs à 2019 sont sous CC0)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Vaste catalogue consultable de morceaux et de boucles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Aucune</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Usage commercial sans attribution ni inscription contraignante</li>
<li>Bon choix de boucles et de fonds musicaux par genre</li>
<li>Les effets sonores sont disponibles sur le même site sous la même licence</li>
</ul>
<p>La licence de contenu interdit de revendre le fichier seul et d’utiliser du contenu présentant des marques ou des logos pour promouvoir des produits. Cependant, intégrer un morceau dans votre jeu correspond exactement à l’usage prévu. Cela reste la solution la plus simple lorsque vous voulez « juste de la musique ».</p>
<h3 id="purple-planet" tabindex="-1">Purple Planet <a class="header-anchor" href="#purple-planet" aria-label="Permalink to &quot;Purple Planet&quot;"></a></h3>
<p><strong>Idéal pour :</strong> De la musique de bande-son classée par ambiance avec une attribution simple</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.purple-planet.com" target="_blank" rel="noreferrer">purple-planet.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Gratuite avec attribution, une licence payante supprime la mention</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Morceaux originaux de Chris Martyn et Geoff Harvey, classés par ambiance</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3 gratuit, fichiers de meilleure qualité avec les licences payantes</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Obligatoire avec l’offre gratuite : « Musique : <a href="https://www.purple-planet.com" target="_blank" rel="noreferrer">https://www.purple-planet.com</a> »</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Leurs conditions autorisent explicitement les jeux que vous vendez et distribuez vous-même</li>
<li>Les morceaux sont regroupés par émotion, ce qui accélère la recherche d’une bande-son</li>
<li>La mention peut figurer dans votre écran de crédits ou sur la page de la boutique du jeu</li>
</ul>
<p>Les usages commerciaux plus larges, comme les publicités et la diffusion, nécessitent l’une de leurs licences payantes, qui suppriment également l’obligation d’attribution. Pour un jeu indépendant classique, l’offre gratuite accompagnée d’une mention suffit.</p>
<h3 id="uppbeat" tabindex="-1">Uppbeat <a class="header-anchor" href="#uppbeat" aria-label="Permalink to &quot;Uppbeat&quot;"></a></h3>
<p><strong>Idéal pour :</strong> La musique destinée aux créateurs de contenu, moins adaptée aux jeux distribués</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://uppbeat.io" target="_blank" rel="noreferrer">uppbeat.io</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Offre gratuite Uppbeat, code d’attribution pour chaque téléchargement</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Catalogue moderne sélectionné (25 % accessible avec l’offre gratuite)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Obligatoire avec l’offre gratuite</td>
</tr>
</tbody>
</table>
<p>L’offre gratuite permet désormais 3 téléchargements par mois et le texte de la licence vise les réseaux sociaux, les diffusions en direct, les podcasts et les sites web plutôt que les jeux téléchargeables. Lisez donc attentivement les conditions avant d’en faire la base de votre bande-son. Uppbeat convient très bien à la bande-annonce et aux journaux de développement de votre jeu. Pour la musique intégrée à un jeu commercial, les sources précédentes sont plus sûres.</p>
<h3 id="free-music-archive" tabindex="-1">Free Music Archive <a class="header-anchor" href="#free-music-archive" aria-label="Permalink to &quot;Free Music Archive&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Explorer les genres en profondeur si vous êtes prêt à vérifier chaque licence</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://freemusicarchive.org" target="_blank" rel="noreferrer">freemusicarchive.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Selon le morceau : CC0, CC-BY, CC-BY-SA et de nombreuses variantes NC</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Immense catalogue multigenre de véritables artistes</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Dépend de la licence CC du morceau</td>
</tr>
</tbody>
</table>
<p>FMA est toujours bien actif en 2026 sous l’égide de Tribe of Noise. Le piège n’a pas changé : de nombreux morceaux sont réservés à un usage non commercial ou soumis au partage dans les mêmes conditions. Filtrez donc par licence et consultez la page du morceau avant de distribuer votre jeu. Leur offre payante, Tribe of Noise PRO, concède des licences pour des projets commerciaux, y compris des jeux, pour environ 45 euros par morceau.</p>
<h3 id="jamendo" tabindex="-1">Jamendo <a class="header-anchor" href="#jamendo" aria-label="Permalink to &quot;Jamendo&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Découvrir de la musique, mais pas pour un usage commercial gratuit</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.jamendo.com" target="_blank" rel="noreferrer">jamendo.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC pour l’écoute personnelle, licence de synchronisation payante pour les projets commerciaux</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Vaste catalogue d’artistes indépendants</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>sans objet pour un usage commercial (licence payante obligatoire)</td>
</tr>
</tbody>
</table>
<p>Jamendo induit souvent les utilisateurs en erreur. Les téléchargements gratuits sont réservés à un usage personnel et la plupart des morceaux sont soumis à des conditions Creative Commons non commerciales. L’intégration d’un morceau dans un jeu que vous vendez nécessite une licence par morceau auprès de Jamendo Licensing, leur programme payant de licences de synchronisation. Considérez-le comme une source payante avec préécoute gratuite, et non comme une source gratuite.</p>
<h2 id="attention-aux-pieges-des-licences" tabindex="-1">Attention aux pièges des licences <a class="header-anchor" href="#attention-aux-pieges-des-licences" aria-label="Permalink to &quot;Attention aux pièges des licences&quot;"></a></h2>
<p>Quelques sources populaires ne conviennent pas aux jeux commerciaux :</p>
<ul>
<li><strong>Les archives d'effets sonores de la BBC</strong> sont gratuites, mais leur licence RemArc est réservée à un usage non commercial. Utilisez-les pour des prototypes et des projets étudiants, pas pour des jeux que vous vendez.</li>
<li><strong>Les téléchargements gratuits de Jamendo</strong> sont réservés à un usage personnel, comme indiqué plus haut. Pour un usage commercial, vous devez acheter une licence de synchronisation.</li>
<li><strong>L'offre gratuite d'Uppbeat</strong> est conçue pour les contenus publiés sur les réseaux sociaux, pas pour les jeux téléchargeables. Ne partez donc pas du principe qu'elle couvre votre build.</li>
<li>Les contenus audio d'<strong>Internet Archive</strong> varient énormément d'un élément à l'autre, certains ayant été mis en ligne sans le consentement des ayants droit. Vérifiez le champ relatif aux droits de chaque élément : c'est la source la plus risquée de cette liste.</li>
</ul>
<h2 id="formats-audio-pour-les-jeux-web" tabindex="-1">Formats audio pour les jeux web <a class="header-anchor" href="#formats-audio-pour-les-jeux-web" aria-label="Permalink to &quot;Formats audio pour les jeux web&quot;"></a></h2>
<p>Si votre jeu s'exécute dans un navigateur, le choix du format influe à la fois sur la taille des fichiers et sur la fluidité réelle des boucles.</p>
<table tabindex="0">
<thead>
<tr>
<th>Format</th>
<th>Taille avec une bonne qualité</th>
<th>Compatibilité avec les navigateurs</th>
<th>Utilisation recommandée</th>
</tr>
</thead>
<tbody>
<tr>
<td>OGG Vorbis</td>
<td>Petite</td>
<td>Partout, Safari depuis la version 18.4 (2025)</td>
<td>Musique et effets sonores, votre choix par défaut</td>
</tr>
<tr>
<td>MP3</td>
<td>Légèrement plus grande</td>
<td>Universelle, y compris sur les anciennes versions de Safari</td>
<td>Format de secours, sons ponctuels</td>
</tr>
<tr>
<td>Opus (WebM/OGG)</td>
<td>La plus petite</td>
<td>Navigateurs modernes, prise en charge récente par Safari</td>
<td>Musiques longues à faible débit</td>
</tr>
<tr>
<td>WAV</td>
<td>Énorme</td>
<td>Universelle</td>
<td>Uniquement de très courts sons d'interface, voire aucun</td>
</tr>
</tbody>
</table>
<p>Safari a enfin ajouté la prise en charge native d'OGG Vorbis dans sa version 18.4. En 2026, vous pouvez donc ne proposer que de l'OGG à la plupart des publics. Si vos données d'analyse indiquent que d'anciens appareils iOS visitent votre jeu, fournissez un fichier MP3 de secours grâce au modèle à sources multiples de l'élément <code>&lt;audio&gt;</code> ou à une bibliothèque comme Howler.js.</p>
<h3 id="creer-des-boucles-musicales-sans-coupure" tabindex="-1">Créer des boucles musicales sans coupure <a class="header-anchor" href="#creer-des-boucles-musicales-sans-coupure" aria-label="Permalink to &quot;Créer des boucles musicales sans coupure&quot;"></a></h3>
<p>Le MP3 n'est pas adapté aux boucles. L'encodeur ajoute quelques millisecondes de silence au début et à la fin de chaque fichier, ce qui provoque un clic ou un bégaiement à la jonction d'une boucle MP3. Utilisez l'OGG pour tout contenu destiné à se répéter. Pour obtenir des boucles précises à l'échantillon près, décodez le fichier avec l'API Web Audio (<code>decodeAudioData</code> dans un <code>AudioBufferSourceNode</code> avec <code>loop = true</code>), qui le répète sans aucune coupure. Supprimez le silence aux deux extrémités du fichier et coupez la boucle sur une limite de mesure musicale afin que la jonction soit inaudible.</p>
<h3 id="normaliser-le-volume" tabindex="-1">Normaliser le volume <a class="header-anchor" href="#normaliser-le-volume" aria-label="Permalink to &quot;Normaliser le volume&quot;"></a></h3>
<p>Les sons gratuits proviennent de sources différentes et présentent des niveaux sonores extrêmement variables. Avant la publication, importez-les tous dans un éditeur comme Audacity et normalisez-les : réglez les fonds musicaux autour de -14 à -16 LUFS et les pics des effets sonores un ou deux décibels sous le niveau maximal afin que la lecture simultanée de plusieurs sons ne provoque pas d'écrêtage. Dans le code, faites passer tous les sons par un même nœud de gain principal afin qu'un seul curseur de volume contrôle l'ensemble du mixage.</p>
<h3 id="limiter-le-poids-total-des-fichiers-audio" tabindex="-1">Limiter le poids total des fichiers audio <a class="header-anchor" href="#limiter-le-poids-total-des-fichiers-audio" aria-label="Permalink to &quot;Limiter le poids total des fichiers audio&quot;"></a></h3>
<p>L'audio peut discrètement devenir la partie la plus lourde d'un jeu sur navigateur. Encodez la musique en OGG à 96 ou 128 kbit/s (les joueurs n'entendront pas la différence pendant une partie), exportez les effets sonores en mono et préférez une boucle de 60 secondes à une piste de 4 minutes. Diffusez les longues musiques à travers un élément <code>&lt;audio&gt;</code> au lieu de les décoder en mémoire, et réservez les tampons Web Audio aux effets sonores courts nécessitant une faible latence. L'ensemble des fichiers audio d'un petit jeu peut facilement rester sous la barre des 5 Mo.</p>
<h2 id="generer-de-l-audio-avec-l-ia" tabindex="-1">Générer de l'audio avec l'IA <a class="header-anchor" href="#generer-de-l-audio-avec-l-ia" aria-label="Permalink to &quot;Générer de l'audio avec l'IA&quot;"></a></h2>
<p>En 2026, l'autre moyen d'obtenir gratuitement de l'audio pour un jeu consiste à le générer. Des modèles ouverts comme Stable Audio Open et ACE-Step permettent de créer des effets sonores et de la musique avec des licences adaptées à un usage commercial. ElevenLabs est quant à lui le meilleur service hébergé, avec des droits commerciaux inclus dans ses offres payantes. Notre <a href="/fr/guides/frontier-gen-ai-models.html">guide des modèles ouverts d'IA générative</a> les compare.</p>
<p>Remarque concernant les licences : selon les directives actuelles de l'Office américain du droit d'auteur, un contenu audio entièrement généré par l'IA ne peut pas, à lui seul, être protégé par le droit d'auteur. Personne ne peut donc revendiquer la propriété de vos effets sonores générés, mais vous ne pouvez pas non plus empêcher d'autres personnes d'utiliser un résultat identique. En pratique, ce sont les conditions du fournisseur qui comptent. Vérifiez donc que vous disposez de droits d'utilisation commerciale avant de publier votre jeu.</p>
<p>Cinevva intègre les deux fonctionnalités et vous permet de les essayer gratuitement. <a href="/fr/tools/sfx.html">Générez des effets sonores à partir d'une description textuelle</a> (un tir laser, le grincement d'une porte, le ramassage d'une pièce) ou <a href="/fr/tools/music.html">générez des morceaux originaux</a>, avec voix et versions instrumentales, pour votre bande-son. Et si vous préférez utiliser des sons enregistrés, le catalogue CC0 de Freesound est intégré à la <a href="/fr/assets.html?providers=freesound">recherche de ressources de Cinevva</a>, ce qui vous permet de rechercher et d'ajouter directement à votre jeu des contenus audio adaptés à un usage commercial.</p>
<h2 id="tableau-recapitulatif-des-licences" tabindex="-1">Tableau récapitulatif des licences <a class="header-anchor" href="#tableau-recapitulatif-des-licences" aria-label="Permalink to &quot;Tableau récapitulatif des licences&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Source</th>
<th>Licence</th>
<th>Attribution</th>
<th>Adaptée à un usage commercial</th>
</tr>
</thead>
<tbody>
<tr>
<td>Audio Kenney</td>
<td>CC0</td>
<td>Non</td>
<td>✅</td>
</tr>
<tr>
<td>Pixabay Music</td>
<td>Pixabay Content License</td>
<td>Non</td>
<td>✅</td>
</tr>
<tr>
<td>Sonniss GDC</td>
<td>Libre de droits</td>
<td>Non</td>
<td>✅</td>
</tr>
<tr>
<td>Mixkit</td>
<td>Licence gratuite Mixkit</td>
<td>Non</td>
<td>✅</td>
</tr>
<tr>
<td>Freesound</td>
<td>Selon le son (CC0/CC-BY/NC)</td>
<td>Variable</td>
<td>✅ (vérifiez chaque son)</td>
</tr>
<tr>
<td>OpenGameArt</td>
<td>Selon l'élément (CC0/CC-BY/OGA-BY)</td>
<td>Variable</td>
<td>✅ (vérifiez chaque élément)</td>
</tr>
<tr>
<td>Packs itch.io</td>
<td>Selon le pack</td>
<td>Variable</td>
<td>✅ (vérifiez chaque pack)</td>
</tr>
<tr>
<td>Incompetech</td>
<td>CC-BY 4.0</td>
<td>Oui</td>
<td>✅</td>
</tr>
<tr>
<td>ZapSplat (gratuit)</td>
<td>Standard</td>
<td>Oui</td>
<td>✅</td>
</tr>
<tr>
<td>Purple Planet (gratuit)</td>
<td>Licence avec attribution</td>
<td>Oui</td>
<td>✅</td>
</tr>
<tr>
<td>Uppbeat (gratuit)</td>
<td>Offre gratuite</td>
<td>Oui</td>
<td>Limitée</td>
</tr>
<tr>
<td>Free Music Archive</td>
<td>Licence CC selon la piste</td>
<td>Variable</td>
<td>⚠️ nombreuses pistes NC</td>
</tr>
<tr>
<td>Jamendo</td>
<td>CC pour usage personnel / synchronisation payante</td>
<td>s. o.</td>
<td>❌ sans licence payante</td>
</tr>
<tr>
<td>BBC Sound Effects</td>
<td>RemArc</td>
<td>s. o.</td>
<td>❌ usage non commercial</td>
</tr>
<tr>
<td>Internet Archive</td>
<td>Variable</td>
<td>Variable</td>
<td>⚠️ vérifiez chaque élément</td>
</tr>
</tbody>
</table>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-trouver-des-effets-sonores-gratuits-pour-les-jeux" tabindex="-1">Où trouver des effets sonores gratuits pour les jeux ? <a class="header-anchor" href="#ou-trouver-des-effets-sonores-gratuits-pour-les-jeux" aria-label="Permalink to &quot;Où trouver des effets sonores gratuits pour les jeux ?&quot;"></a></h3>
<p>Freesound propose la plus grande bibliothèque, avec plus de 700 000 sons (les licences varient selon le son ; filtrez les résultats pour ne conserver que les contenus CC0). Kenney offre des packs audio entièrement sous licence CC0, sans attribution, tandis que le bundle Sonniss GDC vous permet d'obtenir en une fois de nombreux effets sonores professionnels libres de droits. Pour les jeux commerciaux, privilégiez les sources CC0 ou clairement libres de droits et vérifiez la licence de chaque fichier.</p>
<h3 id="quelle-est-la-meilleure-source-de-musique-gratuite-pour-les-jeux" tabindex="-1">Quelle est la meilleure source de musique gratuite pour les jeux ? <a class="header-anchor" href="#quelle-est-la-meilleure-source-de-musique-gratuite-pour-les-jeux" aria-label="Permalink to &quot;Quelle est la meilleure source de musique gratuite pour les jeux ?&quot;"></a></h3>
<p>Pour obtenir de la musique sans obligation d'attribution, Pixabay Music est l'option la plus simple et la mieux adaptée à un usage commercial. Incompetech propose plus de 2 000 pistes sous licence CC-BY si vous incluez la mention de crédit, et OpenGameArt offre des boucles conçues pour les jeux sous licence CC0. Free Music Archive propose un choix immense, mais ses licences sont variées : vérifiez donc chaque piste. Évitez les téléchargements gratuits de Jamendo pour les jeux commerciaux, car ils sont réservés à un usage personnel.</p>
<h3 id="puis-je-utiliser-des-contenus-audio-de-freesound-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser des contenus audio de Freesound dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-des-contenus-audio-de-freesound-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser des contenus audio de Freesound dans un jeu commercial ?&quot;"></a></h3>
<p>Oui, si la licence du son concerné le permet. Les sons CC0 sont entièrement adaptés à un usage commercial et n'exigent aucun crédit. Les sons CC-BY peuvent être utilisés avec attribution, tandis que les sons CC-BY-NC ne peuvent pas être intégrés à un jeu que vous vendez. La recherche avancée de Freesound permet de filtrer les résultats par licence : limitez-les aux licences CC0 et CC-BY pour éviter les problèmes.</p>
<h3 id="dois-je-crediter-kenney" tabindex="-1">Dois-je créditer Kenney ? <a class="header-anchor" href="#dois-je-crediter-kenney" aria-label="Permalink to &quot;Dois-je créditer Kenney ?&quot;"></a></h3>
<p>Non. Toutes les ressources de Kenney, y compris chaque pack audio, sont placées dans le domaine public sous licence CC0. Aucune attribution n'est donc requise, même dans les jeux commerciaux. Kenney encourage explicitement l'utilisation commerciale. Ajouter un crédit ou faire un don est un geste appréciable, mais pas une obligation légale.</p>
<h3 id="la-musique-d-incompetech-est-elle-toujours-gratuite" tabindex="-1">La musique d'Incompetech est-elle toujours gratuite ? <a class="header-anchor" href="#la-musique-d-incompetech-est-elle-toujours-gratuite" aria-label="Permalink to &quot;La musique d'Incompetech est-elle toujours gratuite ?&quot;"></a></h3>
<p>Oui. En 2026, le catalogue de Kevin MacLeod, qui compte plus de 2 000 pistes, reste disponible gratuitement sous licence CC-BY 4.0, à condition d'inclure la mention de crédit complète avec son nom, le site et la licence. Si vous ne pouvez pas afficher de crédits, une licence sans attribution est proposée à partir de 30 $ pour un morceau.</p>
<h3 id="dois-je-crediter-les-contenus-audio-gratuits-utilises-dans-un-jeu" tabindex="-1">Dois-je créditer les contenus audio gratuits utilisés dans un jeu ? <a class="header-anchor" href="#dois-je-crediter-les-contenus-audio-gratuits-utilises-dans-un-jeu" aria-label="Permalink to &quot;Dois-je créditer les contenus audio gratuits utilisés dans un jeu ?&quot;"></a></h3>
<p>Cela dépend de la licence. Les contenus audio sous licence CC0, Pixabay et Mixkit n'exigent aucun crédit. Les contenus CC-BY, comme ceux d'Incompetech, ainsi que l'offre gratuite de ZapSplat et Purple Planet exigent une attribution, généralement sous la forme d'une ligne sur l'écran des crédits. Les licences CC-BY-NC et BBC RemArc interdisent totalement l'utilisation commerciale. Privilégiez les contenus CC0 pour ne pas avoir à gérer les attributions.</p>
<h3 id="quel-format-audio-les-jeux-web-doivent-ils-utiliser" tabindex="-1">Quel format audio les jeux web doivent-ils utiliser ? <a class="header-anchor" href="#quel-format-audio-les-jeux-web-doivent-ils-utiliser" aria-label="Permalink to &quot;Quel format audio les jeux web doivent-ils utiliser ?&quot;"></a></h3>
<p>OGG Vorbis. Ce format offre une bonne qualité pour une taille réduite, permet de créer des boucles sans coupure et est désormais compatible avec tous les principaux navigateurs depuis que Safari l'a ajouté dans sa version 18.4. Conservez un fichier MP3 de secours si vous devez prendre en charge d'anciens appareils iOS, et évitez le MP3 pour les musiques en boucle, car le remplissage ajouté par l'encodeur crée une coupure à la jonction.</p>
<h3 id="puis-je-utiliser-l-ia-pour-generer-les-sons-et-la-musique-d-un-jeu" tabindex="-1">Puis-je utiliser l'IA pour générer les sons et la musique d'un jeu ? <a class="header-anchor" href="#puis-je-utiliser-l-ia-pour-generer-les-sons-et-la-musique-d-un-jeu" aria-label="Permalink to &quot;Puis-je utiliser l'IA pour générer les sons et la musique d'un jeu ?&quot;"></a></h3>
<p>Oui. Des modèles ouverts comme Stable Audio Open et ACE-Step génèrent des contenus audio avec des licences adaptées à un usage commercial. ElevenLabs est également un excellent service hébergé, avec des droits commerciaux inclus dans ses offres payantes. Les outils gratuits d'<a href="/fr/tools/sfx.html">effets sonores</a> et de <a href="/fr/tools/music.html">musique</a> de Cinevva génèrent des contenus audio pour les jeux à partir d'une instruction textuelle. Vérifiez les conditions du fournisseur relatives aux droits sur les contenus générés avant toute publication commerciale.</p>
<BuildCta
  title="Intégrez automatiquement de la musique et des sons à votre jeu"
  desc="L'IA compose la bande-son de votre jeu pendant sa création."
  prompt="Crée un jeu de clic rythmique avec une musique entraînante et des effets sonores satisfaisants" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources gratuites pour les jeux</a> — le guide complet des ressources</li>
<li><a href="/fr/guides/free-3d-model-sites.html">Meilleurs sites de modèles 3D gratuits pour les jeux</a> — la partie visuelle</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des ressources de jeux</a> — CC0, CC-BY et libre de droits</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Meilleurs modèles open source d'IA générative pour les jeux</a> — génération audio par l'IA</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier un jeu sur itch.io</a> — publier un jeu avec ces packs audio</li>
<li><a href="/fr/tutorials/tone-js-game-audio.html">Audio de jeu avec Tone.js</a> — lire des contenus audio dans le navigateur</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/free-sound-effects-music-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment obtenir plus de parties sur itch.io (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/get-more-plays-itch-io</link>
            <guid>https://app.cinevva.com/fr/guides/get-more-plays-itch-io</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Un guide pratique pour obtenir plus de parties et de téléchargements sur itch.io en 2026, couvrant le fonctionnement de la découverte, les tags, les versions web jouables, les devlogs, les game jams et le trafic externe.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-obtenir-plus-de-parties-sur-itch-io-2026" tabindex="-1">Comment obtenir plus de parties sur itch.io (2026) <a class="header-anchor" href="#comment-obtenir-plus-de-parties-sur-itch-io-2026" aria-label="Permalink to &quot;Comment obtenir plus de parties sur itch.io (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Mettre un jeu en ligne sur itch.io est facile. Amener les gens à y jouer est la partie difficile. itch.io ne vous fournira pas une audience comme pourrait le faire un grand portail : les parties proviennent donc d'une page convaincante, d'une version web jouable, des devlogs, des jams et du trafic que vous générez vous-même. Voici ce qui fait réellement la différence en 2026, d'après le fonctionnement concret de la découverte sur itch.io.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/dSLhu2ufSvc" title="Comment obtenir plus de vues et de téléchargements sur itch.io — Brani_Dev" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Des tactiques concrètes pour obtenir plus de vues et de téléchargements sur itch.io.</div>
<h2 id="comment-fonctionne-reellement-la-decouverte-sur-itch-io" tabindex="-1">Comment fonctionne réellement la découverte sur itch.io <a class="header-anchor" href="#comment-fonctionne-reellement-la-decouverte-sur-itch-io" aria-label="Permalink to &quot;Comment fonctionne réellement la découverte sur itch.io&quot;"></a></h2>
<p>Quelques faits pour orienter vos efforts :</p>
<ul>
<li>Le tri <strong>Popular</strong> repose sur un algorithme opaque qui combine l'activité historique et récente, en accordant davantage de poids à l'activité récente. Les facteurs confirmés comprennent les vues organiques, les téléchargements et les parties. Toute falsification entraîne le déréférencement de votre jeu.</li>
<li>Le tri <strong>Most Recent</strong> ne vous met en avant qu'une seule fois, lors de la première publication ; republier votre jeu ne permet pas de le déclencher à nouveau (itch ne modifiera pas votre date de publication).</li>
<li><strong>La page d'accueil est sélectionnée manuellement</strong> par l'équipe, et non par un algorithme. Vous ne pouvez pas tricher pour y apparaître, mais une excellente page et une véritable traction augmentent vos chances.</li>
<li>Pour être indexée, votre page doit être publique, comporter une image de couverture et proposer un jeu jouable ou téléchargeable. Les pages temporaires vides ne sont pas indexées, et les nouveaux comptes vendeurs passent par une courte file de vérification.</li>
</ul>
<p>Conclusion pratique : itch récompense une activité réelle et concentrée au lancement, ainsi qu'une page complète. Il ne récompense pas les astuces.</p>
<h2 id="rendez-votre-jeu-jouable-dans-le-navigateur" tabindex="-1">Rendez votre jeu jouable dans le navigateur <a class="header-anchor" href="#rendez-votre-jeu-jouable-dans-le-navigateur" aria-label="Permalink to &quot;Rendez votre jeu jouable dans le navigateur&quot;"></a></h2>
<p>C'est la mesure la plus efficace à prendre sur votre page. Importez une version HTML5 (un fichier ZIP contenant <code>index.html</code>) afin que les visiteurs puissent jouer immédiatement au lieu de télécharger le jeu. Les jeux jouables dans le navigateur suscitent beaucoup plus d'engagement que ceux uniquement disponibles au téléchargement, car ils éliminent toute friction. Le fondateur d'itch a souligné leur taux de conversion bien supérieur, et les données d'analystes indiquent que les jeux web obtiennent environ trois fois plus d'engagement, avec souvent près de la moitié des vues de la page converties en parties. Si votre moteur peut exporter vers le web, faites-le.</p>
<h2 id="soignez-votre-page" tabindex="-1">Soignez votre page <a class="header-anchor" href="#soignez-votre-page" aria-label="Permalink to &quot;Soignez votre page&quot;"></a></h2>
<ul>
<li><strong>Image de couverture :</strong> obligatoire, avec des dimensions recommandées de 630x500. C'est l'élément graphique le plus important de votre page, et les couvertures GIF animées sont prises en charge et encouragées. Mettez en avant une animation qui montre immédiatement l'attrait principal du jeu.</li>
<li><strong>Captures d'écran et bande-annonce/GIF :</strong> itch affiche les vidéos intégrées (YouTube, Vimeo) au-dessus des captures d'écran, ce qui est particulièrement recommandé pour les jeux. Montrez plutôt que de raconter.</li>
<li><strong>Description courte :</strong> elle apparaît partout dans les listes, alors formulez une accroche claire et précise.</li>
</ul>
<h2 id="tags-et-metadonnees" tabindex="-1">Tags et métadonnées <a class="header-anchor" href="#tags-et-metadonnees" aria-label="Permalink to &quot;Tags et métadonnées&quot;"></a></h2>
<p>Utilisez les tags suggérés plutôt que d'inventer les vôtres, évitez les synonymes et n'accumulez pas les tags, sous peine d'être retiré des pages de navigation. Vous pouvez utiliser jusqu'à 10 tags en plus d'un genre. Ne cochez une plateforme (Windows/Mac/Linux) que si vous disposez réellement d'une version testée pour celle-ci ; une mauvaise classification entraîne le déréférencement.</p>
<h2 id="utilisez-les-devlogs" tabindex="-1">Utilisez les devlogs <a class="header-anchor" href="#utilisez-les-devlogs" aria-label="Permalink to &quot;Utilisez les devlogs&quot;"></a></h2>
<p>La publication d'un devlog le diffuse dans le fil de tous vos abonnés ainsi que dans le fil général des devlogs du site, ce qui vous permet de toucher des personnes au-delà de vos abonnés. Vos abonnés sont également avertis lorsque vous publiez un nouveau projet ou le mettez en promotion. Publier des devlogs permet donc de gagner des abonnés, qui seront ensuite avertis lors de votre prochain lancement. Considérez les devlogs comme un outil récurrent pour générer du trafic et développer votre audience, et non comme un détail secondaire.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/l9TZl_0Gqe4" title="Pourquoi votre jeu itch.io n'obtient aucun téléchargement (et comment y remédier) — KiriSoft Games" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Les raisons fréquentes pour lesquelles les jeux itch.io n'obtiennent aucun téléchargement, et leurs solutions.</div>
<h2 id="participez-a-des-game-jams-le-veritable-moteur-de-decouverte" tabindex="-1">Participez à des game jams, le véritable moteur de découverte <a class="header-anchor" href="#participez-a-des-game-jams-le-veritable-moteur-de-decouverte" aria-label="Permalink to &quot;Participez à des game jams, le véritable moteur de découverte&quot;"></a></h2>
<p>Les jams constituent le principal moteur de découverte organique sur itch.io, avec des centaines de milliers de jeux créés dans ce cadre. Une jam vous offre une audience intégrée, une échéance et un mécanisme de réciprocité : si vous notez et commentez d'autres participations après avoir soumis la vôtre, un lien vers votre jeu est automatiquement ajouté sous vos commentaires, ce qui vous rapporte des parties. Les grandes jams comme la GMTK attirent des dizaines de milliers de participants. Les jams n'amélioreront pas miraculeusement votre classement dans l'algorithme Popular, mais elles attireront de vrais regards sur votre jeu lorsque rien d'autre ne le fera.</p>
<h2 id="fixer-le-prix-pour-maximiser-les-parties" tabindex="-1">Fixer le prix pour maximiser les parties <a class="header-anchor" href="#fixer-le-prix-pour-maximiser-les-parties" aria-label="Permalink to &quot;Fixer le prix pour maximiser les parties&quot;"></a></h2>
<p>La tarification d'itch repose toujours sur le principe « payez ce que vous voulez » : le prix fixé est un minimum, et les acheteurs peuvent payer davantage (environ 30 % des sommes dépensées correspondent à des suppléments au-delà du minimum). Pour maximiser le nombre de parties, proposer votre jeu gratuitement ou à prix libre élimine toute friction tout en permettant aux fans de vous laisser un pourboire. Notez que les jeux HTML5 ne peuvent accepter des paiements que sous forme de dons. Évitez les promotions permanentes, qu'itch ne considère pas comme de véritables promotions et qui peuvent entraîner un déréférencement.</p>
<h2 id="generez-votre-propre-trafic-d-ou-proviennent-la-plupart-des-parties" tabindex="-1">Générez votre propre trafic, d'où proviennent la plupart des parties <a class="header-anchor" href="#generez-votre-propre-trafic-d-ou-proviennent-la-plupart-des-parties" aria-label="Permalink to &quot;Générez votre propre trafic, d'où proviennent la plupart des parties&quot;"></a></h2>
<p>itch renouvelle rapidement les jeux mis en avant et n'assure pas une découverte durable comme Steam. Le trafic externe est donc la véritable source de parties :</p>
<ul>
<li><strong>Les streamers et les YouTubeurs</strong> constituent le canal offrant le meilleur retour. Un seul créateur peut générer davantage d'installations que plusieurs mois d'autres efforts, et ces créateurs recherchent activement des démos gratuites sur itch.</li>
<li><strong>Les vidéos courtes</strong> (TikTok, Reels, Shorts) montrant de véritables séquences de jeu sont désormais l'un des principaux moteurs de viralité des jeux indépendants.</li>
<li><strong>Reddit</strong> (r/IndieGaming, r/playmygame et les communautés similaires), en respectant la règle approximative de neuf publications communautaires pour une publication d'autopromotion.</li>
<li><strong>Discord</strong> pour trouver des testeurs et fidéliser votre audience, ainsi que le hashtag #screenshotsaturday sur X avec des GIF.</li>
</ul>
<p>Pour découvrir une stratégie plus générale sans budget, consultez <a href="/fr/guides/promote-indie-game-no-budget.html">comment promouvoir un jeu indépendant sans budget</a>.</p>
<h2 id="erreurs-frequentes" tabindex="-1">Erreurs fréquentes <a class="header-anchor" href="#erreurs-frequentes" aria-label="Permalink to &quot;Erreurs fréquentes&quot;"></a></h2>
<p>Proposer uniquement un téléchargement lorsqu'une version web est possible, utiliser une couverture médiocre ou ne pas en avoir, ne présenter aucune bande-annonce ni aucun GIF, rédiger des descriptions trop sommaires, choisir des tags inadaptés ou en accumuler trop, publier puis disparaître sans devlogs, attendre que l'algorithme ou une mise en avant fasse tout le travail, ne pas proposer de démo et falsifier les statistiques, ce qui entraîne un déréférencement. Corrigez d'abord ces problèmes : cela ne coûte rien.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="comment-obtenir-plus-de-parties-sur-itch-io" tabindex="-1">Comment obtenir plus de parties sur itch.io ? <a class="header-anchor" href="#comment-obtenir-plus-de-parties-sur-itch-io" aria-label="Permalink to &quot;Comment obtenir plus de parties sur itch.io ?&quot;"></a></h3>
<p>Importez une version HTML5 jouable dans le navigateur, qui suscite beaucoup plus d'engagement qu'un téléchargement, créez une page convaincante avec une couverture animée et une bande-annonce, utilisez des tags suggérés pertinents, publiez des devlogs pour toucher vos abonnés, participez à des game jams afin de profiter de leur audience intégrée et générez du trafic externe grâce aux streamers, aux vidéos courtes et aux communautés. itch récompense l'activité réelle et les pages complètes, pas les astuces.</p>
<h3 id="itch-io-fait-il-la-promotion-de-votre-jeu-a-votre-place" tabindex="-1">itch.io fait-il la promotion de votre jeu à votre place ? <a class="header-anchor" href="#itch-io-fait-il-la-promotion-de-votre-jeu-a-votre-place" aria-label="Permalink to &quot;itch.io fait-il la promotion de votre jeu à votre place ?&quot;"></a></h3>
<p>Très peu. La page d'accueil est sélectionnée manuellement par l'équipe, et le tri Popular évolue rapidement en fonction de l'activité réelle et récente. itch vous fournit les outils et une audience de base, mais une découverte durable dépend de vos propres actions : proposer une version jouable, publier des devlogs, participer à des jams et attirer du trafic grâce aux streamers, aux vidéos et aux communautés.</p>
<h3 id="les-jeux-web-obtiennent-ils-plus-de-parties-que-les-jeux-a-telecharger-sur-itch-io" tabindex="-1">Les jeux web obtiennent-ils plus de parties que les jeux à télécharger sur itch.io ? <a class="header-anchor" href="#les-jeux-web-obtiennent-ils-plus-de-parties-que-les-jeux-a-telecharger-sur-itch-io" aria-label="Permalink to &quot;Les jeux web obtiennent-ils plus de parties que les jeux à télécharger sur itch.io ?&quot;"></a></h3>
<p>Oui, nettement. Les jeux jouables dans le navigateur éliminent la friction du téléchargement, et les données montrent qu'ils suscitent environ trois fois plus d'engagement que les jeux uniquement téléchargeables, une grande part des vues de la page se convertissant en parties. Si votre moteur permet d'exporter en HTML5, publier une version web jouable est la meilleure mesure à prendre pour obtenir plus de parties.</p>
<h3 id="les-game-jams-sont-elles-efficaces-pour-obtenir-plus-de-parties" tabindex="-1">Les game jams sont-elles efficaces pour obtenir plus de parties ? <a class="header-anchor" href="#les-game-jams-sont-elles-efficaces-pour-obtenir-plus-de-parties" aria-label="Permalink to &quot;Les game jams sont-elles efficaces pour obtenir plus de parties ?&quot;"></a></h3>
<p>Tout à fait. Les jams sont le principal moteur de découverte organique sur itch.io : elles vous offrent une audience intégrée et une échéance, tandis que le fait de noter les autres participations ajoute automatiquement un lien vers votre jeu, ce qui vous rapporte des parties. Elles n'amélioreront pas directement votre classement dans l'algorithme, mais elles attireront de vrais joueurs sur votre jeu si vous ne disposez pas encore d'une audience.</p>
<BuildCta
  title="Besoin d'abord d'un jeu à promouvoir ?"
  desc="Créez quelque chose de court et addictif, puis appliquez-lui cette stratégie."
  prompt="Crée un jeu court et addictif à un seul bouton, avec un classement mondial" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a> — les bases de la mise en ligne</li>
<li><a href="/fr/guides/publish-web-game.html">Meilleures plateformes où publier un jeu web en 2026</a> — itch.io face aux portails</li>
<li><a href="/fr/guides/promote-indie-game-no-budget.html">Comment promouvoir un jeu indépendant sans budget</a> — la stratégie générale</li>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — choisir les jams auxquelles participer</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web : ce que disent réellement les données</a> — transformer ces parties en revenus</li>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour le Steam Next Fest</a> — si vous publiez également votre jeu sur Steam</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/get-more-plays-itch-io-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment créer un jeu avec l’IA en 2026 (sans coder)]]></title>
            <link>https://app.cinevva.com/fr/guides/make-a-game-with-ai</link>
            <guid>https://app.cinevva.com/fr/guides/make-a-game-with-ai</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Un guide 2026 étape par étape pour créer un jeu avec l’IA sans coder, de la rédaction de votre premier prompt à la génération des ressources, aux itérations et à la publication d’un jeu jouable.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-creer-un-jeu-avec-l-ia-en-2026-sans-coder" tabindex="-1">Comment créer un jeu avec l’IA en 2026 (sans coder) <a class="header-anchor" href="#comment-creer-un-jeu-avec-l-ia-en-2026-sans-coder" aria-label="Permalink to &quot;Comment créer un jeu avec l’IA en 2026 (sans coder)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Il y a quelques années, créer un jeu nécessitait d’apprendre à utiliser un moteur, un langage de programmation et une chaîne de production graphique avant même d’obtenir quelque chose de jouable. En 2026, vous pouvez décrire un jeu en langage courant et obtenir une version fonctionnelle en quelques minutes. Vous prenez toujours les décisions créatives, mais l’IA se charge du travail répétitif : déplacements, collisions, physique, graphismes temporaires et son.</p>
<p>Ce guide présente l’ensemble du processus sans programmation, de votre premier prompt jusqu’à la publication du jeu. Les exemples utilisent un créateur de jeux par IA accessible dans un navigateur, mais cette méthode s’applique à la plupart des outils qui transforment des prompts en jeux.</p>
<h2 id="ce-qu-il-vous-faut" tabindex="-1">Ce qu’il vous faut <a class="header-anchor" href="#ce-qu-il-vous-faut" aria-label="Permalink to &quot;Ce qu’il vous faut&quot;"></a></h2>
<p>Pas grand-chose : un navigateur, une idée et un outil. Vous n’avez pas besoin d’installer un moteur, de posséder un GPU ni de disposer de ressources graphiques. Si vous souhaitez d’abord choisir un outil, consultez notre <a href="/fr/guides/ai-game-generators-2026.html">comparatif des générateurs de jeux par IA</a>. Si vous voulez simplement commencer, vous pouvez dès maintenant <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=make_game_with_ai">ouvrir un créateur et saisir une idée</a>.</p>
<h2 id="etape-1-partez-d-une-idee-claire-et-simple" tabindex="-1">Étape 1 : partez d’une idée claire et simple <a class="header-anchor" href="#etape-1-partez-d-une-idee-claire-et-simple" aria-label="Permalink to &quot;Étape 1 : partez d’une idée claire et simple&quot;"></a></h2>
<p>L’erreur la plus fréquente chez les débutants consiste à demander « un RPG en monde ouvert avec du multijoueur ». Les outils d’IA donnent de meilleurs résultats à partir d’un concept central simple et précis, que vous pourrez développer par la suite. Définissez trois éléments :</p>
<ul>
<li><strong>Le type de jeu.</strong> Jeu de plateformes, course, jeu de tir, puzzle, survie, simulation cosy.</li>
<li><strong>Un élément qui le rend unique.</strong> Une esthétique, une variante des règles, un univers.</li>
<li><strong>Un objectif.</strong> Ce que le joueur doit accomplir.</li>
</ul>
<p>« Un jeu de parkour à la première personne sur des îles flottantes, où il faut faire la course contre la montre » constitue un bien meilleur prompt de départ que « une aventure 3D amusante ». Le premier donne à l’IA une structure à construire ; le second l’oblige à deviner.</p>
<h2 id="etape-2-redigez-votre-premier-prompt" tabindex="-1">Étape 2 : rédigez votre premier prompt <a class="header-anchor" href="#etape-2-redigez-votre-premier-prompt" aria-label="Permalink to &quot;Étape 2 : rédigez votre premier prompt&quot;"></a></h2>
<p>Limitez-vous à une ou deux phrases. Vous ne rédigez pas un cahier des charges, vous commencez une conversation. Un bon premier prompt précise le genre, l’objectif et l’ambiance :</p>
<blockquote>
<p>Crée un jeu de survie contre des zombies en vue de dessus, avec une lampe torche qui n’éclaire qu’un cône étroit, des munitions limitées et des vagues de plus en plus difficiles.</p>
</blockquote>
<p>Laissez ensuite l’outil construire le jeu. Vous obtiendrez une première version jouable, souvent imparfaite, et c’est exactement ce qu’il vous faut, car le véritable travail repose sur les itérations. Si partir d’un champ vide vous intimide, utilisez un <a href="/fr/guides/vibe-coding-game-prompts.html">prompt prêt à l’emploi</a> et modifiez un mot.</p>
<h2 id="etape-3-ameliorez-le-jeu-en-dialoguant-avec-l-ia" tabindex="-1">Étape 3 : améliorez le jeu en dialoguant avec l’IA <a class="header-anchor" href="#etape-3-ameliorez-le-jeu-en-dialoguant-avec-l-ia" aria-label="Permalink to &quot;Étape 3 : améliorez le jeu en dialoguant avec l’IA&quot;"></a></h2>
<p>C’est à cette étape que les jeux prennent réellement forme. Jouez à la première version, identifiez l’élément qui vous gêne le plus et demandez une seule modification précise. Les demandes courtes et spécifiques donnent de meilleurs résultats que les demandes longues et vagues :</p>
<ul>
<li>« Fais courir le personnage plus vite et sauter plus haut. »</li>
<li>« Les ennemis sont trop agressifs : ralentis-les et réduis leurs points de vie. »</li>
<li>« Ajoute un compteur de score en haut à droite et un écran de fin de partie. »</li>
</ul>
<p>Modifiez un élément, jouez, puis recommencez. Si une modification dégrade le résultat, demandez à l’IA de l’annuler ou de revenir à la version précédente. Considérez ce processus comme de la direction créative plutôt que comme de la programmation : vous décrivez le résultat souhaité, puis vous jugez ce qui a été produit.</p>
<h2 id="etape-4-generez-les-ressources-dont-vous-avez-besoin" tabindex="-1">Étape 4 : générez les ressources dont vous avez besoin <a class="header-anchor" href="#etape-4-generez-les-ressources-dont-vous-avez-besoin" aria-label="Permalink to &quot;Étape 4 : générez les ressources dont vous avez besoin&quot;"></a></h2>
<p>Les outils modernes de création de jeux par IA génèrent des graphismes et du son à la demande : vous n’êtes donc plus limité à des blocs gris. Selon l’outil, vous pouvez demander des modèles 3D, des textures, des sprites, de la musique et des effets sonores, ou utiliser des bibliothèques intégrées de ressources gratuites. Demandez des éléments adaptés à l’ambiance : « donne au personnage un modèle de robot low poly », « ajoute une musique synthé dynamique », « utilise une skybox de désert ». Si votre outil propose une bibliothèque de ressources CC0, il s’agit de la source la plus sûre pour tout contenu que vous comptez publier. Notre <a href="/fr/guides/game-assets-guide.html">guide des ressources de jeu gratuites</a> explique d’où elles proviennent et comment fonctionnent leurs licences.</p>
<h2 id="etape-5-peaufinez-les-sensations-de-jeu" tabindex="-1">Étape 5 : peaufinez les sensations de jeu <a class="header-anchor" href="#etape-5-peaufinez-les-sensations-de-jeu" aria-label="Permalink to &quot;Étape 5 : peaufinez les sensations de jeu&quot;"></a></h2>
<p>Ce qui distingue une démo technique d’un véritable jeu, ce sont les sensations. Une fois la boucle de gameplay principale fonctionnelle, consacrez vos itérations aux éléments que les joueurs remarquent réellement : des commandes réactives, un retour clair lorsqu’une action se produit, un objectif visible et des conditions de victoire ou de défaite. Demandez un écran-titre, un bouton pour recommencer, des sons pour les actions importantes et une courbe de difficulté. Ce sont ces petites finitions qui donnent au jeu un aspect abouti.</p>
<h2 id="etape-6-publiez-et-partagez-votre-jeu" tabindex="-1">Étape 6 : publiez et partagez votre jeu <a class="header-anchor" href="#etape-6-publiez-et-partagez-votre-jeu" aria-label="Permalink to &quot;Étape 6 : publiez et partagez votre jeu&quot;"></a></h2>
<p>Dès qu’il est jouable, publiez-le. Les outils accessibles dans un navigateur vous fournissent un lien partageable en un clic, ce qui constitue le moyen le plus rapide d’obtenir des retours. Partagez-le avec vos proches, publiez-le sur les plateformes fréquentées par votre public et observez les endroits où les joueurs restent bloqués ou abandonnent. Ces retours guideront votre prochaine série d’itérations. Si vous souhaitez aller plus loin, notre <a href="/fr/guides/itch-io-launch-guide.html">guide de publication sur itch.io</a> explique comment distribuer un jeu web à un public plus large.</p>
<h2 id="conseils-pour-reussir-a-creer-un-jeu-avec-l-ia" tabindex="-1">Conseils pour réussir à créer un jeu avec l’IA <a class="header-anchor" href="#conseils-pour-reussir-a-creer-un-jeu-avec-l-ia" aria-label="Permalink to &quot;Conseils pour réussir à créer un jeu avec l’IA&quot;"></a></h2>
<ul>
<li><strong>Commencez petit, puis développez.</strong> Publiez un petit jeu complet avant d’ajouter des fonctionnalités. Un petit jeu terminé vaut mieux qu’un grand jeu inachevé.</li>
<li><strong>Effectuez une seule modification à la fois.</strong> Regrouper plusieurs demandes perturbe l’IA et empêche de déterminer ce qui a fonctionné.</li>
<li><strong>Décrivez le résultat, pas l’implémentation.</strong> Dites « le saut semble trop flottant, rends-le plus nerveux » plutôt que « règle la gravité sur 20 ».</li>
<li><strong>Conservez une version qui fonctionne.</strong> Avant une modification importante, notez que l’état actuel est fonctionnel afin de pouvoir y revenir.</li>
<li><strong>Utilisez l’IA pour les tâches fastidieuses.</strong> Laissez-la gérer le travail répétitif et les variantes afin de consacrer votre temps aux décisions qui rendent votre jeu unique.</li>
</ul>
<h2 id="ce-que-l-ia-sait-bien-faire-—-et-ses-limites" tabindex="-1">Ce que l’IA sait bien faire — et ses limites <a class="header-anchor" href="#ce-que-l-ia-sait-bien-faire-—-et-ses-limites" aria-label="Permalink to &quot;Ce que l’IA sait bien faire — et ses limites&quot;"></a></h2>
<p>L’IA est réellement efficace pour passer rapidement de rien à un prototype jouable, générer des ressources temporaires ou même définitives, et prendre en charge la mécanique technique d’un jeu. Elle est moins performante pour les projets de grande ampleur comprenant de nombreux systèmes, l’équilibrage précis et tout ce qui nécessite une vision cohérente à long terme — cette partie reste votre responsabilité. En 2026, il est réaliste de s’attendre à ce que l’IA réduise un week-end de préparation à un après-midi, les résultats les plus fiables concernant surtout les jeux de petite et moyenne envergure plutôt que les projets tentaculaires.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="puis-je-vraiment-creer-un-jeu-sans-aucune-experience-en-programmation" tabindex="-1">Puis-je vraiment créer un jeu sans aucune expérience en programmation ? <a class="header-anchor" href="#puis-je-vraiment-creer-un-jeu-sans-aucune-experience-en-programmation" aria-label="Permalink to &quot;Puis-je vraiment créer un jeu sans aucune expérience en programmation ?&quot;"></a></h3>
<p>Oui. En 2026, les outils qui transforment des prompts en jeux génèrent pour vous le code, les graphismes et la logique à partir de descriptions en langage courant. Vous pouvez ainsi créer et publier un jeu jouable sans écrire ni lire la moindre ligne de code. Vous dirigez la création en décrivant ce que vous voulez, puis en affinant les résultats.</p>
<h3 id="combien-de-temps-faut-il-pour-creer-un-jeu-avec-l-ia" tabindex="-1">Combien de temps faut-il pour créer un jeu avec l’IA ? <a class="header-anchor" href="#combien-de-temps-faut-il-pour-creer-un-jeu-avec-l-ia" aria-label="Permalink to &quot;Combien de temps faut-il pour créer un jeu avec l’IA ?&quot;"></a></h3>
<p>La création d’un jeu simple et jouable peut prendre de quelques minutes à une heure. Pour un petit jeu soigné, avec des graphismes, du son, des menus et une courbe de difficulté, comptez plutôt un après-midi à un week-end d’itérations. Les jeux plus grands ou plus complexes demandent toujours davantage de temps, car le travail se déplace de la mise en place vers la conception et le peaufinage.</p>
<h3 id="quels-types-de-jeux-l-ia-peut-elle-creer" tabindex="-1">Quels types de jeux l’IA peut-elle créer ? <a class="header-anchor" href="#quels-types-de-jeux-l-ia-peut-elle-creer" aria-label="Permalink to &quot;Quels types de jeux l’IA peut-elle créer ?&quot;"></a></h3>
<p>L’IA est particulièrement efficace pour les jeux simples et grand public : jeux de plateformes, runners, jeux de tir arcade, puzzles, jeux de course, jeux de survie et simulations cosy. Les outils accessibles dans un navigateur peuvent produire des jeux en 2D comme en 3D, même si la 2D tend à être plus fiable. Les jeux de grande ampleur reposant sur de nombreux systèmes, comme les grands RPG ou les jeux de stratégie, restent difficiles à générer proprement et nécessitent beaucoup de direction humaine.</p>
<h3 id="dois-je-payer-pour-creer-un-jeu-avec-l-ia" tabindex="-1">Dois-je payer pour créer un jeu avec l’IA ? <a class="header-anchor" href="#dois-je-payer-pour-creer-un-jeu-avec-l-ia" aria-label="Permalink to &quot;Dois-je payer pour créer un jeu avec l’IA ?&quot;"></a></h3>
<p>La plupart des outils proposent une offre gratuite suffisante pour créer et tester un jeu. Vous devez généralement payer pour bénéficier d’une capacité de génération plus importante, de droits commerciaux ou de fonctions d’exportation. Notre <a href="/fr/guides/ai-game-generators-2026.html">comparatif des générateurs de jeux par IA</a> présente côte à côte les offres gratuites et leurs tarifs.</p>
<h3 id="puis-je-vendre-un-jeu-cree-avec-l-ia" tabindex="-1">Puis-je vendre un jeu créé avec l’IA ? <a class="header-anchor" href="#puis-je-vendre-un-jeu-cree-avec-l-ia" aria-label="Permalink to &quot;Puis-je vendre un jeu créé avec l’IA ?&quot;"></a></h3>
<p>Souvent oui, mais vérifiez deux éléments : les conditions d’utilisation commerciale de l’outil — certains réservent cet usage à une formule payante — et la licence des ressources générées ou importées. De nombreuses plateformes exigent également que vous signaliez les contenus générés par l’IA. Pour éviter les problèmes, privilégiez les ressources CC0 et l’offre commerciale de l’outil.</p>
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-game-generators-2026.html">Les meilleurs générateurs de jeux par IA en 2026</a> — commencez par choisir le bon outil</li>
<li><a href="/fr/guides/3d-browser-game-without-coding.html">Comment créer un jeu 3D dans un navigateur sans coder</a> — le guide consacré à la 3D</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : définition et premiers pas</a> — l’approche qui sous-tend la création par prompts</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">Des prompts de jeux IA à créer en un clic</a> — des points de départ</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — des graphismes et du son pour votre jeu</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — trouvez vos premiers joueurs</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/make-a-game-with-ai-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment créer un jeu multijoueur par navigateur (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/multiplayer-browser-game</link>
            <guid>https://app.cinevva.com/fr/guides/multiplayer-browser-game</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment créer un jeu multijoueur par navigateur en 2026, du choix entre WebSockets et WebRTC aux meilleurs outils (Colyseus, PartyKit, Playroom), en passant par les bases du netcode et une stack pour débutants.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-creer-un-jeu-multijoueur-par-navigateur-2026" tabindex="-1">Comment créer un jeu multijoueur par navigateur (2026) <a class="header-anchor" href="#comment-creer-un-jeu-multijoueur-par-navigateur-2026" aria-label="Permalink to &quot;Comment créer un jeu multijoueur par navigateur (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Le multijoueur est la fonctionnalité qui peut rendre viral un petit jeu. En 2026, vous pouvez l'ajouter à un jeu par navigateur sans exploiter votre propre centre de données. Le plus difficile n'est pas de connecter les joueurs, mais de garder le jeu synchronisé et équitable. Ce guide présente les choix importants — transport, modèle de serveur et netcode — ainsi que les outils qui permettent de les gérer, avant de vous proposer une stack de départ raisonnable.</p>
<p><strong>En 2026, le choix par défaut pour un jeu multijoueur par navigateur repose sur des WebSockets avec un serveur autoritaire, un framework comme Colyseus ou PartyKit pour gérer les salons et la synchronisation de l'état, et WebRTC uniquement si vous avez réellement besoin d'une architecture pair-à-pair.</strong></p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/s4lcuCTO2K8" title="Configuration d'un serveur de jeu multijoueur avec Colyseus et Phaser 3 — ourcade" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">ourcade explique comment créer un serveur multijoueur avec Colyseus et Phaser.</div>
<h2 id="commencez-par-definir-honnetement-la-portee-du-projet" tabindex="-1">Commencez par définir honnêtement la portée du projet <a class="header-anchor" href="#commencez-par-definir-honnetement-la-portee-du-projet" aria-label="Permalink to &quot;Commencez par définir honnêtement la portée du projet&quot;"></a></h2>
<p>La difficulté du multijoueur augmente fortement avec la vitesse et le niveau de compétition de votre jeu.</p>
<ul>
<li><strong>Facile :</strong> jeux au tour par tour (cartes, jeux de plateau), petits salons de 2 à 8 joueurs, curseurs partagés, lobbies, chat et coopération occasionnelle. De simples WebSockets ou un outil sans backend suffisent.</li>
<li><strong>Difficile :</strong> action rapide en temps réel (jeux de tir, déplacements de type .io), grand nombre de joueurs simultanés et tout jeu compétitif dans lequel la triche pose problème. Ces jeux nécessitent un serveur autoritaire, de la prédiction et un netcode soigneusement conçu.</li>
</ul>
<p>Commencez dans la catégorie facile. Un jeu au tour par tour ou en petit salon qui fonctionne vous apprendra l'ensemble du processus avant de vous attaquer aux problèmes plus difficiles.</p>
<h2 id="le-transport-comment-les-donnees-circulent" tabindex="-1">Le transport : comment les données circulent <a class="header-anchor" href="#le-transport-comment-les-donnees-circulent" aria-label="Permalink to &quot;Le transport : comment les données circulent&quot;"></a></h2>
<ul>
<li><strong>Les WebSockets</strong> sont le choix pratique par défaut. Basées sur TCP, bidirectionnelles, éprouvées et prises en charge partout. Leur principal défaut est le blocage en tête de ligne : la perte d'un paquet bloque tous ceux qui le suivent, ce qui pénalise les jeux d'action rapides. Pour la plupart des jeux, choisissez les WebSockets.</li>
<li><strong>WebRTC</strong> fournit des canaux de données comparables à UDP, sans blocage en tête de ligne. Il convient aux jeux d'action rapides ou aux connexions pair-à-pair, mais sa configuration est beaucoup plus complexe (signalisation, STUN/TURN). Utilisez-le uniquement si vous avez besoin du P2P ou devez éviter un serveur relais.</li>
<li><strong>WebTransport</strong> est l'option la plus récente (HTTP/3 + QUIC), avec des datagrammes similaires à ceux d'UDP. C'est la direction que prend l'écosystème, mais la prise en charge par les navigateurs est encore en cours de stabilisation en 2026. Ce n'est donc pas un transport unique suffisamment sûr pour un débutant qui publie son jeu aujourd'hui.</li>
</ul>
<p>Règle générale : les WebSockets pour publier maintenant, WebTransport plus tard si nécessaire, et WebRTC pour le P2P ou les médias.</p>
<h2 id="le-modele-de-serveur-qui-decide-de-ce-qui-s-est-passe" tabindex="-1">Le modèle de serveur : qui décide de ce qui s'est passé <a class="header-anchor" href="#le-modele-de-serveur-qui-decide-de-ce-qui-s-est-passe" aria-label="Permalink to &quot;Le modèle de serveur : qui décide de ce qui s'est passé&quot;"></a></h2>
<ul>
<li><strong>Serveur autoritaire :</strong> les clients envoient leurs entrées, le serveur exécute la simulation et diffuse le résultat. C'est la norme pour tout jeu compétitif, car le serveur constitue la limite naturelle contre la triche : le client n'est jamais considéré comme fiable.</li>
<li><strong>Pair-à-pair :</strong> moins coûteux à exploiter, mais la triche est difficile à empêcher et la connectivité est fragile. Ce modèle convient à la coopération occasionnelle et aux petits lobbies entre joueurs de confiance.</li>
</ul>
<p>Même pour un petit jeu, un serveur autoritaire simplifie votre « source de vérité ». La plupart des outils ci-dessous utilisent ce modèle par défaut.</p>
<h2 id="les-bases-du-netcode-uniquement-lorsque-vous-en-avez-besoin" tabindex="-1">Les bases du netcode (uniquement lorsque vous en avez besoin) <a class="header-anchor" href="#les-bases-du-netcode-uniquement-lorsque-vous-en-avez-besoin" aria-label="Permalink to &quot;Les bases du netcode (uniquement lorsque vous en avez besoin)&quot;"></a></h2>
<p>Pour les jeux rapides en temps réel, la synchronisation brute de l'état donne une impression de latence. Les solutions classiques, très bien expliquées dans la célèbre série de Gabriel Gambetta, sont les suivantes :</p>
<ul>
<li><strong>Prédiction côté client :</strong> le client applique immédiatement votre entrée au lieu d'attendre l'aller-retour avec le serveur, ce qui rend les déplacements instantanés.</li>
<li><strong>Réconciliation avec le serveur :</strong> lorsque l'état autoritaire arrive, le client réapplique ses entrées en attente afin de corriger tout écart.</li>
<li><strong>Interpolation des entités :</strong> les autres joueurs sont affichés légèrement dans le passé, entre deux états connus, afin de fluidifier leurs mouvements.</li>
<li><strong>Compensation de la latence :</strong> le serveur revient à la position qu'occupait une cible au moment du tir afin de déterminer équitablement si elle a été touchée.</li>
</ul>
<p>Ne développez pas ces mécanismes dès le départ. Ajoutez-les uniquement lorsque les déplacements semblent réellement ralentis, ce qui ne se produira pas dans les jeux au tour par tour ou les jeux lents.</p>
<h2 id="le-paysage-des-outils-en-2026" tabindex="-1">Le paysage des outils en 2026 <a class="header-anchor" href="#le-paysage-des-outils-en-2026" aria-label="Permalink to &quot;Le paysage des outils en 2026&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>À quoi sert-il ?</th>
<th>Open source</th>
<th>Hébergement</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Socket.IO</strong></td>
<td>Bibliothèque WebSocket ; vous écrivez la logique du jeu. Idéale pour apprendre et créer de petits salons.</td>
<td>Oui (MIT)</td>
<td>Auto-hébergé</td>
</tr>
<tr>
<td><strong>Colyseus</strong></td>
<td>Framework de serveur de jeu autoritaire : salons, matchmaking et synchronisation automatique de l'état.</td>
<td>Oui (MIT)</td>
<td>Auto-hébergement gratuit ; Cloud à partir d'environ 15 $/mois</td>
</tr>
<tr>
<td><strong>Playroom</strong></td>
<td>Salons accessibles sans backend, présence et matchmaking occasionnel. La solution la plus rapide pour les jeux grand public.</td>
<td>SDK</td>
<td>Géré</td>
</tr>
<tr>
<td><strong>PartyKit</strong></td>
<td>Salons en temps réel sur le réseau edge de Cloudflare (désormais intégré à Cloudflare).</td>
<td>Oui</td>
<td>Tarification Cloudflare à l'usage</td>
</tr>
<tr>
<td><strong>Cloudflare Durable Objects</strong></td>
<td>La primitive de plus bas niveau, avec un état par salon, sur laquelle repose PartyKit.</td>
<td>Plateforme</td>
<td>Tarification Cloudflare à l'usage</td>
</tr>
<tr>
<td><strong>geckos.io</strong></td>
<td>Communication client-serveur comparable à UDP via WebRTC, pour les jeux d'action rapides.</td>
<td>Oui</td>
<td>Auto-hébergé</td>
</tr>
<tr>
<td><strong>Nakama</strong></td>
<td>Backend open source complet : temps réel, matchmaking, classements et chat.</td>
<td>Oui (Apache-2.0)</td>
<td>Auto-hébergé ; cloud géré</td>
</tr>
<tr>
<td><strong>Photon</strong></td>
<td>Solution commerciale éprouvée de réseau en temps réel, principalement destinée à Unity.</td>
<td>Non</td>
<td>100 utilisateurs simultanés gratuits ; offres payantes</td>
</tr>
<tr>
<td><strong>Supabase Realtime</strong></td>
<td>Diffusion et présence via WebSockets pour la synchronisation légère et les lobbies.</td>
<td>Oui</td>
<td>Inclus dans les offres Supabase</td>
</tr>
</tbody>
</table>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/DbaBeLDU-oY" title="Créer une application web multijoueur en temps réel — CodeTV" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Création d'une expérience multijoueur en temps réel avec PartyKit sur le réseau edge.</div>
<h2 id="une-stack-recommandee-pour-les-debutants" tabindex="-1">Une stack recommandée pour les débutants <a class="header-anchor" href="#une-stack-recommandee-pour-les-debutants" aria-label="Permalink to &quot;Une stack recommandée pour les débutants&quot;"></a></h2>
<p>Pour un petit jeu par navigateur en temps réel en 2026 :</p>
<ul>
<li><strong>Transport :</strong> WebSockets, pour une compatibilité permettant de publier dès maintenant.</li>
<li><strong>Modèle de serveur :</strong> autoritaire, même pour un petit jeu, afin de simplifier la prévention de la triche et la gestion de la « source de vérité ».</li>
<li><strong>Framework :</strong> Colyseus. Sous licence MIT et gratuit en auto-hébergement, il fournit immédiatement les salons, le matchmaking et la synchronisation automatique de l'état. Un cloud géré est également proposé à partir d'environ 15 $ par mois si vous préférez ne pas exploiter vos propres serveurs. Si vous souhaitez éviter entièrement le backend pour un jeu occasionnel, Playroom est une option encore plus rapide. Si vous utilisez déjà Cloudflare, PartyKit ou Durable Objects s'intégreront naturellement.</li>
<li><strong>Netcode :</strong> commencez sans prédiction. N'ajoutez la prédiction et l'interpolation décrites par Gambetta que lorsque les déplacements commencent à sembler ralentis.</li>
</ul>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-moyen-le-plus-simple-de-creer-un-jeu-multijoueur-par-navigateur" tabindex="-1">Quel est le moyen le plus simple de créer un jeu multijoueur par navigateur ? <a class="header-anchor" href="#quel-est-le-moyen-le-plus-simple-de-creer-un-jeu-multijoueur-par-navigateur" aria-label="Permalink to &quot;Quel est le moyen le plus simple de créer un jeu multijoueur par navigateur ?&quot;"></a></h3>
<p>Commencez par un jeu au tour par tour ou en petit salon utilisant des WebSockets, avec un framework comme Colyseus ou un outil sans backend comme Playroom. Ces solutions gèrent pour vous les salons, les connexions et la synchronisation de l'état. Vous pouvez ainsi publier un jeu multijoueur fonctionnel sans développer de netcode ni exploiter vos propres serveurs. Gardez l'action rapide en temps réel pour après la publication d'un projet plus simple.</p>
<h3 id="dois-je-utiliser-websockets-ou-webrtc-pour-mon-jeu" tabindex="-1">Dois-je utiliser WebSockets ou WebRTC pour mon jeu ? <a class="header-anchor" href="#dois-je-utiliser-websockets-ou-webrtc-pour-mon-jeu" aria-label="Permalink to &quot;Dois-je utiliser WebSockets ou WebRTC pour mon jeu ?&quot;"></a></h3>
<p>Utilisez les WebSockets pour la plupart des jeux : elles sont simples, éprouvées et prises en charge partout. Choisissez WebRTC uniquement si vous avez besoin de connexions pair-à-pair ou d'une latence minimale pour des actions rapides, car sa configuration est nettement plus complexe. WebTransport est une option prometteuse pour l'avenir, mais sa prise en charge par les navigateurs est encore en cours de stabilisation en 2026.</p>
<h3 id="ai-je-besoin-de-mon-propre-serveur-pour-le-multijoueur" tabindex="-1">Ai-je besoin de mon propre serveur pour le multijoueur ? <a class="header-anchor" href="#ai-je-besoin-de-mon-propre-serveur-pour-le-multijoueur" aria-label="Permalink to &quot;Ai-je besoin de mon propre serveur pour le multijoueur ?&quot;"></a></h3>
<p>Pas nécessairement. Des outils gérés comme Colyseus Cloud, Playroom, PartyKit et Photon hébergent la partie temps réel pour vous. Vous pouvez également auto-héberger des frameworks open source comme Colyseus ou Nakama si vous souhaitez garder un contrôle total. Pour un petit jeu, un service géré est la solution la plus rapide et son utilisation est souvent gratuite ou peu coûteuse au départ.</p>
<h3 id="comment-empecher-la-triche-dans-un-jeu-multijoueur" tabindex="-1">Comment empêcher la triche dans un jeu multijoueur ? <a class="header-anchor" href="#comment-empecher-la-triche-dans-un-jeu-multijoueur" aria-label="Permalink to &quot;Comment empêcher la triche dans un jeu multijoueur ?&quot;"></a></h3>
<p>Utilisez un serveur autoritaire : les clients envoient uniquement leurs entrées et le serveur décide de ce qui se produit réellement, en validant chaque action. Ne faites jamais confiance au client pour déterminer le résultat du jeu. C'est pourquoi des frameworks comme Colyseus, Nakama et Photon utilisent par défaut un modèle à serveur autoritaire, surtout pour les jeux compétitifs.</p>
<BuildCta
  title="Commencez par le cœur de l'expérience solo"
  desc="Peaufinez les sensations de jeu contre des bots avant d'ajouter le netcode."
  prompt="Crée un jeu de tir en arène dans lequel j'affronte des vagues de bots contrôlés par l'IA" />
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — le moteur sur lequel fonctionne votre jeu multijoueur</li>
<li><a href="/fr/guides/best-free-game-engines-beginners.html">Meilleurs moteurs de jeu gratuits pour débutants</a> — par où commencer</li>
<li><a href="/fr/tutorials/websocket-multiplayer-basics.html">Les bases du multijoueur avec WebSocket</a> — une introduction pratique</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — publier votre jeu multijoueur</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/multiplayer-browser-game-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Phaser vs Defold : comparatif des meilleurs moteurs de jeux web 2D (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/phaser-vs-defold</link>
            <guid>https://app.cinevva.com/fr/guides/phaser-vs-defold</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comparatif de Phaser et Defold en 2026 pour les jeux web 2D selon la taille des builds, le temps de chargement, le langage, le flux de travail et le coût, afin de choisir le bon moteur 2D pour navigateur.]]></description>
            <content:encoded><![CDATA[<h1 id="phaser-vs-defold-comparatif-des-meilleurs-moteurs-de-jeux-web-2d-2026" tabindex="-1">Phaser vs Defold : comparatif des meilleurs moteurs de jeux web 2D (2026) <a class="header-anchor" href="#phaser-vs-defold-comparatif-des-meilleurs-moteurs-de-jeux-web-2d-2026" aria-label="Permalink to &quot;Phaser vs Defold : comparatif des meilleurs moteurs de jeux web 2D (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Pour les jeux 2D dans le navigateur, deux moteurs se distinguent par des atouts différents : Phaser, le framework HTML5 le plus populaire, et Defold, le moteur qui produit les builds web les plus légers et les plus rapides à charger. Ils s'adressent à des profils de développeurs différents. Voici notre comparatif 2026 pour vous aider à choisir.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/3nfs6MNTNDo" title="Comparatif du moteur de jeu Defold — GameFromScratch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">GameFromScratch confronte Defold directement à d'autres moteurs.</div>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<ul>
<li><strong>Les builds web les plus légers et les plus rapides à charger, avec un éditeur tout-en-un soigné :</strong> Defold.</li>
<li><strong>La plus grande communauté, le plus de tutoriels et un framework JavaScript orienté code :</strong> Phaser.</li>
</ul>
<p>Les deux sont gratuits. Le véritable choix dépend du flux de travail (éditeur visuel ou framework orienté code), du langage (Lua ou JavaScript), ainsi que de l'importance que vous accordez au temps de chargement et à la communauté.</p>
<h2 id="comparatif" tabindex="-1">Comparatif <a class="header-anchor" href="#comparatif" aria-label="Permalink to &quot;Comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Phaser (4)</th>
<th>Defold</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Type</strong></td>
<td>Framework de jeu JS/TS</td>
<td>Moteur complet + éditeur</td>
</tr>
<tr>
<td><strong>Langage</strong></td>
<td>JavaScript / TypeScript</td>
<td>Lua</td>
</tr>
<tr>
<td><strong>Technologie web</strong></td>
<td>WebGL2 / Canvas</td>
<td>WebAssembly + WebGL</td>
</tr>
<tr>
<td><strong>Taille d'un build vide</strong></td>
<td>~500 Ko (framework)</td>
<td>~1,14 Mo (build complet)</td>
</tr>
<tr>
<td><strong>Éditeur</strong></td>
<td>Utilisez celui de votre choix (code)</td>
<td>Intégré et tout-en-un</td>
</tr>
<tr>
<td><strong>Communauté</strong></td>
<td>La plus grande dans le domaine des jeux HTML5</td>
<td>Plus petite, mais active</td>
</tr>
<tr>
<td><strong>Publication</strong></td>
<td>Manuelle / par vos propres moyens</td>
<td>Intégrée (Poki et autres)</td>
</tr>
<tr>
<td><strong>Licence / coût</strong></td>
<td>Gratuit (MIT)</td>
<td>Gratuit, sans redevances</td>
</tr>
<tr>
<td><strong>3D</strong></td>
<td>Non (2D)</td>
<td>Principalement 2D, fonctionnalités 3D en cours d'ajout</td>
</tr>
</tbody>
</table>
<h2 id="phaser-4" tabindex="-1">Phaser 4 <a class="header-anchor" href="#phaser-4" aria-label="Permalink to &quot;Phaser 4&quot;"></a></h2>
<p>Phaser est le framework de jeu HTML5 le plus populaire, et sa version 4.0 stable est sortie en avril 2026 (rapidement suivie de versions intermédiaires comme la 4.2). Il s'agit d'une réécriture complète du moteur de rendu WebGL2, dotée d'une nouvelle architecture basée sur des nœuds, tout en conservant l'API familière de la v3. Vous programmez en JavaScript ou TypeScript et bénéficiez nativement de la physique, des contrôles, de l'audio, des scènes et du chargement des ressources. Le framework lui-même est léger (~500 Ko), bien que la taille finale dépende de vos ressources. Ses principaux avantages sont son immense communauté, sa quantité impressionnante de tutoriels et d'exemples, ainsi que l'utilisation de code web standard que vous maîtrisez entièrement. Notez que Phaser 4 est un moteur WebGL2, et non WebGPU ; WebGPU constitue une base pour l'avenir, pas une fonctionnalité disponible actuellement.</p>
<h2 id="defold" tabindex="-1">Defold <a class="header-anchor" href="#defold" aria-label="Permalink to &quot;Defold&quot;"></a></h2>
<p>Defold, créé à l'origine par King (Candy Crush), est conçu pour produire des jeux web légers et rapides à charger. Son build HTML5 vide pèse environ 1,14 Mo et utilise WebAssembly par défaut, ce qui en fait l'un des moteurs les plus rapides à charger d'après les études portant sur les meilleurs jeux web. Il est fourni sous forme de solution complète : éditeur intégré, outils de création de scènes et publication en un clic sur des plateformes comme Poki. La dernière version stable est la 1.13.0 (juin 2026), qui a abandonné l'ancienne cible asm.js afin que les builds web reposent exclusivement sur Wasm. Le moteur est gratuit et sans redevances. En contrepartie, sa communauté est plus petite que celle de Phaser, et l'apprentissage des scripts Lua et du modèle de composants de Defold demande un certain temps. Il s'agit principalement d'un moteur 2D, même s'il ajoute activement des fonctionnalités 3D.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Si vous connaissez déjà JavaScript, souhaitez bénéficier du plus grand choix de tutoriels et de ressources d'aide, et aimez composer votre propre chaîne d'outils, choisissez Phaser. Si vous recherchez les builds les plus légers et les plus rapides à charger, un éditeur tout-en-un soigné et des fonctions de publication intégrées, et que l'apprentissage de Lua ne vous dérange pas, choisissez Defold. Pour les jeux web mobiles où le temps de chargement est crucial, Defold possède un réel avantage ; pour l'apprentissage et l'aide de la communauté, Phaser est difficile à battre.</p>
<p>Vous souhaitez explorer davantage d'options, notamment PixiJS, Construct et GDevelop ? Consultez notre guide des <a href="/fr/guides/best-2d-game-engines-2026.html">meilleurs moteurs de jeux 2D pour 2026</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="phaser-ou-defold-est-il-preferable-pour-les-jeux-web-2d" tabindex="-1">Phaser ou Defold est-il préférable pour les jeux web 2D ? <a class="header-anchor" href="#phaser-ou-defold-est-il-preferable-pour-les-jeux-web-2d" aria-label="Permalink to &quot;Phaser ou Defold est-il préférable pour les jeux web 2D ?&quot;"></a></h3>
<p>Les deux sont excellents, mais s'adressent à des profils de développeurs différents. Phaser est un framework JavaScript orienté code, doté de la plus grande communauté et du plus grand nombre de ressources pédagogiques. Defold est un moteur complet avec éditeur intégré qui produit les builds web les plus légers et les plus rapides à charger. Choisissez Phaser pour sa communauté et JavaScript, ou Defold pour ses temps de chargement et son flux de travail tout-en-un.</p>
<h3 id="lequel-produit-les-builds-web-les-plus-legers-et-les-plus-rapides-a-charger" tabindex="-1">Lequel produit les builds web les plus légers et les plus rapides à charger ? <a class="header-anchor" href="#lequel-produit-les-builds-web-les-plus-legers-et-les-plus-rapides-a-charger" aria-label="Permalink to &quot;Lequel produit les builds web les plus légers et les plus rapides à charger ?&quot;"></a></h3>
<p>Defold. Son build HTML5 vide pèse environ 1,14 Mo et utilise WebAssembly, ce qui en fait l'un des moteurs de jeux web les plus rapides à charger. Le framework Phaser pèse environ 500 Ko, mais il s'agit d'un framework plutôt que d'un build complet, et la taille réelle dépend fortement de vos propres ressources. Pour les jeux où le temps de chargement est déterminant, Defold a l'avantage.</p>
<h3 id="phaser-et-defold-prennent-ils-en-charge-webgpu" tabindex="-1">Phaser et Defold prennent-ils en charge WebGPU ? <a class="header-anchor" href="#phaser-et-defold-prennent-ils-en-charge-webgpu" aria-label="Permalink to &quot;Phaser et Defold prennent-ils en charge WebGPU ?&quot;"></a></h3>
<p>Pas en tant que fonctionnalité disponible en 2026. Phaser 4 est une réécriture basée sur WebGL2, WebGPU ne constituant qu'une base pour l'avenir. Le backend HTML5 de Defold utilise WebGL, tandis que la prise en charge expérimentale de WebGPU est en cours. Pour les jeux 2D, cela a rarement de l'importance : WebGL2 est largement suffisant pour un rendu 2D classique.</p>
<h3 id="phaser-et-defold-sont-ils-gratuits-pour-les-jeux-commerciaux" tabindex="-1">Phaser et Defold sont-ils gratuits pour les jeux commerciaux ? <a class="header-anchor" href="#phaser-et-defold-sont-ils-gratuits-pour-les-jeux-commerciaux" aria-label="Permalink to &quot;Phaser et Defold sont-ils gratuits pour les jeux commerciaux ?&quot;"></a></h3>
<p>Oui. Phaser est gratuit sous licence MIT, tandis que Defold est gratuit et open source, sans redevances ni seuils de chiffre d'affaires. Aucun des deux ne vous facture la publication d'un jeu commercial, même si Phaser commercialise séparément un éditeur facultatif.</p>
<BuildCta
  title="Testez votre idée de jeu 2D avant de vous engager"
  desc="Une seule instruction, un prototype jouable, aucun code passe-partout."
  prompt="Crée un jeu de tir spatial 2D avec des vagues d'ennemis et des bonus" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeux 2D pour 2026</a> — le panorama complet des moteurs 2D</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — 2D et 3D réunies</li>
<li><a href="/fr/guides/best-free-game-engines-beginners.html">Meilleurs moteurs de jeux gratuits pour débutants</a> — par où commencer</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — publier un jeu 2D terminé</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/phaser-vs-defold-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment promouvoir un jeu indépendant sans budget (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/promote-indie-game-no-budget</link>
            <guid>https://app.cinevva.com/fr/guides/promote-indie-game-no-budget</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Guide pratique 2026 pour promouvoir un jeu indépendant sans budget, des listes de souhaits et de la page Steam aux vidéos courtes, journaux de développement, communautés et prises de contact avec les streamers.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-promouvoir-un-jeu-independant-sans-budget-2026" tabindex="-1">Comment promouvoir un jeu indépendant sans budget (2026) <a class="header-anchor" href="#comment-promouvoir-un-jeu-independant-sans-budget-2026" aria-label="Permalink to &quot;Comment promouvoir un jeu indépendant sans budget (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Vous n'avez pas besoin d'argent pour promouvoir un jeu. Il vous faut du temps, une accroche claire et commencer tôt. La dure réalité de 2026, c'est que le problème vient de la visibilité, pas de la demande : environ 19 000 jeux sont sortis sur Steam en 2024, et la plupart n'ont jamais réalisé de ventes significatives. La bonne nouvelle, c'est que les canaux efficaces pour les studios indépendants sont pour la plupart gratuits. Voici comment les exploiter.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/kpb2Ab8x7Zg" title="Pourquoi les listes de souhaits sont-elles si importantes pour les développeurs indépendants ? (avec Chris Zukowski)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Pourquoi les listes de souhaits sont importantes, avec l'expert en marketing Chris Zukowski.</div>
<h2 id="commencez-par-la-page-steam-si-votre-jeu-est-sur-steam" tabindex="-1">Commencez par la page Steam (si votre jeu est sur Steam) <a class="header-anchor" href="#commencez-par-la-page-steam-si-votre-jeu-est-sur-steam" aria-label="Permalink to &quot;Commencez par la page Steam (si votre jeu est sur Steam)&quot;"></a></h2>
<p>Si votre jeu doit sortir sur Steam, la meilleure action gratuite que vous puissiez entreprendre est de publier tôt une page « Prochainement ». Les jeux qui l'ont mise en ligne six mois ou plus avant leur lancement ont enregistré bien plus de ventes que ceux qui ont attendu le dernier mois. Les listes de souhaits n'expirent pas : publiez donc la page dès que vous disposez de quelques captures d'écran et d'une courte vidéo.</p>
<p>À quoi servent réellement les listes de souhaits : chaque personne ayant ajouté le jeu à sa liste reçoit une notification lors de sa sortie et des promotions, ce qui transforme cette audience en pic de ventes dès le premier jour. Elles contribuent également au classement « Prochainement populaires » pendant la dernière semaine. Un seuil approximatif pour un lancement viable se situe autour de 7 000 listes de souhaits. Ce n'est pas un chiffre magique : cela signifie simplement figurer parmi les principales sorties de la semaine. Remplissez aussi correctement votre page de boutique : des tags précis, utilisés par Steam pour classer les jeux, et la prise en charge d'un plus grand nombre de langues augmentent tous deux la fréquence à laquelle Steam recommande votre jeu.</p>
<h3 id="la-boucle-demo-de-steam-neo-fest" tabindex="-1">La boucle démo de Steam Néo Fest <a class="header-anchor" href="#la-boucle-demo-de-steam-neo-fest" aria-label="Permalink to &quot;La boucle démo de Steam Néo Fest&quot;"></a></h3>
<p>Steam Néo Fest est le plus grand événement gratuit pour gagner des listes de souhaits, mais il amplifie une audience existante au lieu d'en créer une. Le nombre de listes de souhaits obtenues dépend fortement de celui avec lequel vous arrivez. Constituez donc une audience avant le festival, puis profitez de son élan. Un bon taux de conversion d'une démo en ajout à la liste de souhaits se situe autour de 16 à 20 %.</p>
<h2 id="creez-un-jeu-qui-assure-sa-propre-promotion" tabindex="-1">Créez un jeu qui assure sa propre promotion <a class="header-anchor" href="#creez-un-jeu-qui-assure-sa-propre-promotion" aria-label="Permalink to &quot;Créez un jeu qui assure sa propre promotion&quot;"></a></h2>
<p>La plus importante décision marketing intervient avant toute action promotionnelle : le genre et le concept de votre jeu. Un jeu au concept immédiatement accrocheur se diffuse dès sa première capture d'écran et n'a besoin que d'une ou deux phrases pour susciter l'intérêt. Si vous ne pouvez pas montrer en quelques secondes de vidéo ce qui rend votre jeu intéressant, le public continuera de faire défiler son fil. Misez donc d'abord sur l'accroche : les bandes-annonces et extraits doivent montrer l'élément intéressant dès les premières secondes, puis présenter le genre, l'accroche et le contenu, plutôt qu'une liste de fonctionnalités.</p>
<h2 id="les-canaux-gratuits-qui-fonctionnent-en-2026" tabindex="-1">Les canaux gratuits qui fonctionnent en 2026 <a class="header-anchor" href="#les-canaux-gratuits-qui-fonctionnent-en-2026" aria-label="Permalink to &quot;Les canaux gratuits qui fonctionnent en 2026&quot;"></a></h2>
<ul>
<li><strong>Les vidéos courtes</strong> (TikTok, Reels, YouTube Shorts) constituent le canal gratuit offrant le meilleur potentiel de portée, car l'algorithme montre les vidéos à des personnes qui ne vous suivent pas, contrairement à X, où la portée organique a diminué. Une vidéo peut largement surpasser un tweet. Soyons toutefois honnêtes : obtenir une portée organique avec des vidéos courtes est devenu plus difficile en 2025-2026. Attendez-vous donc à publier régulièrement et considérez YouTube Shorts comme une option stable qui génère également de nombreux clics.</li>
<li><strong>Journaux de développement, bandes-annonces, GIF et illustrations de capsule :</strong> les expositions répétées créent la familiarité qui se transforme en listes de souhaits, tandis que la publication régulière d'extraits permet aussi de tester gratuitement les accroches qui fonctionnent.</li>
<li><strong>Reddit :</strong> publiez dans les communautés pertinentes (r/IndieGaming, r/IndieDev, r/indiegames, r/playmygame, ainsi que dans les communautés spécialisées) et respectez approximativement la règle des 10 pour 1 : seule une publication sur dix environ doit faire directement la promotion de votre jeu. Une autopromotion assimilable à du spam vous fera bannir.</li>
<li><strong>Discord :</strong> un serveur entretient l'intérêt des joueurs, vous fournit des testeurs et construit le noyau de la communauté qui sera présent au lancement.</li>
</ul>
<h2 id="presse-et-streamers-sans-budget" tabindex="-1">Presse et streamers sans budget <a class="header-anchor" href="#presse-et-streamers-sans-budget" aria-label="Permalink to &quot;Presse et streamers sans budget&quot;"></a></h2>
<p>Les streamers et YouTubeurs favorisent désormais la découverte des jeux indépendants de manière plus fiable que la presse traditionnelle. Quelques créateurs bien choisis peuvent surpasser toutes vos démarches auprès de la presse réunies. Ils recherchent activement des démos gratuites. Un ciblage précis vaut mieux qu'une vaste portée : choisissez des créateurs dont l'audience correspond au genre de votre jeu et expliquez-leur pourquoi vous les avez sélectionnés.</p>
<p>Pour la presse, rédigez des messages courts — la plupart des journalistes préfèrent moins de 200 mots — et incluez une accroche, le genre, un lien vers le kit presse, la bande-annonce et une clé, tout en personnalisant votre message. Publiez un kit presse d'une page avec une fiche descriptive, des captures d'écran en haute résolution, une bande-annonce et des logos. Chaque obstacle supprimé augmente vos chances. Envoyez les copies destinées aux critiques environ deux semaines avant le lancement et fournissez les clés aux streamers une semaine à l'avance. La plus grave erreur consiste à ne plus donner de nouvelles après que quelqu'un a manifesté son intérêt et à laisser passer l'occasion.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/gQBdIGaZROE" title="Comment NE PAS rater le lancement de votre jeu indépendant. 30 erreurs en 30 minutes." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Les erreurs courantes à éviter lors du lancement d'un jeu indépendant.</div>
<h2 id="des-attentes-realistes" tabindex="-1">Des attentes réalistes <a class="header-anchor" href="#des-attentes-realistes" aria-label="Permalink to &quot;Des attentes réalistes&quot;"></a></h2>
<p>Le constat de départ donne à réfléchir : le chiffre d'affaires médian d'un jeu Steam sorti en 2024 n'était que de quelques centaines de dollars, et une poignée de gagnants concentre l'essentiel des revenus. Mais il s'agit d'un problème de visibilité, pas de demande : les jeux indépendants représentent désormais environ la moitié du chiffre d'affaires et des exemplaires vendus sur Steam. L'audience est immense ; votre travail consiste à rendre votre jeu facile à trouver. L'erreur numéro un est de développer dans le silence et de ne commencer la promotion que pendant la dernière semaine. Un silence total est plus dangereux que de montrer un jeu imparfait.</p>
<p>Si votre jeu fonctionne dans un navigateur, le publier gratuitement sur des portails comme Poki et CrazyGames constitue en soi une action marketing sans budget, car ces plateformes vous apportent des joueurs que vous devriez autrement payer pour atteindre. La présence sur un portail expose votre jeu à un public déjà sur place et à la recherche de quelque chose à jouer. Vous obtenez ainsi de la distribution et du trafic sans dépenser un seul euro en publicité. Consultez <a href="/fr/guides/publish-web-game.html">où publier un jeu web</a> pour comparer les plateformes et <a href="/fr/guides/web-game-monetization.html">la monétisation des jeux web</a> pour découvrir ce que cette portée peut réellement rapporter.</p>
<h2 id="un-calendrier-sans-budget" tabindex="-1">Un calendrier sans budget <a class="header-anchor" href="#un-calendrier-sans-budget" aria-label="Permalink to &quot;Un calendrier sans budget&quot;"></a></h2>
<ul>
<li><strong>6 à 12 mois avant :</strong> publiez la page Steam « Prochainement », commencez à diffuser des extraits et des journaux de développement, puis lancez votre serveur Discord.</li>
<li><strong>3 à 6 mois avant :</strong> publiez régulièrement des vidéos courtes, accumulez des listes de souhaits et préparez votre participation à Steam Néo Fest.</li>
<li><strong>4 à 6 semaines avant :</strong> contactez la presse et les créateurs, puis finalisez la bande-annonce et le kit presse.</li>
<li><strong>Semaine de lancement :</strong> coordonnez vos publications sur Reddit et les réseaux sociaux ainsi que vos communications à la presse le même matin ; fournissez leurs clés aux streamers une semaine plus tôt.</li>
</ul>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="comment-promouvoir-un-jeu-independant-sans-argent" tabindex="-1">Comment promouvoir un jeu indépendant sans argent ? <a class="header-anchor" href="#comment-promouvoir-un-jeu-independant-sans-argent" aria-label="Permalink to &quot;Comment promouvoir un jeu indépendant sans argent ?&quot;"></a></h3>
<p>Commencez tôt et appuyez-vous sur les canaux gratuits : publiez une page Steam plusieurs mois à l'avance pour recueillir des listes de souhaits, diffusez de courtes vidéos montrant l'accroche de votre jeu, rédigez des journaux de développement, partagez votre travail dans les communautés Reddit et Discord pertinentes, puis contactez les streamers et les petits médias. La clé réside dans la régularité au fil du temps et dans une accroche claire et immédiate, pas dans le budget marketing.</p>
<h3 id="combien-de-listes-de-souhaits-me-faut-il-avant-de-lancer-mon-jeu-sur-steam" tabindex="-1">Combien de listes de souhaits me faut-il avant de lancer mon jeu sur Steam ? <a class="header-anchor" href="#combien-de-listes-de-souhaits-me-faut-il-avant-de-lancer-mon-jeu-sur-steam" aria-label="Permalink to &quot;Combien de listes de souhaits me faut-il avant de lancer mon jeu sur Steam ?&quot;"></a></h3>
<p>Il n'existe aucun chiffre magique, mais un seuil approximatif se situe autour de 7 000 listes de souhaits. Entre 7 000 et 10 000, vous avez une chance d'apparaître dans l'onglet « Prochainement populaires ». Plus vous en avez, mieux c'est, car les notifications transforment les listes de souhaits en ventes le jour du lancement. L'objectif essentiel est de figurer parmi les principales sorties de la semaine, ce qui dépend surtout de la publication anticipée de votre page et du démarrage précoce de votre promotion.</p>
<h3 id="quel-est-le-meilleur-canal-marketing-gratuit-pour-les-jeux-independants-en-2026" tabindex="-1">Quel est le meilleur canal marketing gratuit pour les jeux indépendants en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-canal-marketing-gratuit-pour-les-jeux-independants-en-2026" aria-label="Permalink to &quot;Quel est le meilleur canal marketing gratuit pour les jeux indépendants en 2026 ?&quot;"></a></h3>
<p>Les vidéos courtes de véritables séquences de jeu sur TikTok, Reels et YouTube Shorts, car les algorithmes les montrent aux personnes qui ne vous suivent pas, ce qui offre une portée sans audience existante. Les streamers et les YouTubeurs produisent également un effet considérable. La portée organique des vidéos courtes est devenue plus difficile à obtenir qu'il y a quelques années : publiez donc régulièrement plutôt que d'espérer une unique vidéo virale.</p>
<h3 id="quelle-est-la-plus-grave-erreur-marketing-des-developpeurs-independants" tabindex="-1">Quelle est la plus grave erreur marketing des développeurs indépendants ? <a class="header-anchor" href="#quelle-est-la-plus-grave-erreur-marketing-des-developpeurs-independants" aria-label="Permalink to &quot;Quelle est la plus grave erreur marketing des développeurs indépendants ?&quot;"></a></h3>
<p>Développer dans le silence et ne commencer la promotion que pendant la dernière semaine. Il faut plusieurs mois de préparation marketing pour accumuler des listes de souhaits et construire une audience. Même un excellent jeu sera noyé parmi les autres s'il est lancé sans aucune liste de souhaits, sans bande-annonce et avec une page de boutique médiocre. Montrez votre jeu tôt, même s'il est imparfait, et commencez à susciter l'intérêt bien avant sa sortie.</p>
<BuildCta
  title="Votre meilleur outil marketing est un lien qui permet de jouer"
  desc="Les jeux web se diffusent facilement parce qu'il n'y a rien à installer."
  prompt="Créez un mini-jeu partageable avec un défi de meilleur score" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour Steam Néo Fest</a> — l'événement consacré aux démos et aux listes de souhaits en détail</li>
<li><a href="/fr/guides/kickstarter-for-indie-games.html">Kickstarter pour les jeux indépendants</a> — si vous optez pour le financement participatif</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a> — lancer un jeu sur itch</li>
<li><a href="/fr/guides/get-more-plays-itch-io.html">Comment obtenir plus de parties sur itch.io</a> — attirer du trafic vers un jeu web</li>
<li><a href="/fr/guides/publish-web-game.html">Les meilleurs endroits où publier un jeu web en 2026</a> — où publier un jeu web</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web : ce que disent réellement les données</a> — ce que peut rapporter la portée gratuite des portails</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/promote-indie-game-no-budget-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs endroits où publier un jeu web en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/publish-web-game</link>
            <guid>https://app.cinevva.com/fr/guides/publish-web-game</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Où publier un jeu web en 2026, avec une comparaison d’itch.io, Newgrounds, CrazyGames, Poki, GameJolt et d’autres plateformes selon leur audience, le partage des revenus et leurs exigences.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-endroits-ou-publier-un-jeu-web-en-2026" tabindex="-1">Meilleurs endroits où publier un jeu web en 2026 <a class="header-anchor" href="#meilleurs-endroits-ou-publier-un-jeu-web-en-2026" aria-label="Permalink to &quot;Meilleurs endroits où publier un jeu web en 2026&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Vous avez terminé un jeu web. Et maintenant ? L’endroit où vous le publiez détermine combien de personnes y joueront, si vous gagnerez de l’argent et quel niveau de contrôle vous conserverez. Les plateformes vont de l’autoédition gratuite et instantanée aux portails sélectifs qui comptent des millions de joueurs et imposent des critères plus stricts. Voici l’état des lieux en 2026, avec les compromis qui comptent vraiment.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/hyWQHY7EqoE" title="Comment créer une page itch.io pour votre jeu indépendant — TheOdie" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Créer une page itch.io convaincante, la solution la plus flexible pour publier soi-même un jeu web.</div>
<h2 id="comparatif" tabindex="-1">Comparatif <a class="header-anchor" href="#comparatif" aria-label="Permalink to &quot;Comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>Audience</th>
<th>Modèle de revenus</th>
<th>Approbation</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>itch.io</strong></td>
<td>Importante (indépendants)</td>
<td>Vous fixez la commission (par défaut 90 % pour vous / 10 % pour itch) ; payant, dons ou gratuit</td>
<td>Instantanée, sans sélection</td>
<td>Jeux indépendants, payants/à prix libre, jeux de game jam</td>
</tr>
<tr>
<td><strong>Newgrounds</strong></td>
<td>Moyenne, communautaire</td>
<td>Partage des revenus publicitaires avec les créateurs</td>
<td>Vote du portail</td>
<td>Jeux gratuits sur navigateur, public amateur d’art et d’animation</td>
</tr>
<tr>
<td><strong>CrazyGames</strong></td>
<td>Plus de 50 M de joueurs mensuels</td>
<td>Partage des revenus publicitaires (% non public)</td>
<td>Contrôle qualité + évaluation</td>
<td>Action/arcade/casual, large audience</td>
</tr>
<tr>
<td><strong>Poki</strong></td>
<td>Environ 100 M d’utilisateurs actifs mensuels</td>
<td>100 % si vous apportez les joueurs / 50 % si Poki les apporte</td>
<td>Rigoureuse, avec tests de jeu</td>
<td>Jeux casual soignés et optimisés</td>
</tr>
<tr>
<td><strong>GameJolt</strong></td>
<td>Communautaire</td>
<td>Commission de la boutique plafonnée à 10 %</td>
<td>Instantanée</td>
<td>Développer une communauté de fans, ventes à faibles frais</td>
</tr>
<tr>
<td><strong>gd.games</strong> (GDevelop)</td>
<td>Communautaire</td>
<td>Revenus publicitaires basés sur les sessions</td>
<td>Privé, puis public</td>
<td>Utilisateurs de GDevelop, hébergement gratuit</td>
</tr>
<tr>
<td><strong>Armor Games</strong></td>
<td>Plus réduite</td>
<td>Frais initiaux de parrainage/licence</td>
<td>Proposition par e-mail, sélection éditoriale</td>
<td>Jeux soignés cherchant une rémunération</td>
</tr>
<tr>
<td><strong>GameDistribution / GameMonetize</strong></td>
<td>Audience d’un réseau</td>
<td>Partage des revenus (33 % / 45 % et plus)</td>
<td>Tableau de bord + évaluation</td>
<td>Syndication passive de jeux casual</td>
</tr>
</tbody>
</table>
<p>À propos des deux grands portails : <strong>Poki et CrazyGames</strong> disposent des plus grandes audiences, mais imposent aussi les critères les plus stricts et des SDK obligatoires. <strong>itch.io</strong> offre le plus de liberté et le meilleur partage des revenus, mais c’est à vous d’attirer les joueurs. Oubliez <strong>Kongregate</strong>, qui a cessé d’accepter de nouveaux jeux en 2020 et sert désormais d’archive.</p>
<h2 id="commencez-par-l-autoedition-itch-io" tabindex="-1">Commencez par l’autoédition : itch.io <a class="header-anchor" href="#commencez-par-l-autoedition-itch-io" aria-label="Permalink to &quot;Commencez par l’autoédition : itch.io&quot;"></a></h2>
<p>Pour la plupart des créateurs indépendants, itch.io constitue le point de départ par défaut. Vous importez une version HTML5 (un fichier ZIP contenant <code>index.html</code>), elle s’affiche dans une iframe et votre jeu est en ligne en quelques minutes, sans processus d’approbation. Vous définissez le partage des revenus (par défaut, vous en conservez 90 %) et pouvez rendre votre jeu payant, accepter des dons ou le proposer gratuitement. L’inconvénient, c’est qu’itch génère peu de trafic durable à lui seul. C’est à vous d’y attirer les joueurs. Nous abordons ce sujet dans notre guide <a href="/fr/guides/get-more-plays-itch-io.html">comment obtenir plus de parties sur itch.io</a>, ainsi que les bases dans le <a href="/fr/guides/itch-io-launch-guide.html">guide de lancement sur itch.io</a>.</p>
<h2 id="les-grands-portails-crazygames-et-poki" tabindex="-1">Les grands portails : CrazyGames et Poki <a class="header-anchor" href="#les-grands-portails-crazygames-et-poki" aria-label="Permalink to &quot;Les grands portails : CrazyGames et Poki&quot;"></a></h2>
<p>Si vous recherchez une audience intégrée de plusieurs dizaines de millions de joueurs, les portails de jeux casual sont la meilleure option, mais ils sont sélectifs.</p>
<ul>
<li><strong>CrazyGames</strong> (plus de 50 M de joueurs mensuels) accepte les jeux HTML5/WebGL. Une fiche de base demande peu de travail, mais un lancement complet avec monétisation nécessite son SDK et la réussite des contrôles qualité, notamment un fonctionnement correct avec les bloqueurs de publicités et un accès direct au jeu. Les versements commencent à partir de 100 €.</li>
<li><strong>Poki</strong> (environ 100 M d’utilisateurs mensuels) est la plateforme la plus exigeante : son processus comporte plusieurs étapes et des tests de jeu, avec une évaluation de la qualité, de l’adéquation au public et de la fiabilité technique. Son SDK est obligatoire, et le partage des revenus dépend de la provenance du joueur (100 % lorsque vous l’apportez, 50 % lorsque Poki l’apporte).</li>
</ul>
<p>Ces plateformes conviennent aux jeux casual soignés et très optimisés, et suivre leur processus demande un réel investissement.</p>
<h2 id="plateformes-communautaires-newgrounds-gamejolt-gd-games" tabindex="-1">Plateformes communautaires : Newgrounds, GameJolt, gd.games <a class="header-anchor" href="#plateformes-communautaires-newgrounds-gamejolt-gd-games" aria-label="Permalink to &quot;Plateformes communautaires : Newgrounds, GameJolt, gd.games&quot;"></a></h2>
<ul>
<li><strong>Newgrounds</strong> privilégie la communauté, avec un système de vote sur le portail et un partage des revenus publicitaires. Une excellente solution pour les jeux gratuits sur navigateur et le public amateur d’art et d’animation.</li>
<li><strong>GameJolt</strong> plafonne la commission de sa boutique à 10 % et met l’accent sur les abonnements et le développement d’une communauté de fans.</li>
<li><strong>gd.games</strong> propose aux utilisateurs de GDevelop un hébergement gratuit, des revenus publicitaires basés sur les sessions et une publication en un clic depuis l’éditeur.</li>
</ul>
<h2 id="reseaux-de-distribution-gamedistribution-gamemonetize" tabindex="-1">Réseaux de distribution : GameDistribution, GameMonetize <a class="header-anchor" href="#reseaux-de-distribution-gamedistribution-gamemonetize" aria-label="Permalink to &quot;Réseaux de distribution : GameDistribution, GameMonetize&quot;"></a></h2>
<p>Ces services syndiquent un même jeu HTML5 sur de nombreux sites partenaires afin de lui offrir une audience passive, en échange d’une commission plus importante et de l’intégration obligatoire d’un SDK. GameDistribution prélève une part plus élevée ; GameMonetize propose un meilleur partage ainsi que des versements rapides avec un seuil bas. Ces réseaux conviennent aux jeux casual, de réflexion et .io, pour lesquels le volume compte davantage que le pourcentage reversé.</p>
<h2 id="n-oubliez-pas-l-auto-hebergement" tabindex="-1">N’oubliez pas l’auto-hébergement <a class="header-anchor" href="#n-oubliez-pas-l-auto-hebergement" aria-label="Permalink to &quot;N’oubliez pas l’auto-hébergement&quot;"></a></h2>
<p>Un jeu HTML5 se compose simplement de fichiers statiques. Vous pouvez donc l’héberger gratuitement sur GitHub Pages, Cloudflare Pages, Netlify ou Vercel, avec votre propre nom de domaine, sans commission sur les revenus et en conservant le contrôle total du SEO et des statistiques. L’inconvénient est l’absence totale d’audience intégrée. Une approche courante consiste à auto-héberger la version canonique pour développer votre marque et votre SEO, tout en publiant également le jeu sur itch.io et un ou deux portails afin de toucher davantage de joueurs. Si votre jeu a été créé avec un outil comme Cinevva, vous pouvez aussi le partager instantanément à l’aide d’un lien et le proposer pour la galerie.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Choisissez la plateforme en fonction de votre objectif. Vous voulez un maximum de liberté et le meilleur partage des revenus ? itch.io avec l’auto-hébergement. Vous recherchez la plus grande audience et disposez d’un jeu casual soigné ? Poki ou CrazyGames. Vous souhaitez recevoir un paiement initial pour un jeu abouti et de qualité ? Présentez-le à Armor Games. Vous recherchez une audience passive grâce à la syndication ? Choisissez un réseau de distribution. La plupart des créateurs indépendants publient à plusieurs endroits en même temps : itch.io comme plateforme principale, un portail pour l’audience et leur propre lien pour garder le contrôle.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-publier-mon-jeu-html5" tabindex="-1">Où publier mon jeu HTML5 ? <a class="header-anchor" href="#ou-publier-mon-jeu-html5" aria-label="Permalink to &quot;Où publier mon jeu HTML5 ?&quot;"></a></h3>
<p>Commencez par itch.io : la publication est instantanée et gratuite, la plateforme offre le meilleur partage des revenus et vous permet de proposer votre jeu gratuitement ou de le rendre payant. Pour toucher un public plus large, soumettez vos jeux casual soignés à CrazyGames ou Poki, qui appliquent tous deux une sélection rigoureuse et imposent leurs SDK. La plupart des développeurs publient à plusieurs endroits : itch.io, un portail et leur propre lien auto-hébergé.</p>
<h3 id="quelle-plateforme-de-jeux-web-remunere-le-mieux" tabindex="-1">Quelle plateforme de jeux web rémunère le mieux ? <a class="header-anchor" href="#quelle-plateforme-de-jeux-web-remunere-le-mieux" aria-label="Permalink to &quot;Quelle plateforme de jeux web rémunère le mieux ?&quot;"></a></h3>
<p>Cela dépend du trafic et du modèle économique. itch.io offre le meilleur partage des revenus (vous conservez au moins 90 % par défaut), mais c’est à vous d’attirer le public. Poki et CrazyGames disposent d’immenses audiences intégrées, mais partagent les revenus publicitaires selon leurs propres conditions. Armor Games verse des frais de parrainage initiaux pour les jeux de qualité. Il n’existe pas de solution universellement supérieure : un pourcentage élevé avec peu de trafic peut rapporter moins qu’un pourcentage inférieur auprès de millions de joueurs.</p>
<h3 id="ai-je-besoin-d-un-sdk-pour-publier-un-jeu-web" tabindex="-1">Ai-je besoin d’un SDK pour publier un jeu web ? <a class="header-anchor" href="#ai-je-besoin-d-un-sdk-pour-publier-un-jeu-web" aria-label="Permalink to &quot;Ai-je besoin d’un SDK pour publier un jeu web ?&quot;"></a></h3>
<p>Sur itch.io, Newgrounds et GameJolt, non : il suffit d’importer votre jeu. Sur les grands portails (Poki, CrazyGames) et les réseaux de distribution (GameDistribution, GameMonetize), un SDK est nécessaire pour la monétisation et un lancement complet. Le SDK gère les publicités et les fonctionnalités de la plateforme. Tenez compte de ce travail d’intégration lorsque vous choisissez où publier votre jeu.</p>
<h3 id="puis-je-publier-le-meme-jeu-web-sur-plusieurs-plateformes" tabindex="-1">Puis-je publier le même jeu web sur plusieurs plateformes ? <a class="header-anchor" href="#puis-je-publier-le-meme-jeu-web-sur-plusieurs-plateformes" aria-label="Permalink to &quot;Puis-je publier le même jeu web sur plusieurs plateformes ?&quot;"></a></h3>
<p>Généralement oui, sauf si vous acceptez un accord d’exclusivité. Par exemple, le partage de revenus plus avantageux de Poki peut exiger une exclusivité sur le web. Associer l’auto-hébergement, itch.io et un portail non exclusif est une combinaison courante. Lisez les conditions de chaque plateforme, car l’exclusivité et le partage des revenus sont souvent liés.</p>
<BuildCta
  title="Besoin d’un jeu à publier ?"
  desc="Créez-en un dans le navigateur et partagez-le avec un simple lien."
  prompt="Crée un jeu d’arcade simple que je peux publier et partager avec un lien" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/publish-game-poki.html">Comment publier votre jeu sur Poki</a> — le processus de soumission et le partage des revenus, en détail</li>
<li><a href="/fr/guides/publish-game-crazygames.html">Guide CrazyGames pour les développeurs</a> — le portail, le SDK et les versements, en détail</li>
<li><a href="/fr/guides/publish-game-discord-activities.html">Comment publier un jeu dans les activités Discord</a> — proposer un jeu web au sein de Discord</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web : ce que disent réellement les données</a> — les revenus de chaque plateforme, avec leurs sources</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a> — la procédure étape par étape</li>
<li><a href="/fr/guides/get-more-plays-itch-io.html">Comment obtenir plus de parties sur itch.io</a> — attirer du trafic une fois votre jeu en ligne</li>
<li><a href="/fr/guides/promote-indie-game-no-budget.html">Comment promouvoir un jeu indépendant sans budget</a> — faire du marketing avec 0 €</li>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour le Steam Next Fest</a> — si vous publiez aussi sur Steam</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — commencer par créer le jeu</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/publish-web-game-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Sketchfab vs Poly Haven vs Kenney : comparatif des ressources 3D gratuites (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/sketchfab-polyhaven-kenney</link>
            <guid>https://app.cinevva.com/fr/guides/sketchfab-polyhaven-kenney</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comparatif de Sketchfab, Poly Haven et Kenney pour les ressources de jeu gratuites en 2026, selon les licences, le style, la variété, les formats et le type de jeu adapté à chaque plateforme.]]></description>
            <content:encoded><![CDATA[<h1 id="sketchfab-vs-poly-haven-vs-kenney-comparatif-des-ressources-3d-gratuites-2026" tabindex="-1">Sketchfab vs Poly Haven vs Kenney : comparatif des ressources 3D gratuites (2026) <a class="header-anchor" href="#sketchfab-vs-poly-haven-vs-kenney-comparatif-des-ressources-3d-gratuites-2026" aria-label="Permalink to &quot;Sketchfab vs Poly Haven vs Kenney : comparatif des ressources 3D gratuites (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Trois noms reviennent constamment lorsqu'on cherche des ressources 3D gratuites : Sketchfab, Poly Haven et Kenney. Ce ne sont pas vraiment des concurrents, car chacun excelle dans un domaine différent. Le premier est une immense place de marché aux licences variées, le deuxième propose des ressources photoréalistes sous CC0, et le troisième des ressources stylisées prêtes à intégrer dans un jeu. Voici comment ils se comparent en 2026 et dans quels cas choisir chacun d'eux.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/8aGqyS7IQVA" title="Les meilleurs sites de modèles 3D gratuits" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Un tour d'horizon des sources de modèles 3D gratuits, notamment les trois plateformes comparées ici.</div>
<h2 id="comparatif-rapide" tabindex="-1">Comparatif rapide <a class="header-anchor" href="#comparatif-rapide" aria-label="Permalink to &quot;Comparatif rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Sketchfab</th>
<th>Poly Haven</th>
<th>Kenney</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Variété, modèles complexes et détaillés</td>
<td>Modèles photoréalistes, textures, HDRI</td>
<td>Ressources stylisées, cohérentes et prêtes à l'emploi</td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Variable (à vérifier pour chaque modèle)</td>
<td>CC0 (tout le catalogue)</td>
<td>CC0 (tout le catalogue)</td>
</tr>
<tr>
<td><strong>Attribution</strong></td>
<td>Dépend du modèle</td>
<td>Aucune</td>
<td>Aucune</td>
</tr>
<tr>
<td><strong>Catalogue</strong></td>
<td>Des millions</td>
<td>Plus de 2 000</td>
<td>Des dizaines de milliers</td>
</tr>
<tr>
<td><strong>Style</strong></td>
<td>Tous les styles</td>
<td>Réaliste</td>
<td>Low-poly cohérent et épuré</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>glTF, FBX, OBJ</td>
<td>glTF, Blend, FBX</td>
<td>GLB, PNG, WAV et autres</td>
</tr>
<tr>
<td><strong>Téléchargement direct / API</strong></td>
<td>Connexion obligatoire</td>
<td>Oui, API sans clé</td>
<td>Oui (packs)</td>
</tr>
</tbody>
</table>
<h2 id="kenney-coherent-et-pret-a-integrer" tabindex="-1">Kenney : cohérent et prêt à intégrer <a class="header-anchor" href="#kenney-coherent-et-pret-a-integrer" aria-label="Permalink to &quot;Kenney : cohérent et prêt à intégrer&quot;"></a></h2>
<p>Kenney est le moyen le plus rapide de créer un jeu à l'apparence cohérente. La plateforme propose des dizaines de milliers de ressources, toutes sous CC0 (aucune attribution requise, usage commercial autorisé), dans des styles homogènes que vous pouvez combiner entre différents packs. Le tout est optimisé pour les jeux. Le compromis concerne la variété : le style est épuré et stylisé plutôt que photoréaliste, et vous n'y trouverez pas forcément un objet très spécifique et extrêmement détaillé. Utilisez Kenney lorsque vous voulez obtenir rapidement un jeu visuellement cohérent, sans avoir à vous soucier des licences.</p>
<h2 id="poly-haven-photorealisme-et-licence-cc0" tabindex="-1">Poly Haven : photoréalisme et licence CC0 <a class="header-anchor" href="#poly-haven-photorealisme-et-licence-cc0" aria-label="Permalink to &quot;Poly Haven : photoréalisme et licence CC0&quot;"></a></h2>
<p>Poly Haven est le spécialiste du réalisme : modèles 3D avec textures PBR, textures haute résolution et HDRI pour l'éclairage, le tout sous CC0, avec plusieurs résolutions et une API sans clé permettant les téléchargements directs. Son catalogue compte plus de 2 000 ressources et continue de s'agrandir. Il est plus restreint et plus ciblé — accessoires, éléments d'environnement, matériaux et éclairage — que celui d'une vaste place de marché. Utilisez Poly Haven lorsque vous avez besoin de matériaux réalistes, d'éléments pour enrichir vos environnements et d'un véritable éclairage HDRI sans aucune obligation d'attribution.</p>
<h2 id="sketchfab-beaucoup-de-choix-mais-des-licences-a-verifier" tabindex="-1">Sketchfab : beaucoup de choix, mais des licences à vérifier <a class="header-anchor" href="#sketchfab-beaucoup-de-choix-mais-des-licences-a-verifier" aria-label="Permalink to &quot;Sketchfab : beaucoup de choix, mais des licences à vérifier&quot;"></a></h2>
<p>Sketchfab est le géant du secteur : des millions de modèles, une prévisualisation 3D avant téléchargement et un immense éventail de styles et de sujets. L'inconvénient est que la licence varie d'un modèle à l'autre. Vous devez donc filtrer les modèles téléchargeables sous CC0 ou CC-BY, puis vérifier la licence de chacun. À noter en 2026 : la boutique de Sketchfab a été transférée vers Fab d'Epic, et seuls les contenus sous CC-BY ou sous licence Standard de Fab peuvent migrer. Les modèles sous CC0 et sous d'autres licences Creative Commons restent pour l'instant téléchargeables sur Sketchfab, mais considérez la plateforme comme une source de contenus CC0 en déclin progressif et récupérez ce dont vous avez besoin. Utilisez Sketchfab lorsque vous cherchez un modèle précis ou inhabituel absent des autres plateformes et que vous êtes prêt à vérifier sa licence.</p>
<h2 id="lequel-choisir" tabindex="-1">Lequel choisir ? <a class="header-anchor" href="#lequel-choisir" aria-label="Permalink to &quot;Lequel choisir ?&quot;"></a></h2>
<ul>
<li><strong>Cohérence visuelle pour l'ensemble du jeu, intégration rapide, aucune attribution :</strong> Kenney.</li>
<li><strong>Accessoires, matériaux et éclairage réalistes sous CC0 :</strong> Poly Haven.</li>
<li><strong>Un modèle précis ou inhabituel, le choix le plus vaste :</strong> Sketchfab (vérifiez la licence).</li>
</ul>
<p>En pratique, beaucoup de développeurs utilisent les trois : Kenney pour la collection de base et l'interface, Poly Haven pour les textures réalistes et les HDRI, et Sketchfab pour une ressource principale unique. Appliquer des matériaux réalistes de Poly Haven à des modèles stylisés de Kenney peut créer une incohérence visuelle. Définissez donc d'abord votre direction artistique, puis choisissez des sources qui lui correspondent.</p>
<h2 id="au-dela-de-ces-trois-plateformes" tabindex="-1">Au-delà de ces trois plateformes <a class="header-anchor" href="#au-dela-de-ces-trois-plateformes" aria-label="Permalink to &quot;Au-delà de ces trois plateformes&quot;"></a></h2>
<p>Ce ne sont pas vos seules options. Quaternius est une autre excellente source CC0 de ressources low-poly stylisées, AmbientCG se spécialise dans les textures CC0 et Poly Pizza héberge les archives du catalogue Google Poly. Vous pouvez également générer des modèles avec l'IA. Pour découvrir toutes les possibilités, consultez nos guides des <a href="/fr/guides/free-3d-model-sites.html">sites de modèles 3D gratuits</a> et des <a href="/fr/guides/game-assets-guide.html">ressources de jeu gratuites</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="sketchfab-poly-haven-ou-kenney-lequel-est-le-meilleur-pour-trouver-des-modeles-3d-gratuits" tabindex="-1">Sketchfab, Poly Haven ou Kenney : lequel est le meilleur pour trouver des modèles 3D gratuits ? <a class="header-anchor" href="#sketchfab-poly-haven-ou-kenney-lequel-est-le-meilleur-pour-trouver-des-modeles-3d-gratuits" aria-label="Permalink to &quot;Sketchfab, Poly Haven ou Kenney : lequel est le meilleur pour trouver des modèles 3D gratuits ?&quot;"></a></h3>
<p>Chacun excelle dans un domaine différent. Kenney est le meilleur choix pour des ressources stylisées, cohérentes et prêtes à intégrer, toutes sous CC0. Poly Haven est idéal pour les modèles photoréalistes, les textures et les HDRI, également tous sous CC0. Sketchfab offre la plus grande variété et convient mieux aux modèles précis ou détaillés, mais les licences varient et doivent être vérifiées individuellement. Beaucoup de développeurs utilisent les trois ensemble.</p>
<h3 id="poly-haven-et-kenney-sont-ils-vraiment-gratuits-pour-les-jeux-commerciaux" tabindex="-1">Poly Haven et Kenney sont-ils vraiment gratuits pour les jeux commerciaux ? <a class="header-anchor" href="#poly-haven-et-kenney-sont-ils-vraiment-gratuits-pour-les-jeux-commerciaux" aria-label="Permalink to &quot;Poly Haven et Kenney sont-ils vraiment gratuits pour les jeux commerciaux ?&quot;"></a></h3>
<p>Oui. Les deux catalogues sont entièrement sous CC0, ce qui signifie que chaque ressource appartient au domaine public : elle peut être utilisée gratuitement à des fins commerciales, modifiée et intégrée sans attribution. Ce sont donc les deux sources les moins risquées parmi les trois. À l'inverse, Sketchfab utilise différentes licences selon les modèles, que vous devez vérifier avant tout usage commercial.</p>
<h3 id="dois-je-crediter-les-ressources-provenant-de-ces-sites" tabindex="-1">Dois-je créditer les ressources provenant de ces sites ? <a class="header-anchor" href="#dois-je-crediter-les-ressources-provenant-de-ces-sites" aria-label="Permalink to &quot;Dois-je créditer les ressources provenant de ces sites ?&quot;"></a></h3>
<p>Pas pour Kenney ni Poly Haven, puisque toutes leurs ressources sont sous CC0. Pour Sketchfab, cela dépend de la licence du modèle : CC0 n'impose aucun crédit, CC-BY exige une attribution et certains modèles ne peuvent pas du tout être utilisés à des fins commerciales. Vérifiez toujours la licence de chaque modèle Sketchfab avant de publier votre jeu.</p>
<h3 id="puis-je-melanger-les-ressources-des-trois-plateformes-dans-un-meme-jeu" tabindex="-1">Puis-je mélanger les ressources des trois plateformes dans un même jeu ? <a class="header-anchor" href="#puis-je-melanger-les-ressources-des-trois-plateformes-dans-un-meme-jeu" aria-label="Permalink to &quot;Puis-je mélanger les ressources des trois plateformes dans un même jeu ?&quot;"></a></h3>
<p>Techniquement, oui, et les licences le permettent, mais veillez à préserver votre direction artistique. Le style épuré de Kenney et les matériaux photoréalistes de Poly Haven peuvent jurer s'ils sont combinés sans précaution. Définissez d'abord un style visuel, puis sélectionnez des ressources cohérentes avec celui-ci, en utilisant Sketchfab pour les éléments précis absents des sources CC0.</p>
<BuildCta
  title="Faites intégrer des accessoires dans le style de Kenney à votre jeu"
  desc="Cinevva intègre directement des milliers d'accessoires CC0 de Kenney et Quaternius dans son éditeur."
  prompt="Crée un quartier urbain low-poly avec des parcs, des voitures et des lieux à explorer" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/free-3d-model-sites.html">Les meilleurs sites de modèles 3D gratuits pour les jeux</a> — un aperçu plus large</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — plus de 20 sources pour tous les types de ressources</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Les meilleurs générateurs de ressources de jeu par IA</a> — générez-les plutôt</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des ressources de jeu</a> — CC0, CC-BY et les autres</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musiques gratuits pour les jeux</a> — pour la partie audio</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/sketchfab-polyhaven-kenney-hero.jpg?v=1" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Unity WebGL vs Godot vs PlayCanvas pour la 3D sur le Web (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/unity-godot-playcanvas-web</link>
            <guid>https://app.cinevva.com/fr/guides/unity-godot-playcanvas-web</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comparatif 2026 entre Unity WebGL, l’export web de Godot et PlayCanvas selon la taille des builds, le temps de chargement, WebGPU, le flux de travail et le coût, afin de choisir le bon moteur 3D pour le navigateur.]]></description>
            <content:encoded><![CDATA[<h1 id="unity-webgl-vs-godot-vs-playcanvas-pour-la-3d-sur-le-web-2026" tabindex="-1">Unity WebGL vs Godot vs PlayCanvas pour la 3D sur le Web (2026) <a class="header-anchor" href="#unity-webgl-vs-godot-vs-playcanvas-pour-la-3d-sur-le-web-2026" aria-label="Permalink to &quot;Unity WebGL vs Godot vs PlayCanvas pour la 3D sur le Web (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Si vous voulez créer un jeu 3D fonctionnant dans le navigateur, trois moteurs reviennent le plus souvent : Unity, Godot et PlayCanvas. Leurs approches du Web sont très différentes. Unity est une référence sur ordinateur qui exporte vers WebGL, Godot est un moteur polyvalent, gratuit et open source, tandis que PlayCanvas est conçu dès le départ pour le Web. Voici comment ils se comparent en 2026, spécifiquement pour la 3D dans le navigateur.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MiejI68zyCk" title="PlayCanvas : le meilleur moteur de jeu 3D pour le Web ? — GameFromScratch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">GameFromScratch présente PlayCanvas comme un moteur 3D pensé en priorité pour le Web.</div>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<ul>
<li><strong>3D pensée pour le Web, builds les plus légers, meilleur WebGPU :</strong> PlayCanvas.</li>
<li><strong>Gratuit, open source, 2D et 3D, avec une seule base de code pour le Web et les plateformes natives :</strong> Godot.</li>
<li><strong>Vous avez déjà un projet Unity, ou vous avez aussi besoin des consoles et de plateformes natives haut de gamme :</strong> Unity, en acceptant un téléchargement Web plus volumineux.</li>
</ul>
<h2 id="comparatif" tabindex="-1">Comparatif <a class="header-anchor" href="#comparatif" aria-label="Permalink to &quot;Comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Unity (WebGL)</th>
<th>Godot (4.7)</th>
<th>PlayCanvas</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cible Web</strong></td>
<td>Export WebGL2</td>
<td>WebGL2 + Wasm (wasm64 dans la 4.7)</td>
<td>WebGL2 + WebGPU</td>
</tr>
<tr>
<td><strong>Taille d’un build vide</strong></td>
<td>~8 Mo et plus</td>
<td>~9 Mo compressés avec gzip</td>
<td>~1 à 2 Mo</td>
</tr>
<tr>
<td><strong>Temps de chargement</strong></td>
<td>Le plus lent des trois</td>
<td>Modéré</td>
<td>Le plus rapide</td>
</tr>
<tr>
<td><strong>WebGPU</strong></td>
<td>Expérimental</td>
<td>Non pris en charge sur le Web</td>
<td>Le plus mature</td>
</tr>
<tr>
<td><strong>2D / 3D</strong></td>
<td>Les deux</td>
<td>Les deux (excellente 2D + 3D)</td>
<td>Axé sur la 3D</td>
</tr>
<tr>
<td><strong>Éditeur</strong></td>
<td>Application de bureau</td>
<td>Application de bureau (légère)</td>
<td>Dans le cloud, collaboratif</td>
</tr>
<tr>
<td><strong>Langage</strong></td>
<td>C# (compilé en WebAssembly pour l’export web)</td>
<td>GDScript (le C# ne peut pas être exporté vers le Web)</td>
<td>JavaScript / TypeScript</td>
</tr>
<tr>
<td><strong>Coût</strong></td>
<td>Gratuit sous 200 000 $ de CA ; Pro à 2 310 $/poste/an</td>
<td>Gratuit (MIT)</td>
<td>Offre gratuite ; éditeur cloud payant</td>
</tr>
</tbody>
</table>
<h2 id="unity-webgl" tabindex="-1">Unity (WebGL) <a class="header-anchor" href="#unity-webgl" aria-label="Permalink to &quot;Unity (WebGL)&quot;"></a></h2>
<p>Unity exporte des builds WebGL jouables, et son écosystème (Asset Store, outils, documentation) reste inégalé. Son principal inconvénient pour le Web : les builds vides commencent autour de 8 Mo, les temps de chargement sont moins bons que ceux des moteurs natifs du Web, et la mémoire disponible dans les navigateurs mobiles peut être limitée. WebGPU est disponible, mais reste expérimental et désactivé par défaut ; WebGL2 constitue la véritable cible. Dans la pratique, Unity est l’option la plus lourde à intégrer dans un navigateur. Il excelle donc lorsque le Web n’est qu’une cible secondaire pour un jeu également publié sur ordinateur, mobile ou console. Unity a aussi remplacé son outil d’IA Muse par Unity AI (bêta ouverte, 2026), si vous souhaitez bénéficier d’une assistance par IA directement dans l’éditeur.</p>
<h2 id="godot-4-7" tabindex="-1">Godot (4.7) <a class="header-anchor" href="#godot-4-7" aria-label="Permalink to &quot;Godot (4.7)&quot;"></a></h2>
<p>Godot est gratuit et open source sous licence MIT, sans plafond de chiffre d’affaires ni frais par poste, et il gère aussi bien la 2D que la 3D. La version 4.7 (juin 2026) active WebAssembly SIMD par défaut et ajoute une option d’export wasm64 qui supprime l’ancienne limite de mémoire de 4 Go. Sur le Web, le rendu reste toutefois limité à WebGL 2.0 via le moteur de rendu Compatibility, car Godot ne prend pas encore en charge WebGPU. Deux limites subsistent également : les projets C# ne peuvent pas être exportés vers le Web (GDScript uniquement), et l’utilisation des threads avec SharedArrayBuffer nécessite des en-têtes serveur COOP/COEP spécifiques, ce qui peut poser problème chez certains hébergeurs. Pour un créateur indépendant qui souhaite utiliser un seul moteur sur le Web et les plateformes natives sans se soucier des licences, Godot est un excellent choix gratuit.</p>
<h2 id="playcanvas" tabindex="-1">PlayCanvas <a class="header-anchor" href="#playcanvas" aria-label="Permalink to &quot;PlayCanvas&quot;"></a></h2>
<p>PlayCanvas a été conçu pour le Web dès le premier jour. Son environnement d’exécution est minuscule (~1 à 2 Mo), il se charge plus rapidement que les deux autres et dispose du moteur de rendu WebGPU le plus abouti parmi les moteurs Web, avec notamment le rendu de splats gaussiens 3D fondé sur le calcul depuis la version 2.20 (juin 2026). L’éditeur est hébergé dans le cloud et conçu pour la collaboration, ce qui convient aux équipes, mais pas forcément à tous les flux de travail. Il est principalement axé sur la 3D et moins adapté aux projets 2D complexes. Si la taille du téléchargement et les performances Web sont vos priorités, PlayCanvas est précisément conçu pour cela.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<p>Choisissez selon votre véritable contrainte. Si vous avez besoin du build Web 3D le plus léger, du chargement le plus rapide et d’une bonne prise en charge de WebGPU, optez pour PlayCanvas. Si vous voulez un moteur gratuit et ouvert qui gère la 2D comme la 3D, tout en exportant vers les ordinateurs et les mobiles à partir d’une seule base de code, choisissez Godot. Si votre jeu est déjà développé avec Unity ou s’il a réellement besoin du rendu haut de gamme et de l’export console de Unity, publiez le build WebGL et acceptez un téléchargement plus volumineux.</p>
<p>Si vous préférez vous passer entièrement de moteur et décrire un jeu Web 3D à une IA, c’est une autre approche, présentée dans notre guide sur <a href="/fr/guides/3d-browser-game-without-coding.html">la création d’un jeu 3D pour navigateur sans coder</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-moteur-pour-les-jeux-3d-dans-le-navigateur" tabindex="-1">Quel est le meilleur moteur pour les jeux 3D dans le navigateur ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-pour-les-jeux-3d-dans-le-navigateur" aria-label="Permalink to &quot;Quel est le meilleur moteur pour les jeux 3D dans le navigateur ?&quot;"></a></h3>
<p>PlayCanvas est le meilleur choix pensé en priorité pour le Web en 2026 : environnement d’exécution minuscule, chargement le plus rapide et moteur de rendu WebGPU le plus mature. Godot est la meilleure option gratuite et open source, et il permet également l’export vers des plateformes natives. Unity n’est préférable que si votre jeu l’utilise déjà ou nécessite ses fonctionnalités haut de gamme, car ses builds Web sont les plus volumineux. Le meilleur choix dépend de la taille du build, de votre besoin d’exporter vers des plateformes natives et de votre budget.</p>
<h3 id="unity-et-godot-peuvent-ils-exporter-des-jeux-c-vers-le-web" tabindex="-1">Unity et Godot peuvent-ils exporter des jeux C# vers le Web ? <a class="header-anchor" href="#unity-et-godot-peuvent-ils-exporter-des-jeux-c-vers-le-web" aria-label="Permalink to &quot;Unity et Godot peuvent-ils exporter des jeux C# vers le Web ?&quot;"></a></h3>
<p>C’est un piège fréquent : Godot ne peut pas du tout exporter les projets C# vers le Web (GDScript uniquement). L’export web de Unity utilise le C#, mais le compile pour WebGL via Wasm, ce qui produit des builds volumineux (~8 Mo et plus à vide). PlayCanvas utilise nativement JavaScript ou TypeScript, ce qui explique en partie pourquoi ses builds Web sont si légers.</p>
<h3 id="lequel-se-charge-le-plus-rapidement-dans-le-navigateur" tabindex="-1">Lequel se charge le plus rapidement dans le navigateur ? <a class="header-anchor" href="#lequel-se-charge-le-plus-rapidement-dans-le-navigateur" aria-label="Permalink to &quot;Lequel se charge le plus rapidement dans le navigateur ?&quot;"></a></h3>
<p>PlayCanvas, et de loin, grâce à son environnement d’exécution d’environ 1 à 2 Mo conçu spécifiquement pour le Web. Les builds vides de Godot font environ 9 Mo une fois compressés avec gzip, tandis que ceux de Unity commencent autour de 8 Mo et peuvent être bien plus volumineux. Pour les jeux Web, la taille totale du téléchargement influence fortement le nombre de joueurs qui attendront réellement la fin du chargement. Il s’agit donc d’un véritable critère de sélection, et non d’un simple détail.</p>
<h3 id="ces-moteurs-prennent-ils-en-charge-webgpu" tabindex="-1">Ces moteurs prennent-ils en charge WebGPU ? <a class="header-anchor" href="#ces-moteurs-prennent-ils-en-charge-webgpu" aria-label="Permalink to &quot;Ces moteurs prennent-ils en charge WebGPU ?&quot;"></a></h3>
<p>PlayCanvas possède le moteur de rendu WebGPU le plus mature. L’export web de Godot reste limité à WebGL2, sans prise en charge de WebGPU pour le moment. Unity maintient WebGPU au stade expérimental et utilise WebGL2 par défaut. Pour approfondir les compromis, consultez notre <a href="/fr/guides/webgpu-vs-webgl-games.html">guide comparatif entre WebGPU et WebGL</a>.</p>
<BuildCta
  title="Comparez les moteurs plus tard, jouez à votre idée dès maintenant"
  desc="Un prototype jouable rend le choix du moteur évident."
  prompt="Crée un FPS dans le navigateur avec des graphismes low poly" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeux Web pour 2026</a> — le comparatif complet de 11 moteurs</li>
<li><a href="/fr/guides/webgpu-vs-webgl-games.html">WebGPU vs WebGL pour les jeux</a> — les compromis entre ces API de rendu</li>
<li><a href="/fr/guides/playcanvas-vs-threejs.html">PlayCanvas vs Three.js</a> — moteur ou bibliothèque pour la 3D sur le Web</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot vs Unity pour les jeux Web</a> — comparaison directe des deux grands moteurs polyvalents</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/unity-godot-playcanvas-web-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Vibe coding de jeux : définition et comment se lancer (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/vibe-coding-games</link>
            <guid>https://app.cinevva.com/fr/guides/vibe-coding-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce que signifie le vibe coding, l’origine du terme et comment créer un jeu en vibe coding en 2026, avec le processus, les outils, les véritables réussites et les pièges à éviter.]]></description>
            <content:encoded><![CDATA[<h1 id="vibe-coding-de-jeux-definition-et-comment-se-lancer-2026" tabindex="-1">Vibe coding de jeux : définition et comment se lancer (2026) <a class="header-anchor" href="#vibe-coding-de-jeux-definition-et-comment-se-lancer-2026" aria-label="Permalink to &quot;Vibe coding de jeux : définition et comment se lancer (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Le « vibe coding » est passé d’un tweet au titre de mot de l’année du dictionnaire Collins en moins d’un an. Pour les jeux, c’est actuellement l’une des façons les plus amusantes de créer : vous décrivez ce que vous voulez, l’IA l’écrit et vous la guidez au ressenti plutôt qu’en vous préoccupant de la syntaxe. Voici ce que ce terme signifie réellement, comment créer un jeu en vibe coding, dans quels cas cette approche fonctionne et où elle peut poser problème.</p>
<h2 id="d-ou-vient-le-terme" tabindex="-1">D’où vient le terme <a class="header-anchor" href="#d-ou-vient-le-terme" aria-label="Permalink to &quot;D’où vient le terme&quot;"></a></h2>
<p>L’expression vient d’Andrej Karpathy, membre cofondateur d’OpenAI, qui l’a employée dans une publication de février 2025. Il y décrivait « une nouvelle forme de programmation où l’on s’abandonne entièrement aux sensations, où l’on adopte les exponentielles et où l’on oublie même que le code existe », rendue possible par des modèles d’IA de programmation devenus suffisamment performants pour que l’on puisse « simplement voir des choses, dire des choses, exécuter des choses et copier-coller des choses, et que cela fonctionne la plupart du temps ». Il présentait cette approche pour des projets de week-end jetables, ce qu’il est utile de garder à l’esprit.</p>
<p>Le développeur Simon Willison a précisé la définition : le véritable vibe coding consiste à créer un logiciel avec un LLM sans relire le code qu’il produit. Si vous lisez, testez et comprenez chaque ligne, vous utilisez l’IA comme un assistant de saisie, ce qui est différent. À la fin de l’année 2025, le terme s’était suffisamment répandu pour que Collins le désigne mot de l’année.</p>
<p>Pour les jeux, le principe s’applique parfaitement : vous décrivez un jeu, l’IA le construit, vous y jouez et demandez des modifications, sans presque jamais regarder le code. Voilà ce que signifie créer un jeu en vibe coding.</p>
<h2 id="pourquoi-les-jeux-s-y-pretent-si-bien" tabindex="-1">Pourquoi les jeux s’y prêtent si bien <a class="header-anchor" href="#pourquoi-les-jeux-s-y-pretent-si-bien" aria-label="Permalink to &quot;Pourquoi les jeux s’y prêtent si bien&quot;"></a></h2>
<p>Les jeux sont visuels et immédiatement testables, ce qui correspond exactement à la boucle favorisée par le vibe coding. Deux secondes suffisent pour voir si un saut semble naturel ou si un ennemi est trop rapide. Le cycle « dire des choses, exécuter des choses » est donc court et gratifiant. Et l’exemple le plus célèbre est justement un jeu : début 2025, le développeur indépendant Pieter Levels a créé en quelques heures, par vibe coding, un simulateur de vol 3D dans le navigateur à l’aide d’un éditeur de code avec IA et de Three.js, sans aucune expérience en développement de jeux. Le jeu est devenu viral. (Ses chiffres de revenus sont autodéclarés : les montants doivent donc être pris avec précaution, mais le développement lui-même est réel et bien documenté.)</p>
<h2 id="deux-facons-de-creer-un-jeu-en-vibe-coding" tabindex="-1">Deux façons de créer un jeu en vibe coding <a class="header-anchor" href="#deux-facons-de-creer-un-jeu-en-vibe-coding" aria-label="Permalink to &quot;Deux façons de créer un jeu en vibe coding&quot;"></a></h2>
<p>Il existe deux approches, selon votre degré d’implication souhaité.</p>
<p><strong>Outils généraux de programmation avec IA.</strong> Cursor, Claude Code et GitHub Copilot permettent de créer un jeu comme Karpathy l’a décrit : vous donnez des instructions à un agent de programmation IA, généralement avec un framework web comme Three.js, puis vous procédez par itérations. Vous n’avez pas besoin de lire le code, mais le projet repose sur une véritable base de code que vous pouvez emporter partout. C’est l’approche la plus flexible et la plus puissante, mais aussi celle qui offre le plus de possibilités de vous mettre en difficulté.</p>
<p><strong>Outils spécialisés qui transforment des prompts en jeux.</strong> Cinevva, Rosebud, Summer, Replit et Nilo regroupent toute la boucle dans un environnement conçu spécialement à cet effet. Vous décrivez un jeu, l’outil en construit une version jouable, puis vous l’améliorez en discutant avec l’IA, qui génère également les ressources pour vous. C’est le moyen le plus simple de se lancer et le plus rapide d’obtenir un résultat partageable. Notre <a href="/fr/guides/ai-game-generators-2026.html">comparatif des générateurs de jeux par IA</a> détaille les différences entre ces outils.</p>
<h2 id="comment-creer-un-jeu-en-vibe-coding-etape-par-etape" tabindex="-1">Comment créer un jeu en vibe coding, étape par étape <a class="header-anchor" href="#comment-creer-un-jeu-en-vibe-coding-etape-par-etape" aria-label="Permalink to &quot;Comment créer un jeu en vibe coding, étape par étape&quot;"></a></h2>
<ol>
<li><strong>Choisissez une petite idée.</strong> Le vibe coding excelle pour les projets réalisables en un week-end. Définissez un genre, une particularité et un objectif.</li>
<li><strong>Rédigez un prompt d’une phrase.</strong> « Crée un jeu de serpent néon qui accélère à mesure qu’il grandit. » Laissez l’outil construire une première version. Vous pouvez <a href="/fr/guides/vibe-coding-game-prompts.html">essayer un prompt en un clic</a> pour éviter de partir d’une page blanche.</li>
<li><strong>Jouez, puis demandez une seule modification.</strong> « Accélère le jeu », « ajoute un score », « les commandes semblent lourdes, rends-les plus réactives ». Modifiez, jouez, recommencez.</li>
<li><strong>Demandez à l’IA de générer les ressources.</strong> « Donne-lui un style low poly », « ajoute une musique entraînante », « utilise une skybox de désert ».</li>
<li><strong>Publiez le lien.</strong> Les outils fonctionnant dans le navigateur permettent de partager votre jeu en un clic. Montrez-le à d’autres personnes et laissez leurs réactions guider la prochaine série de modifications.</li>
</ol>
<p>Vous pouvez dès maintenant <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_coding_games">commencer gratuitement à créer un jeu 3D en vibe coding dans votre navigateur</a> si vous souhaitez apprendre par la pratique.</p>
<h2 id="les-pieges-et-comment-les-eviter" tabindex="-1">Les pièges et comment les éviter <a class="header-anchor" href="#les-pieges-et-comment-les-eviter" aria-label="Permalink to &quot;Les pièges et comment les éviter&quot;"></a></h2>
<p>Le vibe coding est puissant, mais le bilan réaliste en 2026 comporte de véritables mises en garde :</p>
<ul>
<li><strong>« Presque correct, mais pas tout à fait. »</strong> Deux tiers des développeurs citent ce problème comme leur principale source de frustration avec l’IA. Pour les jeux, la solution consiste à formuler de petites demandes précises et à ne pas hésiter à annuler une modification lorsqu’elle aggrave le résultat.</li>
<li><strong>Dette de sécurité et de qualité.</strong> Des études menées en 2025 ont révélé qu’une grande partie des échantillons de code générés par IA introduisaient des failles de sécurité et que le volume de code dupliqué et non remanié augmentait. Pour un jeu jetable, cela a rarement de l’importance. En revanche, pour tout projet qui traite des données utilisateur ou de l’argent, relisez le code ou faites-le examiner par une personne compétente.</li>
<li><strong>Cela fonctionne jusqu’au moment où tout casse.</strong> Lors d’un incident largement relayé, un agent de programmation IA a supprimé une base de données de production pendant une période de gel du code. La leçon : conservez des sauvegardes, séparez vos expériences de tout système important et ne donnez pas accès à un agent de vibe coding à des systèmes que vous ne pouvez pas vous permettre de perdre.</li>
</ul>
<p>Karpathy lui-même a ensuite qualifié la publication d’origine de « tweet jetable » et préfère employer des termes plus prudents pour les projets sérieux. La conclusion n’est pas que le vibe coding est mauvais, mais qu’il est formidable pour les prototypes et les petits jeux, tout en étant risqué comme unique méthode pour les projets qui doivent fonctionner correctement.</p>
<h2 id="le-vibe-coding-est-il-du-«-vrai-»-developpement-de-jeux" tabindex="-1">Le vibe coding est-il du « vrai » développement de jeux ? <a class="header-anchor" href="#le-vibe-coding-est-il-du-«-vrai-»-developpement-de-jeux" aria-label="Permalink to &quot;Le vibe coding est-il du « vrai » développement de jeux ?&quot;"></a></h2>
<p>C’est une façon réelle et utile de créer, particulièrement adaptée aux prototypes, aux game jams et aux petits jeux. C’est aussi ainsi que beaucoup de personnes découvrent la création de jeux pour la première fois. Cela ne remplace pas la compréhension de ce que vous construisez lorsque les enjeux sont importants. En 2026, l’approche la plus productive consiste à utiliser le vibe coding pour explorer et prototyper rapidement, puis à ralentir afin de comprendre les parties qui doivent être fiables. Pour la plupart des jeux dans le navigateur, le rapport bénéfice-risque reste largement favorable.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="que-signifie-le-vibe-coding" tabindex="-1">Que signifie le vibe coding ? <a class="header-anchor" href="#que-signifie-le-vibe-coding" aria-label="Permalink to &quot;Que signifie le vibe coding ?&quot;"></a></h3>
<p>Le vibe coding consiste à créer un logiciel en décrivant ce que vous voulez à une IA et en la laissant écrire le code, sans le relire vous-même. Le terme a été inventé par Andrej Karpathy en février 2025 et désigné mot de l’année 2025 par Collins. Pour les jeux, il s’agit de décrire un jeu en langage naturel et de l’améliorer en discutant avec l’IA, plutôt qu’en écrivant du code.</p>
<h3 id="comment-commencer-a-creer-un-jeu-en-vibe-coding" tabindex="-1">Comment commencer à créer un jeu en vibe coding ? <a class="header-anchor" href="#comment-commencer-a-creer-un-jeu-en-vibe-coding" aria-label="Permalink to &quot;Comment commencer à créer un jeu en vibe coding ?&quot;"></a></h3>
<p>Choisissez une petite idée, décrivez-la en une phrase à un outil qui transforme les prompts en jeux ou à un éditeur de code avec IA, jouez à la première version, puis demandez une seule modification à la fois. Les créateurs de jeux par IA fonctionnant dans le navigateur constituent le point de départ le plus simple, car ils produisent un jeu jouable et permettent de le partager instantanément, sans aucune configuration.</p>
<h3 id="le-vibe-coding-est-il-adapte-a-la-creation-de-jeux" tabindex="-1">Le vibe coding est-il adapté à la création de jeux ? <a class="header-anchor" href="#le-vibe-coding-est-il-adapte-a-la-creation-de-jeux" aria-label="Permalink to &quot;Le vibe coding est-il adapté à la création de jeux ?&quot;"></a></h3>
<p>Oui, en particulier pour les prototypes et les jeux petits ou occasionnels, qui profitent particulièrement bien de la boucle rapide « décrire, jouer, améliorer ». Cette approche est moins adaptée aux projets vastes, complexes ou nécessitant une grande fiabilité, car du code généré par IA et non relu peut introduire des bugs et des problèmes de sécurité. Utilisez-la pour avancer rapidement, mais relisez le code de tout élément qui doit être fiable.</p>
<h3 id="quels-outils-utilise-t-on-pour-creer-des-jeux-en-vibe-coding" tabindex="-1">Quels outils utilise-t-on pour créer des jeux en vibe coding ? <a class="header-anchor" href="#quels-outils-utilise-t-on-pour-creer-des-jeux-en-vibe-coding" aria-label="Permalink to &quot;Quels outils utilise-t-on pour créer des jeux en vibe coding ?&quot;"></a></h3>
<p>Il en existe deux types. D’une part, les outils généraux de programmation avec IA comme Cursor, Claude Code et GitHub Copilot, souvent associés à Three.js pour le web. D’autre part, les outils spécialisés qui transforment les prompts en jeux, comme Cinevva, Rosebud, Summer, Replit et Nilo. Les outils spécialisés sont plus faciles à prendre en main, tandis que les outils de programmation offrent davantage de flexibilité.</p>
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/ai-game-generators-2026.html">Meilleurs générateurs de jeux par IA en 2026</a> — le comparatif des outils</li>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA sans programmer</a> — le processus étape par étape</li>
<li><a href="/fr/guides/3d-browser-game-without-coding.html">Comment créer un jeu 3D dans le navigateur sans programmer</a> — la voie de la 3D</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">Prompts de jeux par IA à créer en un clic</a> — des prompts pour commencer</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — pour créer de manière traditionnelle</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/vibe-coding-games-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[WebGPU vs WebGL pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/webgpu-vs-webgl-games</link>
            <guid>https://app.cinevva.com/fr/guides/webgpu-vs-webgl-games</guid>
            <pubDate>Tue, 23 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[WebGPU ou WebGL pour les jeux par navigateur en 2026 - ce qui a changé, les points forts de chacun, la prise en charge après Safari 26 et les technologies utilisées par chaque moteur.]]></description>
            <content:encoded><![CDATA[<h1 id="webgpu-vs-webgl-pour-les-jeux-2026" tabindex="-1">WebGPU vs WebGL pour les jeux (2026) <a class="header-anchor" href="#webgpu-vs-webgl-pour-les-jeux-2026" aria-label="Permalink to &quot;WebGPU vs WebGL pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Pendant plus de dix ans, WebGL était le seul moyen d’afficher de véritables graphismes dans un navigateur. WebGPU lui succède, et 2026 est l’année où il est réellement devenu utilisable partout. Si vous créez un jeu web et vous demandez quelle technologie cibler, voici une comparaison honnête : ce qui a changé, les points forts de chacune et ce que votre moteur utilise déjà.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/grj7uYdCna0" title="Actualités de WebGL et WebGPU lors de 3D on the Web 2025 — The Khronos Group" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">The Khronos Group présente l’état de WebGL et de WebGPU, notamment les compute shaders et les moteurs de rendu WebGPU de Three.js et Babylon.js.</div>
<h2 id="en-bref" tabindex="-1">En bref <a class="header-anchor" href="#en-bref" aria-label="Permalink to &quot;En bref&quot;"></a></h2>
<p>WebGL est une API graphique basée sur OpenGL ES et conçue pour le rendu. WebGPU est une API moderne inspirée de Vulkan, Metal et Direct3D 12, conçue à la fois pour le rendu et le calcul général sur GPU. WebGPU est plus rapide pour les scènes complexes, donne accès aux compute shaders (particules, simulation, culling sur le GPU) et propose une API plus propre. WebGL est plus ancien, plus simple et pris en charge sur pratiquement tous les appareils existants.</p>
<h2 id="ce-qui-a-change-en-2026" tabindex="-1">Ce qui a changé en 2026 <a class="header-anchor" href="#ce-qui-a-change-en-2026" aria-label="Permalink to &quot;Ce qui a changé en 2026&quot;"></a></h2>
<p>L’essentiel : WebGPU est enfin compatible avec tous les principaux navigateurs. Safari 26 (septembre 2025) a intégré WebGPU sur macOS, iPadOS, iOS et visionOS, comblant la dernière lacune majeure. Avant cela, le conseil « utilisez simplement WebGL, car Safari et iOS ne prennent pas en charge WebGPU » était pertinent. Ce n’est plus le cas. Chrome et Firefox le prenaient déjà en charge. Depuis 2026, WebGPU fonctionne donc sur tous les principaux navigateurs.</p>
<p>Cela ne signifie pas que WebGPU est utilisé par défaut partout. Dans la plupart des moteurs, il reste facultatif ou expérimental (nous y reviendrons plus bas), et WebGL2 demeure la référence la plus sûre. Mais l’obstacle de la compatibilité des navigateurs qui freinait l’adoption de WebGPU a disparu.</p>
<h2 id="comparaison-directe" tabindex="-1">Comparaison directe <a class="header-anchor" href="#comparaison-directe" aria-label="Permalink to &quot;Comparaison directe&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>WebGL (2.0)</th>
<th>WebGPU</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Basé sur</strong></td>
<td>OpenGL ES 3.0</td>
<td>Vulkan / Metal / D3D12</td>
</tr>
<tr>
<td><strong>Date de sortie</strong></td>
<td>2017 (WebGL 1 : 2011)</td>
<td>2023, prise en charge étendue par les navigateurs en 2025-2026</td>
</tr>
<tr>
<td><strong>Compute shaders</strong></td>
<td>Non</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>Surcharge CPU</strong></td>
<td>Plus élevée (coût par appel de rendu)</td>
<td>Plus faible (tampons de commandes, moins d’échanges avec le pilote)</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Compatibilité, scènes simples à moyennement complexes</td>
<td>Scènes complexes, nombreux objets, calcul sur GPU</td>
</tr>
<tr>
<td><strong>Prise en charge par les navigateurs</strong></td>
<td>Universelle</td>
<td>Chrome, Firefox, Safari 26+, tous les principaux navigateurs mobiles</td>
</tr>
<tr>
<td><strong>Langage de shading</strong></td>
<td>GLSL</td>
<td>WGSL</td>
</tr>
<tr>
<td><strong>Ergonomie de l’API</strong></td>
<td>Plus ancienne, davantage d’état global</td>
<td>Moderne, explicite, plus détaillée</td>
</tr>
</tbody>
</table>
<h2 id="quand-webgpu-l-emporte" tabindex="-1">Quand WebGPU l’emporte <a class="header-anchor" href="#quand-webgpu-l-emporte" aria-label="Permalink to &quot;Quand WebGPU l’emporte&quot;"></a></h2>
<ul>
<li><strong>Beaucoup d’objets ou d’appels de rendu.</strong> Grâce à sa surcharge CPU plus faible et à des fonctionnalités comme le multi-draw, WebGPU maintient la fréquence d’images lorsque WebGL commence à peiner à cause du nombre d’appels de rendu.</li>
<li><strong>Calcul sur GPU.</strong> Les systèmes de particules, la physique, le culling, la génération procédurale et le Gaussian splatting 3D peuvent s’exécuter sur le GPU grâce aux compute shaders. WebGL ne permet tout simplement pas de le faire.</li>
<li><strong>Préparation pour l’avenir.</strong> WebGPU représente l’avenir de la plateforme ; les nouvelles fonctionnalités des moteurs y sont de plus en plus souvent proposées en premier.</li>
</ul>
<h2 id="quand-webgl-reste-le-bon-choix" tabindex="-1">Quand WebGL reste le bon choix <a class="header-anchor" href="#quand-webgl-reste-le-bon-choix" aria-label="Permalink to &quot;Quand WebGL reste le bon choix&quot;"></a></h2>
<ul>
<li><strong>Une portée maximale sur les appareils anciens ou peu puissants.</strong> WebGL2 fonctionne sur du matériel et des versions de navigateurs qui ne disposent pas encore forcément d’une implémentation WebGPU opérationnelle.</li>
<li><strong>2D simple et 3D légère.</strong> Si votre jeu ne sollicite pas beaucoup le GPU, WebGL est largement suffisant et évite les éventuels cas limites liés aux pilotes plus récents.</li>
<li><strong>Vous recherchez aujourd’hui la base la plus sûre possible.</strong> Déployer WebGL2 sans logique de repli reste l’option la moins risquée pour toucher un large public.</li>
</ul>
<p>La réponse pragmatique en 2026 pour la plupart des jeux : utilisez un moteur qui prend en charge les deux technologies, exploite WebGPU lorsqu’il est disponible et se rabat automatiquement sur WebGL2. Vous bénéficiez ainsi des performances là où elles sont disponibles et de la compatibilité dans les autres cas, sans avoir à écrire deux moteurs de rendu.</p>
<h2 id="ce-que-votre-moteur-utilise-deja" tabindex="-1">Ce que votre moteur utilise déjà <a class="header-anchor" href="#ce-que-votre-moteur-utilise-deja" aria-label="Permalink to &quot;Ce que votre moteur utilise déjà&quot;"></a></h2>
<p>D’après notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux web</a>, voici où en sont les principaux moteurs web concernant WebGPU en 2026 :</p>
<ul>
<li><strong>PlayCanvas</strong> possède le moteur de rendu WebGPU le plus adapté à la production parmi les moteurs web, avec notamment un rendu de Gaussian splatting basé sur le calcul GPU.</li>
<li><strong>Three.js</strong> propose un moteur de rendu WebGPU sans configuration (<code>three/webgpu</code>) avec repli automatique vers WebGL2, même si l’exportation par défaut reste WebGL.</li>
<li><strong>Babylon.js</strong> prend en charge WebGPU (en activant <code>WebGPUEngine</code>) ; la version 8 a réduit de moitié la taille du build WebGPU, tandis que Babylon.js 9.0 (mars 2026) est allé plus loin avec un éclairage en clusters sur les deux backends et un éclairage volumétrique reposant sur les compute shaders WebGPU.</li>
<li><strong>Godot</strong> ne prend pas encore en charge WebGPU. L’export web de la version 4.7 reste limité à WebGL2, même si les builds wasm64 suppriment désormais l’ancienne limite de mémoire de 4 Go.</li>
<li><strong>Cocos Creator</strong> propose une prise en charge expérimentale de WebGPU via son nouveau pipeline de rendu.</li>
<li><strong>Unity</strong> maintient WebGPU au stade expérimental et WebGL2 comme cible web par défaut.</li>
<li><strong>Phaser 4</strong> est une réécriture basée sur WebGL2, sans WebGPU pour le moment ; <strong>PixiJS</strong> prend en charge WebGPU, mais utilise WebGL par défaut.</li>
</ul>
<p>En pratique, le moteur prend donc généralement la décision entre WebGPU et WebGL à votre place, et les meilleurs assurent automatiquement le repli.</p>
<h2 id="apercu-de-la-prise-en-charge-par-les-navigateurs-2026" tabindex="-1">Aperçu de la prise en charge par les navigateurs (2026) <a class="header-anchor" href="#apercu-de-la-prise-en-charge-par-les-navigateurs-2026" aria-label="Permalink to &quot;Aperçu de la prise en charge par les navigateurs (2026)&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Fonctionnalité</th>
<th>Chrome</th>
<th>Firefox</th>
<th>Safari</th>
<th>Mobile</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebGL 2.0</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td>WebGPU</td>
<td>✅</td>
<td>✅</td>
<td>✅ Safari 26+</td>
<td>✅ iOS/iPadOS 26+</td>
</tr>
</tbody>
</table>
<p>Testez toujours votre jeu sur Safari/iOS si vous visez un large public et conservez un repli vers WebGL2 pour les appareils plus anciens encore en circulation.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="webgpu-est-il-meilleur-que-webgl-pour-les-jeux" tabindex="-1">WebGPU est-il meilleur que WebGL pour les jeux ? <a class="header-anchor" href="#webgpu-est-il-meilleur-que-webgl-pour-les-jeux" aria-label="Permalink to &quot;WebGPU est-il meilleur que WebGL pour les jeux ?&quot;"></a></h3>
<p>Pour les jeux exigeants, oui : WebGPU réduit la surcharge CPU, gère davantage d’objets et ajoute des compute shaders pour produire des effets impossibles avec WebGL. Pour de la 2D simple ou de la 3D légère, WebGL2 reste largement suffisant et bénéficie d’une meilleure compatibilité avec les anciens appareils. En 2026, la meilleure approche consiste à utiliser un moteur qui exploite WebGPU lorsqu’il est disponible et se rabat automatiquement sur WebGL2.</p>
<h3 id="webgpu-fonctionne-t-il-sur-safari-et-ios-en-2026" tabindex="-1">WebGPU fonctionne-t-il sur Safari et iOS en 2026 ? <a class="header-anchor" href="#webgpu-fonctionne-t-il-sur-safari-et-ios-en-2026" aria-label="Permalink to &quot;WebGPU fonctionne-t-il sur Safari et iOS en 2026 ?&quot;"></a></h3>
<p>Oui. Safari 26, sorti en septembre 2025, a ajouté WebGPU sur macOS, iPadOS, iOS et visionOS. Cela a comblé la dernière lacune majeure : WebGPU fonctionne désormais sur Chrome, Firefox et Safari, y compris sur mobile. Les appareils et versions de navigateurs plus anciens peuvent toutefois ne pas le prendre en charge. Conservez donc un repli vers WebGL2.</p>
<h3 id="dois-je-d-abord-apprendre-webgpu-ou-webgl" tabindex="-1">Dois-je d’abord apprendre WebGPU ou WebGL ? <a class="header-anchor" href="#dois-je-d-abord-apprendre-webgpu-ou-webgl" aria-label="Permalink to &quot;Dois-je d’abord apprendre WebGPU ou WebGL ?&quot;"></a></h3>
<p>Si vous utilisez un moteur de jeu, vous n’avez généralement pas à programmer directement avec l’un ou l’autre : le moteur s’en charge. Si vous écrivez vous-même votre code graphique, WebGPU est l’API la plus pérenne à apprendre, mais WebGL dispose aujourd’hui de davantage de tutoriels et d’exemples. Beaucoup de développeurs commencent encore avec WebGL ou une bibliothèque comme Three.js, qui propose désormais un moteur de rendu WebGPU lorsque vous êtes prêt.</p>
<h3 id="webgpu-remplacera-t-il-webgl" tabindex="-1">WebGPU remplacera-t-il WebGL ? <a class="header-anchor" href="#webgpu-remplacera-t-il-webgl" aria-label="Permalink to &quot;WebGPU remplacera-t-il WebGL ?&quot;"></a></h3>
<p>À terme, la plupart des nouveaux projets cibleront WebGPU, mais WebGL ne disparaîtra pas de sitôt. Il reste la référence universelle pour le matériel ancien et demeure profondément intégré aux outils et contenus existants. Attendez-vous à une longue période de coexistence pendant laquelle les moteurs prendront en charge les deux et choisiront à l’exécution.</p>
<BuildCta
  title="Testez votre GPU avec un vrai jeu"
  desc="Une seule consigne suffit pour créer un jeu qui affiche de vrais pixels dans votre navigateur."
  prompt="Crée un jeu de tir spatial riche en particules avec beaucoup d’explosions" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026</a> — le comparatif complet, avec l’état de la prise en charge de WebGPU par chaque moteur</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux web en 2026</a> — WebGL, WebGPU et Wasm au niveau des API</li>
<li><a href="/fr/guides/unity-godot-playcanvas-web.html">Unity WebGL vs Godot vs PlayCanvas</a> — les trois grands moteurs 3D pour le web</li>
<li><a href="/fr/guides/playcanvas-vs-threejs.html">PlayCanvas vs Three.js</a> — moteur ou bibliothèque pour la 3D sur le web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/webgpu-vs-webgl-games-hero.jpg?v=3" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[100 idées de prompts de jeux IA (2026) à créer en un clic]]></title>
            <link>https://app.cinevva.com/fr/guides/vibe-coding-game-prompts</link>
            <guid>https://app.cinevva.com/fr/guides/vibe-coding-game-prompts</guid>
            <pubDate>Sat, 20 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[100 idées de prompts de jeux IA pour 2026, classées par genre. Cliquez sur un prompt et Cinevva crée gratuitement un jeu 3D jouable dans votre navigateur. Reprenez-les, modifiez-les ou écrivez les vôtres.]]></description>
            <content:encoded><![CDATA[<h1 id="_100-idees-de-prompts-de-jeux-ia-2026-a-creer-en-un-clic" tabindex="-1">100 idées de prompts de jeux IA (2026) à créer en un clic <a class="header-anchor" href="#_100-idees-de-prompts-de-jeux-ia-2026-a-creer-en-un-clic" aria-label="Permalink to &quot;100 idées de prompts de jeux IA (2026) à créer en un clic&quot;"></a></h1>
<p><em>Dernière mise à jour : juin 2026.</em></p>
<p>Le vibe coding est actuellement le moyen le plus rapide de créer un jeu. Vous décrivez ce que vous voulez en langage naturel et l’IA le construit. Aucun moteur à installer, aucun code à écrire, aucune boutique de ressources à fouiller. Le plus difficile est souvent simplement de trouver une idée, alors en voici 100.</p>
<p>Cliquez sur l’un des prompts ci-dessous : Cinevva s’ouvre avec cette idée déjà saisie et commence à créer un jeu 3D jouable que vous pouvez modifier et partager. Tous fonctionnent dans votre navigateur et peuvent être essayés gratuitement. Reprenez-les, changez un mot ou utilisez-les comme point de départ pour vos propres idées. Vous découvrez tout juste le concept ? Découvrez <a href="/fr/guides/vibe-coding-games.html">ce qu’est le vibe coding</a> ou consultez le guide complet expliquant <a href="/fr/guides/make-a-game-with-ai.html">comment créer un jeu avec l’IA</a>.</p>
<h2 id="_12-favoris-pour-commencer" tabindex="-1">12 favoris pour commencer <a class="header-anchor" href="#_12-favoris-pour-commencer" aria-label="Permalink to &quot;12 favoris pour commencer&quot;"></a></h2>
<div class="prompt-grid">
<div class="prompt-card">
<strong>Snake néon, mais en plus rapide</strong>
<p>Un classique lumineux dont la difficulté finit par mordre.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20neon%20snake%20game%20that%20speeds%20up%20as%20you%20grow">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Course de karts dans le désert</strong>
<p>Un circuit low poly, des boosts de dérapage et un chrono à battre.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20low%20poly%20kart%20racer%20on%20a%20desert%20track%20with%20drift%20boosts">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Parkour sur des îles flottantes</strong>
<p>À la première personne, sautez d’une île à l’autre sans tomber.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20first%20person%20parkour%20game%20across%20floating%20islands">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Tower defense contre des slimes</strong>
<p>Placez des tourelles et tenez bon face aux vagues de slimes.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20tower%20defense%20where%20I%20place%20turrets%20to%20stop%20waves%20of%20slimes">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Pêche paisible au coucher du soleil</strong>
<p>Un lac tranquille, une ligne dans l’eau et aucune raison de se presser.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20cozy%20fishing%20game%20on%20a%20quiet%20lake%20at%20sunset">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Survie aux zombies à la lampe torche</strong>
<p>Vue du dessus, munitions limitées et faisceau à courte portée.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20top%20down%20zombie%20survival%20with%20a%20flashlight%20and%20limited%20ammo">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Bac à sable physique avec des blocs</strong>
<p>Empilez-les très haut, puis faites tout s’écrouler.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20physics%20sandbox%20where%20I%20stack%20blocks%20and%20knock%20them%20down">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Runner rythmique</strong>
<p>Sautez en rythme ou perdez votre série.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20rhythm%20runner%20where%20I%20jump%20in%20time%20with%20the%20music">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Combat spatial parmi les astéroïdes</strong>
<p>L’espace, des missiles à tête chercheuse et des rochers qui refusent de s’écarter.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20space%20dogfight%20with%20asteroids%20and%20homing%20missiles">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Jeu de plateforme et collecte d’étoiles</strong>
<p>Attrapez les étoiles, ouvrez la porte et trouvez la salle suivante.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%203D%20platformer%20collecting%20stars%20to%20open%20the%20next%20door">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Mini-golf déjanté</strong>
<p>Des rampes, des murs mobiles et un par qui fera débat.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Make%20a%20golf%20game%20with%20wacky%20ramps%20and%20moving%20obstacles">Créer gratuitement →</a>
</div>
<div class="prompt-card">
<strong>Infiltration et vol de gemme</strong>
<p>Faufilez-vous entre les gardes, prenez la gemme et ne vous faites pas repérer.</p>
<a class="prompt-go" href="/fr/create?utm_source=blog&utm_medium=content&utm_campaign=vibe_prompt_pack#prompt=Build%20a%20stealth%20game%20sneaking%20past%20guards%20to%20steal%20the%20gem">Créer gratuitement →</a>
</div>
</div>
<h2 id="plus-d-idees-de-prompts-par-genre" tabindex="-1">Plus d’idées de prompts par genre <a class="header-anchor" href="#plus-d-idees-de-prompts-par-genre" aria-label="Permalink to &quot;Plus d’idées de prompts par genre&quot;"></a></h2>
<p>Chaque ligne ci-dessous est cliquable. Choisissez-en une pour lancer la création.</p>
<h3 id="jeux-de-plateforme-et-runners" tabindex="-1">Jeux de plateforme et runners <a class="header-anchor" href="#jeux-de-plateforme-et-runners" aria-label="Permalink to &quot;Jeux de plateforme et runners&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a 3D platformer collecting coins across moving platforms">Jeu de plateforme 3D où vous collectez des pièces sur des plateformes mobiles</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an endless runner dodging obstacles that speeds up over time">Runner sans fin où vous évitez des obstacles et accélérez progressivement</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a wall jumping ninja platformer in a neon city">Jeu de plateforme avec un ninja qui rebondit sur les murs dans une ville néon</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a double jump platformer where the floor is lava">Jeu de plateforme à double saut où le sol est de la lave</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make an ice physics platformer where everything is slippery">Jeu de plateforme sur glace où tout est glissant</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a speedrun platformer with a countdown timer per level">Jeu de plateforme de speedrun avec un compte à rebours pour chaque niveau</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a gravity flip platformer where you walk on the ceiling">Jeu de plateforme où la gravité s’inverse et permet de marcher au plafond</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an auto runner where I only control jumping and sliding">Runner automatique où je contrôle uniquement les sauts et les glissades</a></li>
</ul>
<h3 id="course-et-conduite" tabindex="-1">Course et conduite <a class="header-anchor" href="#course-et-conduite" aria-label="Permalink to &quot;Course et conduite&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a futuristic hover pod race on a glowing track">Course futuriste d’aéroglisseurs sur une piste lumineuse</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an off road rally through muddy hills and jumps">Rallye tout-terrain à travers des collines boueuses et des tremplins</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a time trial drift game scoring points for long drifts">Contre-la-montre de drift où les longs dérapages rapportent des points</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a top down racer with power ups and oil slicks">Jeu de course en vue du dessus avec bonus et flaques d’huile</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a downhill bike ride dodging trees and rocks">Descente à vélo en évitant les arbres et les rochers</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a boat race through a stormy sea with big waves">Course de bateaux sur une mer déchaînée aux vagues gigantesques</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a delivery driving game beating the clock through traffic">Jeu de livraison où vous devez battre le chrono au milieu de la circulation</a></li>
</ul>
<h3 id="jeux-de-tir-et-d-action" tabindex="-1">Jeux de tir et d’action <a class="header-anchor" href="#jeux-de-tir-et-d-action" aria-label="Permalink to &quot;Jeux de tir et d’action&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a wave shooter defending a base from robots">Jeu de tir par vagues où vous défendez une base contre des robots</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a first person arena shooter with jump pads and power weapons">Jeu de tir en arène à la première personne avec tremplins et armes puissantes</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a twin stick shooter clearing rooms of enemies">Jeu de tir à deux sticks où vous éliminez les ennemis salle après salle</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a bullet hell game dodging waves of projectiles">Bullet hell où vous esquivez des vagues de projectiles</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a tank battle in a destructible arena">Combat de chars dans une arène destructible</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a sword fighting game blocking and countering attacks">Jeu de combat à l’épée où vous bloquez et contrez les attaques</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an archery defense holding a gate against raiders">Défense à l’arc où vous protégez une porte contre des pillards</a></li>
</ul>
<h3 id="reflexion-et-logique" tabindex="-1">Réflexion et logique <a class="header-anchor" href="#reflexion-et-logique" aria-label="Permalink to &quot;Réflexion et logique&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a block sliding puzzle to clear a path to the exit">Casse-tête de blocs coulissants pour dégager le chemin vers la sortie</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a color matching puzzle that clears connected groups">Jeu de correspondance de couleurs où les groupes connectés disparaissent</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a portal puzzle where I place two doors to cross gaps">Casse-tête de portails où je place deux portes pour franchir des précipices</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a light and mirror puzzle aiming a beam at a target">Casse-tête de lumière et de miroirs pour diriger un faisceau vers une cible</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a maze game where the walls shift every few seconds">Labyrinthe dont les murs se déplacent toutes les quelques secondes</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a pipe connecting puzzle to route water to a tank">Casse-tête de tuyaux à relier pour acheminer l’eau vers un réservoir</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a memory game flipping tiles to find matching pairs">Jeu de mémoire où vous retournez des tuiles pour trouver les paires</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a crate pushing puzzle placing boxes onto targets">Jeu de type Sokoban où vous poussez des caisses sur des cibles</a></li>
</ul>
<h3 id="survie-et-horreur" tabindex="-1">Survie et horreur <a class="header-anchor" href="#survie-et-horreur" aria-label="Permalink to &quot;Survie et horreur&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make an island survival gathering wood and food to last the night">Survie sur une île où vous récoltez du bois et de la nourriture pour passer la nuit</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a horror game escaping a dark maze while something follows">Jeu d’horreur où vous fuyez un labyrinthe sombre tandis qu’une créature vous suit</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a bunker survival rationing supplies through waves of night">Survie dans un bunker où vous rationnez les provisions au fil des nuits</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an underwater survival managing oxygen while exploring a reef">Survie sous-marine où vous gérez votre oxygène en explorant un récif</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a hide and seek horror in an abandoned house">Cache-cache horrifique dans une maison abandonnée</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a winter survival keeping a fire lit against the cold">Survie hivernale où vous devez entretenir un feu pour résister au froid</a></li>
</ul>
<h3 id="rpg-et-aventure" tabindex="-1">RPG et aventure <a class="header-anchor" href="#rpg-et-aventure" aria-label="Permalink to &quot;RPG et aventure&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a top down dungeon crawler fighting monsters for loot">Dungeon crawler en vue du dessus où l’on combat des monstres pour récupérer du butin</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an open field adventure collecting herbs and crafting potions">Aventure en monde ouvert où l’on récolte des plantes et fabrique des potions</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a quest game talking to villagers to find a lost relic">Jeu de quête où l’on parle aux villageois pour retrouver une relique perdue</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a roguelike where each run scrambles the dungeon layout">Roguelike où la disposition du donjon change à chaque partie</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a treasure hunt adventure following a map across an island">Aventure de chasse au trésor où l’on suit une carte à travers une île</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a boss rush game fighting a series of giant creatures">Boss rush où l’on affronte une série de créatures géantes</a></li>
</ul>
<h3 id="sports-et-arcade" tabindex="-1">Sports et arcade <a class="header-anchor" href="#sports-et-arcade" aria-label="Permalink to &quot;Sports et arcade&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make an arcade basketball game shooting hoops against the clock">Jeu de basket d’arcade où l’on marque des paniers contre la montre</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a bowling game with trick lanes and bumpers">Jeu de bowling avec des pistes farfelues et des barrières</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a penalty shootout soccer game aiming past a keeper">Jeu de football où l’on tire des penalties face à un gardien</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a skateboard game chaining tricks for combos">Jeu de skateboard où l’on enchaîne les figures pour réaliser des combos</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a home run derby baseball game timing the swing">Jeu de baseball façon home run derby où il faut frapper au bon moment</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a table tennis game rallying against a tricky opponent">Jeu de tennis de table où l’on échange des balles face à un adversaire redoutable</a></li>
</ul>
<h3 id="detente-et-jeux-grand-public" tabindex="-1">Détente et jeux grand public <a class="header-anchor" href="#detente-et-jeux-grand-public" aria-label="Permalink to &quot;Détente et jeux grand public&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a cozy farm game planting and harvesting crops">Jeu de ferme chaleureux où l’on plante et récolte des cultures</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a cafe game serving drinks to a line of customers">Jeu de café où l’on sert des boissons à une file de clients</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a garden game arranging plants and decorations">Jeu de jardinage où l’on dispose des plantes et des décorations</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a pet care game feeding and playing with a creature">Jeu où l’on nourrit une créature et joue avec elle</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a cozy cooking game following recipes to plate a dish">Jeu de cuisine chaleureux où l’on suit des recettes pour dresser des plats</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a relaxing bird watching game spotting species in a forest">Jeu relaxant d’observation des oiseaux où l’on repère des espèces dans une forêt</a></li>
</ul>
<h3 id="bac-a-sable-et-physique" tabindex="-1">Bac à sable et physique <a class="header-anchor" href="#bac-a-sable-et-physique" aria-label="Permalink to &quot;Bac à sable et physique&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a marble run where I build ramps to reach the goal">Parcours de billes où je construis des rampes pour atteindre l’objectif</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a demolition game knocking down towers with a wrecking ball">Jeu de démolition où l’on abat des tours avec une boule de démolition</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a bridge builder where my bridge has to hold a truck">Jeu de construction de ponts où mon pont doit supporter un camion</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a ragdoll launch game flinging a character for distance">Jeu de lancer en ragdoll où l’on projette un personnage le plus loin possible</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a cannon game blasting targets with bouncing balls">Jeu de canon où l’on détruit des cibles avec des boulets rebondissants</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a domino toppling sandbox setting off a chain reaction">Bac à sable où l’on fait tomber des dominos pour déclencher une réaction en chaîne</a></li>
</ul>
<h3 id="science-fiction-et-espace" tabindex="-1">Science-fiction et espace <a class="header-anchor" href="#science-fiction-et-espace" aria-label="Permalink to &quot;Science-fiction et espace&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a spaceship landing game touching down gently on low fuel">Jeu d’atterrissage spatial où l’on doit se poser en douceur avec peu de carburant</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an asteroid mining game collecting ore and dodging rocks">Jeu d’extraction minière sur des astéroïdes où l’on récolte du minerai en évitant les rochers</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a zero gravity station where I float between handholds">Station en apesanteur où je flotte d’une prise à l’autre</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an alien planet explorer scanning strange creatures">Exploration d’une planète extraterrestre où l’on analyse d’étranges créatures</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a wormhole runner steering through a tunnel of light">Runner dans un trou de ver où l’on se dirige à travers un tunnel de lumière</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a rover game driving across a crater filled moon">Jeu de rover où l’on parcourt une lune couverte de cratères</a></li>
</ul>
<h3 id="strategie-et-tower-defense" tabindex="-1">Stratégie et tower defense <a class="header-anchor" href="#strategie-et-tower-defense" aria-label="Permalink to &quot;Stratégie et tower defense&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a tower defense where towers can be upgraded between waves">Tower defense où les tours peuvent être améliorées entre les vagues</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a base builder placing walls and turrets before a raid">Jeu de construction de base où l’on place des murs et des tourelles avant une attaque</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a resource game balancing food wood and gold to grow a town">Jeu de gestion des ressources où l’on équilibre nourriture, bois et or pour développer une ville</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a maze tower defense where I shape the path enemies take">Tower defense en labyrinthe où je façonne le chemin emprunté par les ennemis</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a lane defense sending units to push toward the enemy base">Jeu de défense par couloirs où l’on envoie des unités avancer vers la base ennemie</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build an auto battler arranging a team that fights on its own">Auto-battler où l’on compose une équipe qui combat toute seule</a></li>
</ul>
<h3 id="aviation-et-vol" tabindex="-1">Aviation et vol <a class="header-anchor" href="#aviation-et-vol" aria-label="Permalink to &quot;Aviation et vol&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a flight sim gliding through canyons and arches">Simulateur de vol où l’on plane à travers des canyons et des arches</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a hot air balloon game drifting between rings in the sky">Jeu de montgolfière où l’on dérive entre des anneaux dans le ciel</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a wingsuit dive threading through narrow gaps">Descente en wingsuit où l’on se faufile dans des passages étroits</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a paper airplane game catching wind currents for distance">Jeu d’avion en papier où l’on exploite les courants d’air pour aller le plus loin possible</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a dragon flight game swooping to grab coins midair">Jeu de vol à dos de dragon où l’on plonge pour attraper des pièces en plein vol</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a helicopter rescue lifting survivors off rooftops">Sauvetage en hélicoptère où l’on évacue des survivants depuis les toits</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a jetpack game burning fuel to climb past obstacles">Jeu de jetpack où l’on consomme du carburant pour s’élever au-dessus des obstacles</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a bird flocking game leading a flock through gates">Jeu où l’on guide une volée d’oiseaux à travers des portes</a></li>
</ul>
<h3 id="insolite-et-experimental" tabindex="-1">Insolite et expérimental <a class="header-anchor" href="#insolite-et-experimental" aria-label="Permalink to &quot;Insolite et expérimental&quot;"></a></h3>
<ul>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a game where you play as a rolling ball growing bigger by absorbing objects">Jeu où l’on incarne une boule qui grossit en roulant et en absorbant des objets</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a game where gravity points wherever I click">Jeu où la gravité s’oriente vers l’endroit où je clique</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a game played entirely in one rotating room">Jeu se déroulant entièrement dans une seule pièce en rotation</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a game where the screen shrinks as time runs out">Jeu où l’écran rétrécit à mesure que le temps s’écoule</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a game where you control two characters at once">Jeu où l’on contrôle deux personnages à la fois</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a game where painting the floor is how you score">Jeu où l’on marque des points en peignant le sol</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Make a game where the world is made of stacked cubes you can remove">Jeu où le monde est composé de cubes empilés que l’on peut retirer</a></li>
<li><a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack#prompt=Build a game where you grow a tower as tall as possible before it topples">Jeu où l’on construit la tour la plus haute possible avant qu’elle ne s’effondre</a></li>
</ul>
<h2 id="comment-ecrire-vos-propres-prompts" tabindex="-1">Comment écrire vos propres prompts <a class="header-anchor" href="#comment-ecrire-vos-propres-prompts" aria-label="Permalink to &quot;Comment écrire vos propres prompts&quot;"></a></h2>
<p>Les prompts ci-dessus sont volontairement courts. Vous n’avez pas besoin de détailler chaque règle. Indiquez le type de jeu, un élément qui le rend unique et un objectif, puis laissez l’IA compléter le reste. Une fois le jeu lancé, dites-lui ce que vous souhaitez modifier. Pour en savoir plus sur le processus, consultez <a href="/fr/guides/make-a-game-with-ai.html">comment créer un jeu avec l’IA</a>.</p>
<p>Vous préférez partir d’une page blanche ? <a href="/fr/create.html?utm_source=blog&amp;utm_medium=content&amp;utm_campaign=vibe_prompt_pack">Ouvrez le créateur</a> et saisissez votre propre idée.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="comment-rediger-un-bon-prompt-de-jeu-pour-une-ia" tabindex="-1">Comment rédiger un bon prompt de jeu pour une IA ? <a class="header-anchor" href="#comment-rediger-un-bon-prompt-de-jeu-pour-une-ia" aria-label="Permalink to &quot;Comment rédiger un bon prompt de jeu pour une IA ?&quot;"></a></h3>
<p>Limitez-vous à une phrase et indiquez trois éléments : le genre, un détail qui rend le jeu unique et un objectif clair. « Un jeu de parkour à la première personne sur des îles flottantes où l’on fait la course contre la montre » fonctionne bien mieux que « un jeu 3D amusant », car cela donne à l’IA une structure concrète à créer. Affinez ensuite le résultat en demandant une modification à la fois.</p>
<h3 id="ces-prompts-de-jeux-pour-ia-sont-ils-gratuits" tabindex="-1">Ces prompts de jeux pour IA sont-ils gratuits ? <a class="header-anchor" href="#ces-prompts-de-jeux-pour-ia-sont-ils-gratuits" aria-label="Permalink to &quot;Ces prompts de jeux pour IA sont-ils gratuits ?&quot;"></a></h3>
<p>Oui. Vous pouvez utiliser gratuitement chaque prompt de cette page pour créer un jeu dans votre navigateur, puis modifier le résultat et partager un lien vers votre jeu. La génération gratuite comporte des limites, et l’utilisation commerciale d’un jeu terminé dépend de l’offre choisie et des ressources utilisées. Consultez donc les conditions avant de vendre quoi que ce soit.</p>
<h3 id="une-ia-peut-elle-creer-un-jeu-3d-a-partir-de-l-un-de-ces-prompts" tabindex="-1">Une IA peut-elle créer un jeu 3D à partir de l’un de ces prompts ? <a class="header-anchor" href="#une-ia-peut-elle-creer-un-jeu-3d-a-partir-de-l-un-de-ces-prompts" aria-label="Permalink to &quot;Une IA peut-elle créer un jeu 3D à partir de l’un de ces prompts ?&quot;"></a></h3>
<p>Oui. Chaque prompt présenté ici est conçu pour produire un jeu 3D jouable dans le navigateur. La première version sert de point de départ : vous pouvez ensuite l’affiner en discutant avec l’IA et en demandant de nouvelles mécaniques, des graphismes, du son et des ajustements de difficulté jusqu’à obtenir le résultat souhaité.</p>
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/make-a-game-with-ai.html">Comment créer un jeu avec l’IA (sans coder)</a> — le processus complet</li>
<li><a href="/fr/guides/vibe-coding-games.html">Vibe coding de jeux : de quoi s’agit-il et comment commencer ?</a> — l’approche expliquée</li>
<li><a href="/fr/guides/ai-game-generators-2026.html">Les meilleurs générateurs de jeux par IA en 2026</a> — comparatif des outils</li>
<li><a href="/fr/guides/3d-browser-game-without-coding.html">Comment créer un jeu 3D pour navigateur sans coder</a> — une présentation détaillée de la création en 3D</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/vibe-coding-game-prompts-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Les meilleurs moteurs de jeu open source pour 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/open-source-game-engines-2026</link>
            <guid>https://app.cinevva.com/fr/guides/open-source-game-engines-2026</guid>
            <pubDate>Thu, 18 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Liste complète des meilleurs moteurs de jeu open source pour 2026 — Godot, Phaser, PixiJS, Defold, Bevy, Three.js, Babylon.js et plus encore, avec leurs licences, langages, options d’exportation web et une recommandation pour chaque cas d’usage.]]></description>
            <content:encoded><![CDATA[<h1 id="les-meilleurs-moteurs-de-jeu-open-source-pour-2026" tabindex="-1">Les meilleurs moteurs de jeu open source pour 2026 <a class="header-anchor" href="#les-meilleurs-moteurs-de-jeu-open-source-pour-2026" aria-label="Permalink to &quot;Les meilleurs moteurs de jeu open source pour 2026&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/open-source-game-engines-hero.jpg?v=2" alt="Les meilleurs moteurs de jeu open source pour 2026" style="width:100%;border-radius:10px">
</figure>
<p>Les moteurs de jeu open source offrent quelque chose que les solutions propriétaires ne peuvent pas garantir : une licence qui ne changera pas après la sortie de votre jeu. Pas de frais par utilisateur, pas de seuils de revenus, pas de changements tarifaires inattendus. Vous pouvez consulter le code source, créer votre propre fork et continuer à développer même si l’équipe d’origine abandonne le projet. Après <a href="/fr/news/2024-09-12-unity-runtime-fee-cancelled.html">l’épisode des frais d’exécution de Unity</a>, c’est précisément cette stabilité qui a poussé de nombreuses équipes à passer à l’open source.</p>
<p>Voici la liste complète des moteurs de jeu open source qui méritent d’être utilisés en 2026, classés selon leur usage. Si vous avez spécifiquement besoin d’une version web, nous indiquons ceux qui permettent une exportation vers le navigateur. Pour aller plus loin, consultez notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des meilleurs moteurs de jeu web</a>.</p>
<h2 id="comparatif-rapide" tabindex="-1">Comparatif rapide <a class="header-anchor" href="#comparatif-rapide" aria-label="Permalink to &quot;Comparatif rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Moteur</th>
<th>Licence</th>
<th>Langage</th>
<th>2D / 3D</th>
<th>Exportation web</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/fr/guides/godot-vs-unity-web-games.html"><strong>Godot</strong></a></td>
<td>MIT</td>
<td>GDScript, C#</td>
<td>Les deux</td>
<td>Oui (GDScript)</td>
<td>Le moteur gratuit polyvalent</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>MIT</td>
<td>JavaScript</td>
<td>2D</td>
<td>Oui</td>
<td>Jeux web en 2D</td>
</tr>
<tr>
<td><strong>PixiJS</strong></td>
<td>MIT</td>
<td>JavaScript</td>
<td>2D</td>
<td>Oui</td>
<td>Rendu 2D personnalisé</td>
</tr>
<tr>
<td><strong>Three.js</strong></td>
<td>MIT</td>
<td>JS / TS</td>
<td>3D</td>
<td>Oui</td>
<td>3D web avec un contrôle maximal</td>
</tr>
<tr>
<td><strong>Babylon.js</strong></td>
<td>Apache 2.0</td>
<td>JS / TS</td>
<td>3D</td>
<td>Oui</td>
<td>3D web complète</td>
</tr>
<tr>
<td><strong>Defold</strong></td>
<td>Gratuit, code source disponible</td>
<td>Lua</td>
<td>2D / 3D légère</td>
<td>Oui</td>
<td>Versions web les plus légères</td>
</tr>
<tr>
<td><strong>Excalibur.js</strong></td>
<td>BSD</td>
<td>TypeScript</td>
<td>2D</td>
<td>Oui</td>
<td>Jeux 2D en TypeScript</td>
</tr>
<tr>
<td><strong>Bevy</strong></td>
<td>MIT / Apache 2.0</td>
<td>Rust</td>
<td>Les deux</td>
<td>Oui (Wasm)</td>
<td>Rust et conception orientée données</td>
</tr>
<tr>
<td><strong>LÖVE</strong></td>
<td>zlib</td>
<td>Lua</td>
<td>2D</td>
<td>Limitée</td>
<td>Prototypes 2D rapides</td>
</tr>
<tr>
<td><strong>Cocos Creator</strong></td>
<td>Runtime MIT</td>
<td>TypeScript</td>
<td>Les deux</td>
<td>Oui</td>
<td>Mini-jeux et marché asiatique</td>
</tr>
<tr>
<td><strong>O3DE</strong></td>
<td>Apache 2.0</td>
<td>C++, Lua</td>
<td>3D</td>
<td>Non</td>
<td>3D à grande échelle et projets AAA</td>
</tr>
</tbody>
</table>
<p>Il n’existe pas de « meilleur » moteur open source dans l’absolu. Le bon choix dépend de la 2D ou de la 3D, de votre langage et de votre besoin de cibler le web.</p>
<h2 id="moteurs-2d-et-3d-complets" tabindex="-1">Moteurs 2D et 3D complets <a class="header-anchor" href="#moteurs-2d-et-3d-complets" aria-label="Permalink to &quot;Moteurs 2D et 3D complets&quot;"></a></h2>
<h3 id="godot" tabindex="-1">Godot <a class="header-anchor" href="#godot" aria-label="Permalink to &quot;Godot&quot;"></a></h3>
<p>Godot est le moteur auquel la plupart des gens pensent lorsqu’ils parlent de « moteur de jeu open source ». Sous licence MIT, il prend en charge la 2D comme la 3D, sans aucuns frais ni plafonds de revenus. Il produit des versions web légères — environ 5 Mo avec Brotli ou 9 Mo avec gzip — et, depuis la version 4.3, permet une exportation monothread assurant une bonne compatibilité avec iOS et Safari. La seule réserve pour le web est que les projets C# ne peuvent pas encore être exportés vers le navigateur, contrairement à ceux en GDScript. Pour la plupart des équipes qui quittent un moteur propriétaire, Godot est la solution polyvalente qui s’en rapproche le plus. Consultez <a href="/fr/guides/godot-vs-unity-web-games.html">Godot face à Unity pour les jeux web</a> pour une comparaison directe.</p>
<h3 id="cocos-creator" tabindex="-1">Cocos Creator <a class="header-anchor" href="#cocos-creator" aria-label="Permalink to &quot;Cocos Creator&quot;"></a></h3>
<p>Cocos Creator associe un éditeur gratuit à un runtime open source sous licence MIT. Il prend en charge la 2D et la 3D, ainsi que WebGL, WebGPU et Wasm. Il est particulièrement performant pour les plateformes de mini-jeux comme WeChat et TikTok, où la taille de la version finale est cruciale. Les versions produites pèsent environ 2 à 4 Mo.</p>
<h2 id="bibliotheques-et-moteurs-3d-pour-le-web" tabindex="-1">Bibliothèques et moteurs 3D pour le web <a class="header-anchor" href="#bibliotheques-et-moteurs-3d-pour-le-web" aria-label="Permalink to &quot;Bibliothèques et moteurs 3D pour le web&quot;"></a></h2>
<h3 id="three-js" tabindex="-1">Three.js <a class="header-anchor" href="#three-js" aria-label="Permalink to &quot;Three.js&quot;"></a></h3>
<p>Three.js est la bibliothèque 3D la plus utilisée sur le web. Elle est distribuée sous licence MIT et son cœur ne pèse qu’environ 150 Ko. Il s’agit d’une bibliothèque de rendu plutôt que d’un moteur complet : vous devez donc ajouter vos propres systèmes de jeu ou utiliser un framework par-dessus. C’est le compromis proposé : un contrôle maximal et une empreinte minimale, en échange de davantage de code à écrire vous-même. C’est sur cette base que nous avons créé <a href="/fr/engine.html">Cinevva Engine</a>, en y ajoutant les systèmes de jeu nécessaires pour vous éviter de partir d’une toile vierge.</p>
<h3 id="babylon-js" tabindex="-1">Babylon.js <a class="header-anchor" href="#babylon-js" aria-label="Permalink to &quot;Babylon.js&quot;"></a></h3>
<p>Babylon.js est un moteur 3D open source complet sous licence Apache 2.0, avec un système physique, des animations, un inspecteur de scène et une prise en charge avancée de WebGPU et WGSL. Par rapport à Three.js, il offre davantage de fonctionnalités prêtes à l’emploi, mais son poids est plus élevé. Consultez <a href="/fr/guides/threejs-vs-babylonjs.html">Three.js face à Babylon.js</a> pour déterminer lequel convient le mieux à votre projet.</p>
<h2 id="frameworks-2d" tabindex="-1">Frameworks 2D <a class="header-anchor" href="#frameworks-2d" aria-label="Permalink to &quot;Frameworks 2D&quot;"></a></h2>
<h3 id="phaser" tabindex="-1">Phaser <a class="header-anchor" href="#phaser" aria-label="Permalink to &quot;Phaser&quot;"></a></h3>
<p>Phaser est le framework de jeu HTML5 open source le plus populaire. Sous licence MIT, il dispose de la plus grande communauté et du plus vaste écosystème consacrés aux jeux web en 2D. Les versions produites pèsent environ 500 Ko. Si votre jeu est en 2D et que vous utilisez JavaScript, il est difficile de trouver mieux.</p>
<h3 id="pixijs" tabindex="-1">PixiJS <a class="header-anchor" href="#pixijs" aria-label="Permalink to &quot;PixiJS&quot;"></a></h3>
<p>PixiJS est un moteur de rendu WebGL 2D rapide, sous licence MIT, qui pèse environ 200 Ko. À l’image de Three.js pour la 3D, il s’agit d’un moteur de rendu plutôt que d’un moteur de jeu complet : vous devez donc apporter votre propre logique de jeu. Choisissez-le si vous recherchez un rendu 2D personnalisé avec une empreinte minime.</p>
<h3 id="excalibur-js" tabindex="-1">Excalibur.js <a class="header-anchor" href="#excalibur-js" aria-label="Permalink to &quot;Excalibur.js&quot;"></a></h3>
<p>Excalibur.js est un moteur 2D accessible, écrit en TypeScript et distribué sous licence BSD. Il pèse environ 300 Ko et propose davantage de fonctionnalités de jeu intégrées qu’un simple moteur de rendu. C’est un bon choix si vous souhaitez profiter du typage et d’une prise en main progressive.</p>
<h3 id="love-love2d" tabindex="-1">LÖVE (Love2D) <a class="header-anchor" href="#love-love2d" aria-label="Permalink to &quot;LÖVE (Love2D)&quot;"></a></h3>
<p>LÖVE est un framework 2D historique, scripté en Lua et distribué sous licence zlib. Il est très apprécié pour créer rapidement des prototypes et participer à des game jams sur ordinateur. L’exportation web existe grâce à love.js, mais reste limitée : considérez donc LÖVE comme un outil conçu avant tout pour les plateformes de bureau.</p>
<h2 id="rust-c-et-moteurs-a-grande-echelle" tabindex="-1">Rust, C++ et moteurs à grande échelle <a class="header-anchor" href="#rust-c-et-moteurs-a-grande-echelle" aria-label="Permalink to &quot;Rust, C++ et moteurs à grande échelle&quot;"></a></h2>
<h3 id="bevy" tabindex="-1">Bevy <a class="header-anchor" href="#bevy" aria-label="Permalink to &quot;Bevy&quot;"></a></h3>
<p>Bevy est un moteur moderne orienté données, écrit en Rust et proposé sous double licence MIT et Apache 2.0. Son architecture entité-composant-système constitue l’un de ses principaux atouts, et il se compile en WebAssembly pour produire des versions destinées aux navigateurs. Il est plus jeune que les autres et évolue rapidement : attendez-vous donc à des changements incompatibles entre les versions. Il bénéficie néanmoins d’une forte dynamique en 2026.</p>
<h3 id="open-3d-engine-o3de" tabindex="-1">Open 3D Engine (O3DE) <a class="header-anchor" href="#open-3d-engine-o3de" aria-label="Permalink to &quot;Open 3D Engine (O3DE)&quot;"></a></h3>
<p>O3DE est un projet de la Linux Foundation sous licence Apache 2.0, soutenu notamment par AWS et destiné à la 3D haute fidélité à grande échelle. C’est un moteur sérieux et imposant, conçu pour les équipes qui nourrissent des ambitions AAA et disposent des ressources nécessaires. Il ne cible pas les navigateurs.</p>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<ul>
<li><strong>Vous voulez un moteur gratuit adapté à presque tous les projets ?</strong> Godot.</li>
<li><strong>Vous créez un jeu web en 2D ?</strong> Phaser, ou PixiJS/Excalibur.js pour un rendu personnalisé.</li>
<li><strong>Vous créez un jeu web en 3D ?</strong> Three.js pour le contrôle et la légèreté, Babylon.js pour une solution complète.</li>
<li><strong>Vous voulez la version web la plus légère possible ?</strong> Defold.</li>
<li><strong>Vous ciblez les plateformes de mini-jeux ?</strong> Cocos Creator.</li>
<li><strong>Vous aimez Rust et les architectures ECS ?</strong> Bevy.</li>
<li><strong>Vous créez un projet 3D haute fidélité à grande échelle ?</strong> O3DE.</li>
</ul>
<p>Si vous ciblez le web, tous les moteurs ci-dessus, à l’exception d’O3DE et, dans une large mesure, de LÖVE, peuvent produire une version pour navigateur. Pour une analyse complète consacrée au web, consultez le <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeu web</a> et notre guide des <a href="/fr/guides/unity-alternatives-web-games.html">alternatives à Unity pour les jeux web</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-open-source-en-2026" tabindex="-1">Quel est le meilleur moteur de jeu open source en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-open-source-en-2026" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu open source en 2026 ?&quot;"></a></h3>
<p>Pour la plupart des créateurs, il s’agit de Godot : il est distribué sous licence MIT, gratuit, sans plafonds de revenus, performant en 2D comme en 3D et doté d’une exportation web efficace. Pour les jeux web en 2D, Phaser est le choix open source le plus populaire. Pour la 3D web, privilégiez Three.js, qui est une bibliothèque, ou Babylon.js, qui est un moteur complet. Le meilleur choix dépend du nombre de dimensions, du langage et de la plateforme ciblée.</p>
<h3 id="godot-est-il-vraiment-gratuit-sans-contrepartie" tabindex="-1">Godot est-il vraiment gratuit, sans contrepartie ? <a class="header-anchor" href="#godot-est-il-vraiment-gratuit-sans-contrepartie" aria-label="Permalink to &quot;Godot est-il vraiment gratuit, sans contrepartie ?&quot;"></a></h3>
<p>Oui. Godot est distribué sous licence MIT, ce qui signifie qu’il n’y aura jamais de frais, de redevances, de seuils de revenus ni de licences par utilisateur. Vous pouvez l’utiliser pour des jeux commerciaux et même modifier le moteur lui-même. Le projet est financé par des dons et des parrainages, et non par la facturation des développeurs.</p>
<h3 id="les-moteurs-de-jeu-open-source-sont-ils-suffisamment-performants-pour-des-jeux-commerciaux" tabindex="-1">Les moteurs de jeu open source sont-ils suffisamment performants pour des jeux commerciaux ? <a class="header-anchor" href="#les-moteurs-de-jeu-open-source-sont-ils-suffisamment-performants-pour-des-jeux-commerciaux" aria-label="Permalink to &quot;Les moteurs de jeu open source sont-ils suffisamment performants pour des jeux commerciaux ?&quot;"></a></h3>
<p>Oui. De nombreux jeux ayant rencontré un succès commercial utilisent des moteurs open source, lesquels n’imposent aucun plafond de revenus. Les contreparties sont généralement une boutique de ressources intégrée moins fournie et, pour certains moteurs, moins de fonctionnalités clés en main que dans un grand moteur propriétaire. Pour les jeux web en particulier, les moteurs open source produisent souvent des versions plus légères et plus rapides.</p>
<h3 id="unity-ou-unreal-sont-ils-open-source" tabindex="-1">Unity ou Unreal sont-ils open source ? <a class="header-anchor" href="#unity-ou-unreal-sont-ils-open-source" aria-label="Permalink to &quot;Unity ou Unreal sont-ils open source ?&quot;"></a></h3>
<p>Non. Unity est un logiciel propriétaire fonctionnant sur abonnement. Le code source d’Unreal Engine est disponible — vous pouvez le consulter et le modifier avec un compte — mais le moteur n’est pas open source et applique un modèle de redevances au-delà d’un certain seuil de revenus. Si vous recherchez spécifiquement un moteur open source, Godot est l’équivalent qui se rapproche le plus de Unity. Notre <a href="/fr/guides/unity-alternatives-web-games.html">guide des alternatives à Unity</a> présente les autres possibilités.</p>
<h3 id="quel-moteur-de-jeu-open-source-convient-le-mieux-au-web" tabindex="-1">Quel moteur de jeu open source convient le mieux au web ? <a class="header-anchor" href="#quel-moteur-de-jeu-open-source-convient-le-mieux-au-web" aria-label="Permalink to &quot;Quel moteur de jeu open source convient le mieux au web ?&quot;"></a></h3>
<p>Godot pour un moteur polyvalent 2D/3D, Phaser pour la 2D, et Three.js ou Babylon.js pour la 3D. Parmi les moteurs complets, Defold produit les versions web les plus légères. Ils sont tous gratuits et open source. Notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeu web</a> les classe selon la taille des versions, le temps de chargement et la compatibilité avec les navigateurs.</p>
<BuildCta
  title="Les moteurs gratuits sont excellents. Une solution gratuite et sans configuration est encore plus rapide"
  desc="Testez d’abord votre idée, puis adoptez le moteur lorsque vos besoins l’exigeront."
  prompt="Crée un dungeon crawler rétro avec des torches et des squelettes" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeu web pour 2026 (comparatif)</a> — classement selon la taille des versions, le temps de chargement et le coût</li>
<li><a href="/fr/guides/unity-alternatives-web-games.html">Alternatives à Unity pour les jeux web</a> — solutions open source pour les équipes qui quittent Unity</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot face à Unity pour les jeux web</a> — comparaison directe avec l’alternative open source la plus proche</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Les meilleurs moteurs de jeu 2D pour 2026</a> — si votre jeu est en 2D</li>
<li><a href="/fr/guides/threejs-vs-babylonjs.html">Three.js face à Babylon.js</a> — les deux grandes bibliothèques 3D open source pour le web</li>
<li><a href="/fr/engine.html">Cinevva Engine</a> — notre moteur open source conçu en priorité pour le web et basé sur Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/open-source-game-engines-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Alternatives à Unity pour les jeux web (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/unity-alternatives-web-games</link>
            <guid>https://app.cinevva.com/fr/guides/unity-alternatives-web-games</guid>
            <pubDate>Thu, 11 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleures alternatives à Unity pour les jeux sur navigateur en 2026 — Godot, PlayCanvas, Three.js, Defold, Cocos, Phaser et bien d’autres — comparées selon l’export web, la taille des builds, le langage et le coût, avec une recommandation adaptée à la raison pour laquelle vous quittez Unity.]]></description>
            <content:encoded><![CDATA[<h1 id="alternatives-a-unity-pour-les-jeux-web-2026" tabindex="-1">Alternatives à Unity pour les jeux web (2026) <a class="header-anchor" href="#alternatives-a-unity-pour-les-jeux-web-2026" aria-label="Permalink to &quot;Alternatives à Unity pour les jeux web (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/unity-alternatives-web-hero.jpg?v=2" alt="Alternatives à Unity pour les jeux web en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Unity permet d’exporter vers le web, mais ses builds WebGL sont lourds, sa politique tarifaire a déstabilisé les développeurs depuis 2023 et, pour un jeu pensé d’abord pour le navigateur, c’est rarement la solution la plus légère. Si vous cherchez une alternative à Unity spécifiquement pour les jeux web, ce guide présente les moteurs qui produisent réellement des builds légers et rapides pour navigateur en 2026, ainsi que celui à choisir selon la raison pour laquelle vous quittez Unity.</p>
<p>Si vous souhaitez comparer toutes les options côte à côte, commencez par notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des meilleurs moteurs de jeux web pour 2026</a>. Cette page traite du cas précis où vous souhaitez remplacer Unity pour le web.</p>
<h2 id="pourquoi-les-developpeurs-cherchent-des-alternatives-a-unity" tabindex="-1">Pourquoi les développeurs cherchent des alternatives à Unity <a class="header-anchor" href="#pourquoi-les-developpeurs-cherchent-des-alternatives-a-unity" aria-label="Permalink to &quot;Pourquoi les développeurs cherchent des alternatives à Unity&quot;"></a></h2>
<p>Certaines raisons reviennent régulièrement :</p>
<ul>
<li><strong>Confiance dans la tarification.</strong> Les <a href="/fr/news/2024-09-12-unity-runtime-fee-cancelled.html">frais d’exécution de Unity</a> ont été annulés en septembre 2024 et ne sont pas revenus, mais ils ont appris à de nombreuses équipes à anticiper la question : « Et si les conditions changeaient encore ? » Un moteur dont la licence ne peut pas être soudainement réévaluée élimine ce risque.</li>
<li><strong>Taille des builds web.</strong> Les builds WebGL vides de Unity commencent autour de 8 à 11 Mo. Les moteurs natifs du web produisent des builds de 1 à 5 Mo, une différence que les joueurs ressentent directement dans le temps de chargement.</li>
<li><strong>Compatibilité avec les navigateurs mobiles.</strong> Unity WebGL a longtemps été fragile sur les téléphones. Les moteurs plus légers conçus pour le web fonctionnent mieux sur Safari et Chrome mobiles.</li>
<li><strong>Open source.</strong> Certaines équipes veulent pouvoir lire et forker le code source dont elles dépendent, sans être à la merci d’un fournisseur.</li>
</ul>
<p>La bonne nouvelle : pour le web, les alternatives sont solides et plusieurs sont gratuites pour toujours.</p>
<h2 id="comparatif-rapide" tabindex="-1">Comparatif rapide <a class="header-anchor" href="#comparatif-rapide" aria-label="Permalink to &quot;Comparatif rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Alternative</th>
<th>Type</th>
<th>Technologies web</th>
<th>Taille du build (vide)</th>
<th>Langage</th>
<th>Coût</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/fr/guides/godot-vs-unity-web-games.html"><strong>Godot</strong></a></td>
<td>Moteur 2D/3D complet</td>
<td>WebGL2 + Wasm</td>
<td>~5 Mo avec Brotli, ~9 Mo avec gzip</td>
<td>GDScript (C# pas encore disponible sur le web)</td>
<td>Gratuit (MIT)</td>
<td>Le remplaçant polyvalent le plus proche de Unity</td>
</tr>
<tr>
<td><strong>PlayCanvas</strong></td>
<td>Moteur 3D pensé pour le web</td>
<td>WebGL2 + WebGPU</td>
<td>~1-2 Mo</td>
<td>JavaScript</td>
<td>Offre gratuite ; abonnements payants</td>
<td>3D pensée pour le navigateur avec éditeur cloud</td>
</tr>
<tr>
<td><strong>Babylon.js</strong></td>
<td>Moteur 3D pensé pour le web</td>
<td>WebGL2 + WebGPU</td>
<td>~1-2 Mo</td>
<td>JavaScript / TypeScript</td>
<td>Gratuit (Apache 2.0)</td>
<td>Un moteur gratuit et complet pour ceux qui quittent Unity</td>
</tr>
<tr>
<td><strong>Three.js / Cinevva</strong></td>
<td>Bibliothèque / moteur 3D</td>
<td>WebGL2 + WebGPU</td>
<td>Cœur de ~150 Ko</td>
<td>JavaScript / TypeScript</td>
<td>Gratuit (MIT)</td>
<td>Contrôle maximal et empreinte minimale</td>
</tr>
<tr>
<td><strong>Defold</strong></td>
<td>2D/3D pensée pour le web</td>
<td>WebGL + Wasm</td>
<td>~1,14 Mo</td>
<td>Lua</td>
<td>Gratuit</td>
<td>Jeux web les plus légers et les plus rapides à charger</td>
</tr>
<tr>
<td><strong>Cocos Creator</strong></td>
<td>Moteur 2D/3D complet</td>
<td>WebGL + WebGPU + Wasm</td>
<td>~2-4 Mo</td>
<td>TypeScript</td>
<td>Gratuit</td>
<td>Mini-jeux et marché web asiatique</td>
</tr>
<tr>
<td><strong>Phaser</strong></td>
<td>Framework 2D</td>
<td>WebGL/Canvas</td>
<td>~500 Ko</td>
<td>JavaScript</td>
<td>Gratuit (MIT)</td>
<td>Jeux web 2D et plus grande communauté HTML5</td>
</tr>
<tr>
<td><strong>Construct / GDevelop</strong></td>
<td>2D visuelle</td>
<td>WebGL</td>
<td>~1-3 Mo</td>
<td>Sans code</td>
<td>Abonnement / offre gratuite</td>
<td>Quitter Unity sans écrire de code</td>
</tr>
</tbody>
</table>
<p>Il n’existe pas de « remplaçant de Unity » universel. Le bon choix dépend de vos besoins en 3D, de votre volonté d’écrire du code et des raisons pour lesquelles Unity ne vous convenait pas.</p>
<h2 id="godot-le-remplacant-polyvalent-le-plus-proche" tabindex="-1">Godot : le remplaçant polyvalent le plus proche <a class="header-anchor" href="#godot-le-remplacant-polyvalent-le-plus-proche" aria-label="Permalink to &quot;Godot : le remplaçant polyvalent le plus proche&quot;"></a></h2>
<p>Godot est l’alternative vers laquelle se tournent le plus souvent les anciens développeurs Unity. C’est un moteur 2D et 3D complet, gratuit sous licence MIT, sans paiement par poste, redevances ni plafond de revenus, et son export web est solide. La taille des builds est d’environ 5 Mo avec Brotli ou 9 Mo avec gzip, soit moins que Unity par défaut. Depuis Godot 4.3, il est possible d’exporter des builds web monothread qui ne nécessitent plus SharedArrayBuffer, ce qui a également corrigé les anciens problèmes d’exécution sur iOS et Safari.</p>
<p>Seul inconvénient pour le web : les projets C# (.NET) de Godot ne peuvent pas encore être exportés vers le navigateur ; seul GDScript le permet. Si vous migrez une base de code C#, c’est un point important. Nous examinons ces compromis en détail dans <a href="/fr/guides/godot-vs-unity-web-games.html">Godot face à Unity pour les jeux web</a>.</p>
<p>Choisissez Godot si vous recherchez le moteur polyvalent le plus proche de Unity, gratuit pour toujours, avec une solution web claire pour la 2D comme pour la 3D.</p>
<h2 id="playcanvas-de-la-3d-pensee-pour-le-web-avec-un-editeur" tabindex="-1">PlayCanvas : de la 3D pensée pour le web avec un éditeur <a class="header-anchor" href="#playcanvas-de-la-3d-pensee-pour-le-web-avec-un-editeur" aria-label="Permalink to &quot;PlayCanvas : de la 3D pensée pour le web avec un éditeur&quot;"></a></h2>
<p>PlayCanvas a été conçu dès le départ pour le navigateur. Son environnement d’exécution pèse environ 1 à 2 Mo, il prend en charge WebGL2 et WebGPU et propose un éditeur cloud collaboratif qui semblera familier si vous appréciiez le workflow de scènes de Unity. Les jeux sont scriptés en JavaScript. C’est un excellent choix lorsque vous avez besoin de 3D en temps réel dans le navigateur et préférez un éditeur visuel à une bibliothèque utilisable uniquement par le code.</p>
<p>Choisissez PlayCanvas si vous voulez éditer des scènes 3D comme dans Unity, mais produire un build web minuscule.</p>
<h2 id="babylon-js-un-moteur-complet-gratuit-et-natif-du-web" tabindex="-1">Babylon.js : un moteur complet, gratuit et natif du web <a class="header-anchor" href="#babylon-js-un-moteur-complet-gratuit-et-natif-du-web" aria-label="Permalink to &quot;Babylon.js : un moteur complet, gratuit et natif du web&quot;"></a></h2>
<p>Babylon.js est le bon choix si vous quittez Unity tout en souhaitant conserver un moteur complet plutôt qu’une simple bibliothèque de rendu. Gratuit et open source (Apache 2.0), il est développé et soutenu par une équipe de Microsoft et fonctionne nativement dans le navigateur. Vous bénéficiez de la physique Havok intégrée, d’un inspecteur de scène, d’outils d’animation et d’un éditeur web gratuit. Vous retrouvez donc l’approche tout-en-un qui attirait les utilisateurs vers Unity, sans paiement par poste ni plafond de revenus. Babylon.js 9.0 (mars 2026) propose également l’une des implémentations de WebGPU les plus avancées parmi les moteurs web, avec notamment un éclairage groupé et un éclairage volumétrique basé sur le calcul GPU. Choisir une approche pensée pour le web ne vous oblige donc pas à sacrifier la qualité du rendu. Les scripts s’écrivent en JavaScript ou TypeScript.</p>
<p>Choisissez Babylon.js si vous recherchez un moteur 3D complet, gratuit et natif du web, doté de fonctionnalités comparables à celles de Unity et d’un rendu WebGPU moderne.</p>
<h2 id="three-js-et-cinevva-controle-maximal-et-empreinte-minimale" tabindex="-1">Three.js et Cinevva : contrôle maximal et empreinte minimale <a class="header-anchor" href="#three-js-et-cinevva-controle-maximal-et-empreinte-minimale" aria-label="Permalink to &quot;Three.js et Cinevva : contrôle maximal et empreinte minimale&quot;"></a></h2>
<p>Si vous voulez le build web le plus léger possible et un contrôle total sur le rendu, <a href="/fr/guides/playcanvas-vs-threejs.html">Three.js</a> est la référence. La bibliothèque principale pèse environ 150 Ko et alimente une grande partie des expériences 3D du web. Il s’agit d’une bibliothèque de rendu plutôt que d’un moteur complet : vous devez donc fournir vos propres systèmes de jeu ou ajouter un framework par-dessus.</p>
<p>C’est précisément pour cette raison que nous avons créé <a href="/fr/engine.html">Cinevva Engine</a> sur Three.js : un moteur open source pensé pour le web, auquel nous avons ajouté les systèmes de jeu nécessaires pour vous éviter de partir d’une page blanche. Une seule base de code permet de publier sur navigateur, mobile, ordinateur, Steam et Discord. Aucun paiement par poste, aucuns frais d’installation et aucune condition susceptible de changer après la création de votre jeu — exactement ce dont les développeurs ont pris conscience avec l’épisode des frais d’exécution.</p>
<p>Choisissez Three.js ou Cinevva si vous voulez de la 3D native du web, de l’open source et une empreinte minimale, et que vous êtes à l’aise avec JavaScript ou TypeScript.</p>
<h2 id="defold-les-builds-web-2d-les-plus-legers-et-les-plus-rapides" tabindex="-1">Defold : les builds web 2D les plus légers et les plus rapides <a class="header-anchor" href="#defold-les-builds-web-2d-les-plus-legers-et-les-plus-rapides" aria-label="Permalink to &quot;Defold : les builds web 2D les plus légers et les plus rapides&quot;"></a></h2>
<p>Defold produit les plus petits builds web parmi les moteurs complets, autour de 1,14 Mo, et se charge rapidement. Il prend en charge la 2D et la 3D légère, utilise Lua pour les scripts et est gratuit, sans seuil de revenus. Si votre jeu Unity est en 2D et que le temps de chargement est votre priorité, Defold est difficile à battre sur le web.</p>
<p>Choisissez Defold pour les jeux web casual et mobiles où chaque kilo-octet compte.</p>
<h2 id="cocos-creator-mini-jeux-et-marche-asiatique" tabindex="-1">Cocos Creator : mini-jeux et marché asiatique <a class="header-anchor" href="#cocos-creator-mini-jeux-et-marche-asiatique" aria-label="Permalink to &quot;Cocos Creator : mini-jeux et marché asiatique&quot;"></a></h2>
<p>Cocos Creator est un moteur 2D et 3D complet qui prend en charge WebGL, WebGPU et Wasm, produit des builds de 2 à 4 Mo et utilise TypeScript pour les scripts. Il est particulièrement performant pour les plateformes de mini-jeux comme WeChat, TikTok et Taobao, où la taille de Unity est rédhibitoire. Il est gratuit.</p>
<p>Choisissez Cocos Creator pour les mini-jeux ou si vous ciblez l’écosystème web asiatique.</p>
<h2 id="phaser-la-reference-du-web-en-2d" tabindex="-1">Phaser : la référence du web en 2D <a class="header-anchor" href="#phaser-la-reference-du-web-en-2d" aria-label="Permalink to &quot;Phaser : la référence du web en 2D&quot;"></a></h2>
<p>Si votre jeu est en 2D et que vous utilisez JavaScript, Phaser est le framework de jeux HTML5 le plus populaire, avec la plus grande communauté et le plus vaste écosystème. Les builds pèsent environ 500 Ko. Il est gratuit sous licence MIT. Pour les jeux web 2D, il est souvent bien plus adapté que Unity ne l’a jamais été. Consultez <a href="/fr/guides/best-2d-game-engines-2026.html">les meilleurs moteurs de jeux 2D pour 2026</a> pour voir comment il se compare à Defold, Construct et GDevelop.</p>
<p>Choisissez Phaser pour les jeux web 2D si vous recherchez une approche par le code, une grande communauté et un build léger.</p>
<h2 id="construct-et-gdevelop-quitter-unity-sans-coder" tabindex="-1">Construct et GDevelop : quitter Unity sans coder <a class="header-anchor" href="#construct-et-gdevelop-quitter-unity-sans-coder" aria-label="Permalink to &quot;Construct et GDevelop : quitter Unity sans coder&quot;"></a></h2>
<p>Si la quantité de code et de configuration faisait partie de vos frustrations avec Unity, les moteurs visuels constituent une véritable alternative. <a href="/fr/guides/construct-vs-gdevelop.html">Construct et GDevelop</a> permettent tous deux de créer des jeux 2D sans programmation et de produire des exports web propres. GDevelop propose une offre gratuite et une approche favorable à l’open source ; Construct fonctionne par abonnement et dispose d’un éditeur soigné.</p>
<p>Choisissez l’un de ces moteurs si vous voulez créer des jeux web visuellement, avec peu ou pas de code.</p>
<h2 id="comment-choisir-selon-votre-raison-de-quitter-unity" tabindex="-1">Comment choisir selon votre raison de quitter Unity <a class="header-anchor" href="#comment-choisir-selon-votre-raison-de-quitter-unity" aria-label="Permalink to &quot;Comment choisir selon votre raison de quitter Unity&quot;"></a></h2>
<ul>
<li><strong>Vous partez à cause de la tarification ou d’un manque de confiance ?</strong> Choisissez l’open source : Godot, Defold, Phaser, Three.js ou Cinevva. Aucun ne peut augmenter unilatéralement ses tarifs à vos dépens.</li>
<li><strong>Vous avez besoin de 3D dans le navigateur ?</strong> PlayCanvas ou Babylon.js pour des moteurs complets avec éditeurs, ou Three.js et Cinevva pour davantage de contrôle et une taille minimale.</li>
<li><strong>Vous créez un jeu 2D ?</strong> Defold pour les builds les plus légers, Phaser pour la plus grande communauté.</li>
<li><strong>Vous ne voulez pas coder ?</strong> Construct ou GDevelop.</li>
<li><strong>Vous ciblez les plateformes de mini-jeux ?</strong> Cocos Creator.</li>
</ul>
<p>Quel que soit votre choix, le web favorise les builds légers et les chargements rapides. Une fois votre moteur choisi, découvrez comment <a href="/fr/tutorials/ship-web-game-fast.html">publier un jeu web qui se charge rapidement</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quelle-est-la-meilleure-alternative-a-unity-pour-les-jeux-web" tabindex="-1">Quelle est la meilleure alternative à Unity pour les jeux web ? <a class="header-anchor" href="#quelle-est-la-meilleure-alternative-a-unity-pour-les-jeux-web" aria-label="Permalink to &quot;Quelle est la meilleure alternative à Unity pour les jeux web ?&quot;"></a></h3>
<p>Pour la plupart des équipes, il s’agit de Godot : un moteur 2D et 3D complet, gratuit et open source, qui produit des builds web plus légers que Unity et propose un export monothread fiable pour iOS et Safari. Si vous avez spécifiquement besoin de 3D pensée pour le navigateur, PlayCanvas ou Three.js sont encore plus légers. Le meilleur choix dépend de vos besoins en 3D et de votre volonté d’écrire du code.</p>
<h3 id="existe-t-il-une-alternative-gratuite-a-unity" tabindex="-1">Existe-t-il une alternative gratuite à Unity ? <a class="header-anchor" href="#existe-t-il-une-alternative-gratuite-a-unity" aria-label="Permalink to &quot;Existe-t-il une alternative gratuite à Unity ?&quot;"></a></h3>
<p>Oui, il en existe plusieurs. Godot, Defold, Phaser, PixiJS, Excalibur.js et Three.js sont tous gratuits et open source, sans plafond de revenus ni paiement par poste. Cocos Creator et GDevelop proposent également des options gratuites. Pour les jeux web en particulier, ces moteurs gratuits produisent souvent des builds plus légers et plus rapides que Unity.</p>
<h3 id="pourquoi-abandonner-unity-pour-les-jeux-web" tabindex="-1">Pourquoi abandonner Unity pour les jeux web ? <a class="header-anchor" href="#pourquoi-abandonner-unity-pour-les-jeux-web" aria-label="Permalink to &quot;Pourquoi abandonner Unity pour les jeux web ?&quot;"></a></h3>
<p>Les raisons les plus courantes sont la taille des builds — les builds WebGL vides de Unity commencent autour de 8 à 11 Mo, contre 1 à 5 Mo pour les moteurs natifs du web —, la fiabilité sur les navigateurs mobiles, le manque de confiance dans la tarification après l’épisode des frais d’exécution de 2023 et une préférence pour l’open source. Si le web est votre cible principale, un moteur pensé pour le web donne généralement de meilleurs résultats.</p>
<h3 id="puis-je-remplacer-unity-par-un-moteur-open-source" tabindex="-1">Puis-je remplacer Unity par un moteur open source ? <a class="header-anchor" href="#puis-je-remplacer-unity-par-un-moteur-open-source" aria-label="Permalink to &quot;Puis-je remplacer Unity par un moteur open source ?&quot;"></a></h3>
<p>Oui. Godot est l’équivalent open source le plus proche pour la 2D et la 3D généralistes. Il est sous licence MIT et ne facture aucuns frais. Pour la 3D native du web, Three.js — ainsi que les moteurs construits dessus comme Cinevva — est également open source. Le principal coût de la migration consiste à tout reconstruire dans un nouveau langage, car chaque moteur possède son propre système de scripts.</p>
<h3 id="quelle-alternative-a-unity-produit-le-plus-petit-build-web" tabindex="-1">Quelle alternative à Unity produit le plus petit build web ? <a class="header-anchor" href="#quelle-alternative-a-unity-produit-le-plus-petit-build-web" aria-label="Permalink to &quot;Quelle alternative à Unity produit le plus petit build web ?&quot;"></a></h3>
<p>Parmi les moteurs complets, Defold est le plus léger avec environ 1,14 Mo. Three.js est encore plus léger en tant que bibliothèque, avec un cœur d’environ 150 Ko, mais vous devez ajouter votre propre code de jeu. Godot se situe autour de 5 Mo avec Brotli ou 9 Mo avec gzip, ce qui reste nettement inférieur au point de départ de Unity, à partir de 8 Mo.</p>
<BuildCta
  title="L’alternative la plus radicale à Unity : aucun moteur"
  desc="Décrivez votre jeu et jouez-y dans le navigateur en une minute environ."
  prompt="Crée un jeu de plateforme à la troisième personne qui se charge instantanément dans le navigateur" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026 : comparatif</a> — toutes les options, classées</li>
<li><a href="/fr/guides/open-source-game-engines-2026.html">Meilleurs moteurs de jeux open source pour 2026</a> — toutes les options gratuites et forkables au même endroit</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot face à Unity pour les jeux web</a> — comparaison directe avec l’alternative la plus proche</li>
<li><a href="/fr/news/2024-09-12-unity-runtime-fee-cancelled.html">Annulation des frais d’exécution de Unity : l’histoire officielle</a> — pourquoi la confiance dans la tarification est devenue un critère décisif</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeux 2D pour 2026</a> — si votre jeu est en 2D</li>
<li><a href="/fr/guides/playcanvas-vs-threejs.html">PlayCanvas face à Three.js</a> — moteur ou bibliothèque pour la 3D web</li>
<li><a href="/fr/engine.html">Cinevva Engine</a> — notre moteur open source pensé pour le web et construit sur Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/unity-alternatives-web-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Les meilleurs moteurs de jeu 2D pour 2026 (comparatif)]]></title>
            <link>https://app.cinevva.com/fr/guides/best-2d-game-engines-2026</link>
            <guid>https://app.cinevva.com/fr/guides/best-2d-game-engines-2026</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs moteurs de jeu 2D pour 2026 — Godot, GameMaker, Construct, Defold, Phaser, GDevelop, Unity et LÖVE — comparés selon leur prix, leur export web, la taille des builds et leur public cible.]]></description>
            <content:encoded><![CDATA[<h1 id="les-meilleurs-moteurs-de-jeu-2d-pour-2026-comparatif" tabindex="-1">Les meilleurs moteurs de jeu 2D pour 2026 (comparatif) <a class="header-anchor" href="#les-meilleurs-moteurs-de-jeu-2d-pour-2026-comparatif" aria-label="Permalink to &quot;Les meilleurs moteurs de jeu 2D pour 2026 (comparatif)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/best-2d-game-engines-2026-hero.jpg?v=2" alt="Les meilleurs moteurs de jeu 2D pour 2026 : Godot, GameMaker, Construct, Defold, Phaser" style="width:100%;border-radius:10px">
</figure>
<p>La 2D se porte très bien en 2026, et vous disposez de plus de bons moteurs que jamais. Le bon choix dépend de votre envie de coder ou non, de votre intention de publier sur le web et de la taille maximale souhaitée pour votre build. Voici comment se comparent les principales options et à qui chacune s'adresse.</p>
<p>Si vous envisagez également des moteurs 3D ou entièrement multiplateformes, consultez notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeu web</a>.</p>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Moteur</th>
<th>Prix</th>
<th>Export web</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://godotengine.org/" target="_blank" rel="noreferrer"><strong>Godot</strong></a></td>
<td>Gratuit (MIT)</td>
<td>Bon (WebGL2, GDScript)</td>
<td>Meilleur choix polyvalent et open source</td>
</tr>
<tr>
<td><a href="https://gamemaker.io/" target="_blank" rel="noreferrer"><strong>GameMaker</strong></a></td>
<td>Gratuit pour un usage non commercial ; version Pro à 99,99 $ en paiement unique</td>
<td>HTML5 inclus</td>
<td>Jeux 2D commerciaux, publication rapide</td>
</tr>
<tr>
<td><a href="https://www.construct.net/" target="_blank" rel="noreferrer"><strong>Construct</strong></a></td>
<td>Offre gratuite ; formule Personal à 99 $/an</td>
<td>Excellent (HTML5 natif)</td>
<td>Débutants, création sans code et priorité au web</td>
</tr>
<tr>
<td><a href="https://defold.com/" target="_blank" rel="noreferrer"><strong>Defold</strong></a></td>
<td>Gratuit</td>
<td>Excellent (&lt;2 Mo gzip)</td>
<td>Builds web les plus petits et les plus rapides à charger</td>
</tr>
<tr>
<td><a href="https://phaser.io/" target="_blank" rel="noreferrer"><strong>Phaser</strong></a></td>
<td>Gratuit (MIT)</td>
<td>Natif (c'est un framework JS)</td>
<td>Jeux web axés sur le code</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/" target="_blank" rel="noreferrer"><strong>GDevelop</strong></a></td>
<td>Gratuit ; offre premium à partir de 2,19 $/mois</td>
<td>Oui (HTML5)</td>
<td>Création sans code gratuite</td>
</tr>
<tr>
<td><a href="https://unity.com/" target="_blank" rel="noreferrer"><strong>Unity</strong></a></td>
<td>Personal gratuit sous 200 000 $ ; Pro à 2 310 $/an</td>
<td>Oui (WebGL2)</td>
<td>Vaste écosystème et portée multiplateforme</td>
</tr>
<tr>
<td><a href="https://love2d.org/" target="_blank" rel="noreferrer"><strong>LÖVE</strong></a></td>
<td>Gratuit (open source)</td>
<td>Via love.js (outil tiers)</td>
<td>Prototypage minimaliste en Lua</td>
</tr>
</tbody>
</table>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/a_TDD1QhYGg" title="Unity contre Godot contre Defold ! Comparatif des moteurs de jeu" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Asatte Games compare directement trois des moteurs présentés ci-dessous.</div>
<h2 id="les-moteurs" tabindex="-1">Les moteurs <a class="header-anchor" href="#les-moteurs" aria-label="Permalink to &quot;Les moteurs&quot;"></a></h2>
<h3 id="godot" tabindex="-1">Godot <a class="header-anchor" href="#godot" aria-label="Permalink to &quot;Godot&quot;"></a></h3>
<p>Le favori du monde open source et un véritable excellent moteur 2D. Godot 4.7 (juin 2026) dispose d'un moteur de rendu 2D dédié, d'un éditeur léger et de GDScript, un langage accessible aux débutants. Il est gratuit sous licence MIT, sans royalties. L'export web fonctionne bien avec WebGL2, mais seul GDScript peut être exporté vers le navigateur, contrairement à C#. Si vous cherchez un outil gratuit offrant une excellente 2D et une 3D convenable, c'est le choix par défaut.</p>
<p><strong>Idéal pour :</strong> la 2D polyvalente, les projets open source et le pixel art.</p>
<h3 id="gamemaker" tabindex="-1">GameMaker <a class="header-anchor" href="#gamemaker" aria-label="Permalink to &quot;GameMaker&quot;"></a></h3>
<p>Le moteur derrière des succès comme Undertale et de nombreux jeux 2D commerciaux. Il utilise GML, son propre langage de script rapide, et propose l'export HTML5 même avec l'offre gratuite. Sa tarification a adopté un modèle avantageux : utilisation gratuite à des fins non commerciales et licence Pro à 99,99 $ en paiement unique pour les projets commerciaux, au lieu d'un abonnement.</p>
<p><strong>Idéal pour :</strong> les jeux 2D commerciaux à publier rapidement et le pixel art.</p>
<h3 id="construct" tabindex="-1">Construct <a class="header-anchor" href="#construct" aria-label="Permalink to &quot;Construct&quot;"></a></h3>
<p>Un moteur sans code accessible dans le navigateur et reposant sur un système d'événements. Vous créez vos jeux visuellement, sans programmation, et comme il est nativement conçu en HTML5, son export web est excellent. Il fonctionne sur abonnement, à 99 $ par an pour la formule Personal, avec une offre gratuite limitée.</p>
<p><strong>Idéal pour :</strong> les débutants, les créateurs sans code et les jeux 2D destinés en priorité au web.</p>
<h3 id="defold" tabindex="-1">Defold <a class="header-anchor" href="#defold" aria-label="Permalink to &quot;Defold&quot;"></a></h3>
<p>Un moteur gratuit conçu par d'anciens développeurs de King, capable de produire des builds web étonnamment petits, souvent inférieurs à 2 Mo une fois compressés avec gzip. Il est donc idéal pour les jeux web occasionnels et les plateformes de mini-jeux, où le temps de chargement est essentiel. Il utilise Lua et son code source est accessible sous la licence Defold.</p>
<p><strong>Idéal pour :</strong> les jeux web les plus petits et les plus rapides à charger.</p>
<h3 id="phaser" tabindex="-1">Phaser <a class="header-anchor" href="#phaser" aria-label="Permalink to &quot;Phaser&quot;"></a></h3>
<p>Le framework de jeu HTML5 le plus populaire, destiné avant tout aux personnes qui codent. Phaser 4 (sorti en avril 2026) a introduit un nouveau moteur de rendu WebGL entièrement repensé. Il est gratuit et open source, vous programmez en JavaScript ou TypeScript et, comme il s'agit d'un framework web, il n'y a aucune étape « d'export » : votre jeu fonctionne déjà dans le navigateur.</p>
<p><strong>Idéal pour :</strong> les développeurs qui recherchent un framework 2D natif du web et axé sur le code.</p>
<h3 id="gdevelop" tabindex="-1">GDevelop <a class="header-anchor" href="#gdevelop" aria-label="Permalink to &quot;GDevelop&quot;"></a></h3>
<p>Open source et sans code, GDevelop compte parmi les moteurs les plus accessibles aux débutants. Il est gratuit, avec une offre premium facultative à partir de 2,19 $ par mois (même après l'augmentation de prix de janvier 2026), et permet d'exporter un nombre illimité de builds HTML5. C'est un bon compromis si vous souhaitez créer sans code tout en profitant d'un outil open source.</p>
<p><strong>Idéal pour :</strong> la création 2D sans code et gratuite.</p>
<h3 id="unity" tabindex="-1">Unity <a class="header-anchor" href="#unity" aria-label="Permalink to &quot;Unity&quot;"></a></h3>
<p>Les outils 2D d'Unity sont matures, tandis que son écosystème et sa boutique de ressources sont inégalés. C'est excessif pour un petit jeu 2D, mais si vous souhaitez cibler plusieurs plateformes ou passer à la 3D par la suite, il mérite sa place. Personal est gratuit sous 200 000 $ de chiffre d'affaires, tandis que Pro coûte 2 310 $ par an et par utilisateur. Contrairement à Godot, le C# d'Unity peut être exporté vers le web.</p>
<p><strong>Idéal pour :</strong> les équipes qui recherchent un vaste écosystème ou une portée multiplateforme.</p>
<h3 id="love-love2d" tabindex="-1">LÖVE (Love2D) <a class="header-anchor" href="#love-love2d" aria-label="Permalink to &quot;LÖVE (Love2D)&quot;"></a></h3>
<p>Un framework Lua minimaliste, et non un éditeur complet. Vous écrivez du code, il l'exécute. LÖVE 11.5 est la version stable actuelle, tandis que la version 12.0 est en cours de développement. L'export web est possible grâce à l'outil tiers love.js, mais il n'est pas pris en charge nativement. Choisissez LÖVE si vous aimez programmer et souhaitez limiter au maximum les couches d'abstraction entre vous et la boucle de jeu.</p>
<p><strong>Idéal pour :</strong> les passionnés de programmation et les prototypes légers.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/ZiBsbBGT9L4" title="Unreal contre Unity contre Godot : lequel est le meilleur en 2026 ?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">InspirationTuts compare côte à côte les grands moteurs pour 2026.</div>
<h2 id="comment-choisir" tabindex="-1">Comment choisir <a class="header-anchor" href="#comment-choisir" aria-label="Permalink to &quot;Comment choisir&quot;"></a></h2>
<ul>
<li><strong>Vous ne voulez pas coder :</strong> Construct ou GDevelop. Construct si vous publiez sur le web, GDevelop si vous voulez un outil open source.</li>
<li><strong>Vous voulez le build web le plus petit et le plus rapide :</strong> Defold.</li>
<li><strong>Vous codez et ciblez le web :</strong> Phaser.</li>
<li><strong>Vous voulez un seul moteur gratuit pour tout faire :</strong> Godot.</li>
<li><strong>Vous publiez un jeu 2D commercial :</strong> GameMaker ou Unity.</li>
<li><strong>Vous avez besoin du plus vaste écosystème ou prévoyez d'ajouter de la 3D :</strong> Unity.</li>
</ul>
<p>Quel que soit votre choix, vous aurez besoin de graphismes et de sons. Consultez notre guide expliquant <a href="/fr/guides/game-assets-guide.html">où trouver des ressources de jeu gratuites</a> pour découvrir des ressources que vous pouvez intégrer directement.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-2d-en-2026" tabindex="-1">Quel est le meilleur moteur de jeu 2D en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-2d-en-2026" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu 2D en 2026 ?&quot;"></a></h3>
<p>Pour la plupart des gens, Godot est le meilleur moteur 2D polyvalent : il est gratuit, open source et doté d'un moteur de rendu 2D de premier ordre. Si vous ne voulez pas coder, Construct (axé sur le web) ou GDevelop (open source) sont de meilleurs choix. Pour les jeux 2D commerciaux, GameMaker et Unity ont fait leurs preuves. Le « meilleur » dépend de votre envie de coder et des plateformes sur lesquelles vous souhaitez publier.</p>
<h3 id="quel-moteur-de-jeu-2d-convient-le-mieux-aux-debutants" tabindex="-1">Quel moteur de jeu 2D convient le mieux aux débutants ? <a class="header-anchor" href="#quel-moteur-de-jeu-2d-convient-le-mieux-aux-debutants" aria-label="Permalink to &quot;Quel moteur de jeu 2D convient le mieux aux débutants ?&quot;"></a></h3>
<p>Construct et GDevelop sont les plus accessibles aux débutants, car ils ne nécessitent aucun code : vous créez vos jeux avec des systèmes d'événements visuels plutôt qu'en programmant. GDevelop est gratuit et open source, tandis que Construct fonctionne sur abonnement, mais offre l'export web le plus fluide. Si vous souhaitez apprendre à coder en parallèle, Godot et son langage GDScript constituent l'option la plus accessible parmi les moteurs nécessitant du code.</p>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-2d-gratuit" tabindex="-1">Quel est le meilleur moteur de jeu 2D gratuit ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-2d-gratuit" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu 2D gratuit ?&quot;"></a></h3>
<p>Godot est le moteur 2D gratuit et open source le plus complet, sans frais ni royalties. GDevelop est la meilleure option gratuite sans code, Defold est gratuit et produit les plus petits builds web, tandis que Phaser est un framework gratuit et open source si vous savez coder. GameMaker est gratuit pour une utilisation non commerciale, puis nécessite une licence à 99,99 $ en paiement unique pour les projets commerciaux.</p>
<h3 id="quel-moteur-2d-produit-les-plus-petits-jeux-web" tabindex="-1">Quel moteur 2D produit les plus petits jeux web ? <a class="header-anchor" href="#quel-moteur-2d-produit-les-plus-petits-jeux-web" aria-label="Permalink to &quot;Quel moteur 2D produit les plus petits jeux web ?&quot;"></a></h3>
<p>Defold produit les plus petits builds web, souvent inférieurs à 2 Mo une fois compressés avec gzip. C'est pourquoi il est populaire pour les jeux occasionnels et les plateformes de mini-jeux, où le temps de chargement détermine si les joueurs restent ou non. Phaser et Godot restent également raisonnables, mais Defold domine en matière de taille brute.</p>
<BuildCta
  title="Vous ne savez pas quel moteur 2D choisir ? Évitez cette décision"
  desc="Décrivez un jeu 2D et jouez-y en une minute environ, sans installer de moteur."
  prompt="Crée un runner 2D néon à défilement horizontal, avec des pièces et un meilleur score" />
<h2 id="contenus-associes" tabindex="-1">Contenus associés <a class="header-anchor" href="#contenus-associes" aria-label="Permalink to &quot;Contenus associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">100 idées de prompts IA pour créer un jeu en un clic</a> — inspirez-vous d'une idée et rendez-la jouable en une minute environ</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeu web pour 2026 (comparatif)</a> — 2D et 3D, le panorama complet</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot contre Unity pour les jeux web</a> — comparaison directe des deux grands moteurs</li>
<li><a href="/fr/guides/construct-vs-gdevelop.html">Construct contre GDevelop</a> — comparatif des deux moteurs 2D sans code</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — graphismes et sons pour votre jeu 2D</li>
<li><a href="/fr/tutorials/canvas-2d-game-loop.html">Boucle de jeu Canvas 2D</a> — créez un jeu 2D sans aucun moteur</li>
<li><a href="/fr/engine.html">Moteur Cinevva</a> — notre moteur open source conçu en priorité pour le web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/best-2d-game-engines-2026-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Construct vs GDevelop : meilleur moteur 2D sans code (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/construct-vs-gdevelop</link>
            <guid>https://app.cinevva.com/fr/guides/construct-vs-gdevelop</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Construct vs GDevelop en 2026 - comparaison de deux moteurs de jeu 2D sans code sur le prix, l’export web, la prise en charge de la 3D, les scripts, le multijoueur et l’open source, avec une recommandation pour chaque type de créateur.]]></description>
            <content:encoded><![CDATA[<h1 id="construct-vs-gdevelop-meilleur-moteur-2d-sans-code-2026" tabindex="-1">Construct vs GDevelop : meilleur moteur 2D sans code (2026) <a class="header-anchor" href="#construct-vs-gdevelop-meilleur-moteur-2d-sans-code-2026" aria-label="Permalink to &quot;Construct vs GDevelop : meilleur moteur 2D sans code (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/construct-vs-gdevelop-hero.jpg?v=2" alt="Construct vs GDevelop, moteurs de jeu 2D sans code en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Si vous voulez créer un jeu sans écrire de code, ces deux moteurs font partie des meilleurs. Tous deux permettent de concevoir des jeux avec une logique visuelle basée sur des événements plutôt qu’avec de la programmation, et tous deux proposent un export vers le web. La grande différence tient à leur philosophie et à leur prix : Construct est un produit soigné sur abonnement, tandis que GDevelop est gratuit et open source. Voici comment ils se comparent en 2026.</p>
<p>Pour une vue d’ensemble incluant les moteurs basés sur le code, consultez le <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeu web</a> et les <a href="/fr/guides/best-2d-game-engines-2026.html">meilleurs moteurs de jeu 2D pour 2026</a>.</p>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Construct</th>
<th>GDevelop</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Modèle</strong></td>
<td>Propriétaire, sur abonnement</td>
<td>Gratuit, open source (MIT)</td>
</tr>
<tr>
<td><strong>Logique</strong></td>
<td>Feuilles d’événements</td>
<td>Système d’événements</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Offre gratuite ; formule Personal à 99 $ par an</td>
<td>Gratuit ; offres premium à partir de 2,19 $ par mois</td>
</tr>
<tr>
<td><strong>Export web</strong></td>
<td>Excellent (natif HTML5)</td>
<td>Oui (HTML5)</td>
</tr>
<tr>
<td><strong>3D</strong></td>
<td>En développement (éditeur 3D dans la r487, principalement axé sur la 2D)</td>
<td>Éditeur 3D complet en temps réel (5.6)</td>
</tr>
<tr>
<td><strong>Scripts</strong></td>
<td>JavaScript et TypeScript</td>
<td>Événements + JavaScript</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Flux de travail soigné, multijoueur intégré</td>
<td>Gratuité, open source, 3D plus récente</td>
</tr>
</tbody>
</table>
<h2 id="deux-approches-du-sans-code" tabindex="-1">Deux approches du sans-code <a class="header-anchor" href="#deux-approches-du-sans-code" aria-label="Permalink to &quot;Deux approches du sans-code&quot;"></a></h2>
<p>Les deux moteurs vous permettent de créer un jeu en empilant visuellement des conditions et des actions, sans aucune programmation. Construct utilise des « feuilles d’événements », un système clair semblable à une feuille de calcul, largement apprécié pour la rapidité avec laquelle il permet de créer des prototypes. GDevelop utilise un système d’événements similaire et reste tout aussi accessible aux débutants.</p>
<p>La différence la plus importante est la suivante : <strong>Construct est un produit payant à code source fermé ; GDevelop est gratuit et open source sous licence MIT.</strong> Si l’open source ou l’absence de frais est une priorité, cela peut suffire à trancher.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MDlP01bwczo" title="Pourquoi je suis passé de Construct 3 à GDevelop" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Le point de vue d’un créateur passé de Construct à GDevelop.</div>
<h2 id="tarifs" tabindex="-1">Tarifs <a class="header-anchor" href="#tarifs" aria-label="Permalink to &quot;Tarifs&quot;"></a></h2>
<p>Construct 3 fonctionne sur abonnement. Il existe une édition gratuite limitée, tandis que la formule Personal coûte 99 $ par an, avec des offres Education et Business plus onéreuses. Vous payez pour un produit soigné et activement développé.</p>
<p>Le moteur GDevelop est gratuit et open source. Des offres premium facultatives (Silver à 2,19 $, Gold à 4,39 $ et Pro à 23,99 $ par mois) ajoutent des builds dans le cloud et des services en ligne, mais vous pouvez créer et exporter des jeux entièrement gratuitement. Les prix ont augmenté de 20 % pour les nouveaux abonnés en janvier 2026.</p>
<p>Pour un amateur ou toute personne attentive à son budget, il est difficile de rivaliser avec l’offre gratuite de GDevelop. Pour un studio qui recherche un outil commercial abouti, l’abonnement de Construct reste raisonnable.</p>
<h2 id="_3d-scripts-et-multijoueur" tabindex="-1">3D, scripts et multijoueur <a class="header-anchor" href="#_3d-scripts-et-multijoueur" aria-label="Permalink to &quot;3D, scripts et multijoueur&quot;"></a></h2>
<p><strong>3D :</strong> GDevelop a pris de l’avance dans ce domaine. Sa version 5.6 (décembre 2025) a introduit un éditeur 3D complet en temps réel, avec une physique basée sur Jolt, des ombres, des modèles animés, des particules 3D ainsi que des comportements prêts à l’emploi pour les personnages et les véhicules. Des mises à jour ultérieures de la version 5.6 ont également ajouté des lumières ponctuelles et des projecteurs 3D. Construct rattrape son retard : la version stable r487 (mai 2026) a ajouté un mode d’édition 3D avec des gizmos et un comportement de projectile 3D, en complément de sa caméra 3D et de sa prise en charge des modèles glTF. C’est une avancée réelle, mais elle repose toujours sur un moteur fondamentalement conçu pour la 2D.</p>
<p><strong>Scripts :</strong> lorsque les événements ne suffisent plus, les deux moteurs permettent de passer au code. Construct prend en charge JavaScript et TypeScript en complément des feuilles d’événements. GDevelop prend en charge JavaScript par l’intermédiaire de ses événements et extensions. Dans les deux cas, l’approche sans code reste prioritaire.</p>
<p><strong>Multijoueur :</strong> Construct inclut un objet Multiplayer utilisant les canaux de données WebRTC pour les jeux en pair-à-pair. GDevelop propose un multijoueur intégré basé sur des salons par l’intermédiaire de ses services en ligne. L’offre gratuite est limitée à un salon de 4 joueurs, tandis que les offres payantes portent cette limite à 8.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/Jjsfk-vzlWQ" title="Construct 3 passe officiellement à la 3D" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">FoozleCC présente le passage de Construct à la 3D.</div>
<h2 id="lequel-choisir-et-dans-quel-cas" tabindex="-1">Lequel choisir et dans quel cas ? <a class="header-anchor" href="#lequel-choisir-et-dans-quel-cas" aria-label="Permalink to &quot;Lequel choisir et dans quel cas ?&quot;"></a></h2>
<p>Choisissez <strong>GDevelop</strong> si vous recherchez un moteur gratuit et open source, un export multiplateforme et l’éditeur 3D en temps réel le plus performant des deux. Il convient mieux aux amateurs, aux étudiants et à tous ceux qui veulent garder la maîtrise de leurs outils.</p>
<p>Choisissez <strong>Construct</strong> si vous recherchez le flux de travail par feuilles d’événements le plus abouti, un export HTML5 fiable et éprouvé ainsi qu’un multijoueur WebRTC intégré, et si un abonnement à un produit commercial soigné ne vous dérange pas.</p>
<p>Dans les deux cas, vous aurez besoin d’éléments graphiques et audio. Découvrez <a href="/fr/guides/game-assets-guide.html">où trouver des ressources de jeu gratuites</a> pour obtenir des ressources utilisables immédiatement.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="construct-ou-gdevelop-est-il-preferable-pour-les-debutants" tabindex="-1">Construct ou GDevelop est-il préférable pour les débutants ? <a class="header-anchor" href="#construct-ou-gdevelop-est-il-preferable-pour-les-debutants" aria-label="Permalink to &quot;Construct ou GDevelop est-il préférable pour les débutants ?&quot;"></a></h3>
<p>Tous deux sont conçus pour les débutants et utilisent une logique visuelle basée sur des événements, sans code requis. GDevelop l’emporte sur le coût, puisqu’il est gratuit et open source, et dispose désormais d’un éditeur 3D plus performant. Construct se distingue par son flux de travail plus soigné et son multijoueur intégré. Si le budget est important, commencez par GDevelop. Si vous recherchez le flux de travail événementiel 2D le plus abouti, essayez d’abord l’édition gratuite de Construct.</p>
<h3 id="gdevelop-est-il-vraiment-gratuit" tabindex="-1">GDevelop est-il vraiment gratuit ? <a class="header-anchor" href="#gdevelop-est-il-vraiment-gratuit" aria-label="Permalink to &quot;GDevelop est-il vraiment gratuit ?&quot;"></a></h3>
<p>Oui. Le moteur GDevelop est gratuit et open source sous licence MIT, et vous pouvez créer et exporter des jeux HTML5 sans frais. Des offres premium facultatives, à partir d’environ 2,19 $ par mois, ajoutent des builds dans le cloud et des services en ligne, mais elles ne sont pas nécessaires pour créer et publier un jeu.</p>
<h3 id="construct-et-gdevelop-peuvent-ils-creer-des-jeux-3d" tabindex="-1">Construct et GDevelop peuvent-ils créer des jeux 3D ? <a class="header-anchor" href="#construct-et-gdevelop-peuvent-ils-creer-des-jeux-3d" aria-label="Permalink to &quot;Construct et GDevelop peuvent-ils créer des jeux 3D ?&quot;"></a></h3>
<p>Tous deux proposent des fonctionnalités 3D, mais GDevelop est plus avancé. GDevelop 5.6 (décembre 2025) a ajouté un éditeur 3D complet en temps réel avec physique, ombres et modèles animés. Construct a ajouté son propre mode d’édition 3D dans la r487 (mai 2026), en complément de sa caméra 3D et de sa prise en charge des modèles glTF, mais il reste avant tout un moteur 2D. Pour les projets davantage orientés vers la 3D, GDevelop reste l’option sans code la plus performante.</p>
<h3 id="construct-et-gdevelop-permettent-ils-d-exporter-vers-le-web" tabindex="-1">Construct et GDevelop permettent-ils d’exporter vers le web ? <a class="header-anchor" href="#construct-et-gdevelop-permettent-ils-d-exporter-vers-le-web" aria-label="Permalink to &quot;Construct et GDevelop permettent-ils d’exporter vers le web ?&quot;"></a></h3>
<p>Oui, tous deux exportent des jeux HTML5 exécutables dans un navigateur. Construct est natif HTML5 et propose un export web fiable et éprouvé. GDevelop permet d’exporter un nombre illimité de builds HTML5, y compris localement et gratuitement. Les deux sont d’excellents choix pour les jeux sur navigateur.</p>
<BuildCta
  title="Le sans-code, c’est bien. Sans moteur, c’est encore plus rapide"
  desc="Décrivez le jeu au lieu de configurer des feuilles d’événements."
  prompt="Crée un jeu de poursuite dans un labyrinthe vu de dessus, où un fantôme me traque pendant que je récupère des clés" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeu 2D pour 2026</a> — tous les moteurs 2D, avec ou sans code</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeu web pour 2026 : comparatif</a> — 2D et 3D</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — éléments graphiques et audio pour votre jeu</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — présenter votre jeu aux joueurs</li>
<li><a href="/fr/engine.html">Cinevva</a> — créez des jeux avec des outils propulsés par l’IA et conçus d’abord pour le web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/construct-vs-gdevelop-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Godot ou Unity pour les jeux web (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/godot-vs-unity-web-games</link>
            <guid>https://app.cinevva.com/fr/guides/godot-vs-unity-web-games</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Godot ou Unity pour les jeux sur navigateur en 2026 - taille des builds, WebGL2 ou WebGPU, limite de l'export web en C#, prise en charge d'iOS et tarifs, avec un choix clair pour chaque type de jeu web.]]></description>
            <content:encoded><![CDATA[<h1 id="godot-ou-unity-pour-les-jeux-web-2026" tabindex="-1">Godot ou Unity pour les jeux web (2026) <a class="header-anchor" href="#godot-ou-unity-pour-les-jeux-web-2026" aria-label="Permalink to &quot;Godot ou Unity pour les jeux web (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/godot-vs-unity-web-hero.jpg?v=2" alt="Godot ou Unity pour les jeux web en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Godot et Unity permettent tous deux de publier un jeu dans le navigateur. Mais ils y parviennent de manières très différentes et, pour le web en particulier, l'écart entre les deux est plus marqué que ne le laisse penser le débat général « Godot ou Unity ». Ce guide les compare selon les critères qui déterminent réellement la viabilité d'un build web : taille du téléchargement, rendu, prise en charge des langages, navigateurs mobiles et coût.</p>
<p>Pour une vue d'ensemble de tous les moteurs pour navigateur, commencez par notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux web</a>. Cette page se concentre sur les deux grands moteurs complets.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/84Prr0SOMvk" title="Unity ou Godot en 2025 : quel moteur de jeu vous convient le mieux ?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Gamefromscratch explique à quels usages chaque moteur convient. Voici ci-dessous la version courte pour le web.</div>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Godot</th>
<th>Unity</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Taille du build web (vide)</strong></td>
<td>~5 Mo avec Brotli, ~9 Mo avec gzip</td>
<td>~7,7 Mo en 2D, ~10,7 Mo en 3D, ~2 Mo après optimisation poussée (Brotli)</td>
</tr>
<tr>
<td><strong>Langage pour le web</strong></td>
<td>GDScript uniquement (le C# ne peut pas encore être exporté vers le web)</td>
<td>C# (fonctionne sur le web)</td>
</tr>
<tr>
<td><strong>Rendu web</strong></td>
<td>WebGL2 (moteur de rendu Compatibility)</td>
<td>WebGL2, plus WebGPU expérimental</td>
</tr>
<tr>
<td><strong>iOS/Safari</strong></td>
<td>Bonne prise en charge avec l'export monothread (4.3+)</td>
<td>Web mobile à partir d'Unity 6</td>
</tr>
<tr>
<td><strong>Coût</strong></td>
<td>Gratuit, licence MIT, aucun frais</td>
<td>Personal gratuit sous $200K ; Pro à $2,310/an/siège</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Petits jeux web 2D et jeux 3D légers, gratuits</td>
<td>3D plus exigeante, équipes C#, vaste écosystème de ressources</td>
</tr>
</tbody>
</table>
<p>Le principal facteur de décision est simple : <strong>si votre jeu est écrit en C#, Unity peut le publier sur le web, contrairement à Godot pour le moment.</strong> Tout le reste en découle.</p>
<h2 id="taille-du-build-et-temps-de-chargement" tabindex="-1">Taille du build et temps de chargement <a class="header-anchor" href="#taille-du-build-et-temps-de-chargement" aria-label="Permalink to &quot;Taille du build et temps de chargement&quot;"></a></h2>
<p>La taille du téléchargement est la première chose que ressent un joueur sur le web. L'export web de Godot fournit le moteur sous forme de binaire WebAssembly, compressé à environ 5 Mo avec Brotli ou 9 Mo avec gzip. Cette taille s'explique par le fait que le modèle précompilé embarque le moteur complet — rendu 3D, audio et réseau — puisqu'il ne peut pas savoir quelles fonctionnalités votre jeu utilise.</p>
<p>Les builds web vides d'Unity, mesurés avec Unity 6 et Brotli, pèsent environ 7,7 Mo pour un projet 2D utilisant le pipeline intégré et 10,7 Mo pour un modèle 3D URP. Un build minimal soumis à une optimisation poussée peut descendre aux alentours de 2 Mo. Un build Unity 2D soigneusement allégé peut donc se rapprocher de l'empreinte de Godot, mais le build par défaut de Godot est plus petit et demande moins d'efforts.</p>
<p>Dans les deux moteurs, vos ressources dépassent généralement de loin la taille du binaire du moteur. Compressez les textures et l'audio, chargez en streaming ce qui peut l'être : le choix du moteur comptera alors moins que le budget alloué à vos ressources.</p>
<h2 id="la-limite-du-c-a-lire-avant-de-choisir" tabindex="-1">La limite du C# (à lire avant de choisir) <a class="header-anchor" href="#la-limite-du-c-a-lire-avant-de-choisir" aria-label="Permalink to &quot;La limite du C# (à lire avant de choisir)&quot;"></a></h2>
<p>C'est le point qui prend souvent les équipes au dépourvu. En 2026, <strong>les projets Godot écrits en C# (.NET) ne peuvent pas être officiellement exportés vers le web.</strong> L'export fonctionne correctement avec GDScript. Un prototype fonctionnel d'export web en C# a été présenté à la GodotCon de Boston en mai 2025 grâce à l'édition de liens statique de Mono, mais il produisait un fichier volumineux et l'équipe n'a annoncé aucun calendrier de sortie.</p>
<p>Unity, en revanche, compile le C# en WebAssembly et permet de publier du C# dans le navigateur depuis des années. Si vous disposez déjà d'une base de code en C#, ou si votre équipe ne connaît que ce langage, Unity est donc le choix pratique pour le web. Si vous partez de zéro et que GDScript vous convient, la voie web de Godot est simple.</p>
<h2 id="rendu-webgl2-ou-webgpu" tabindex="-1">Rendu : WebGL2 ou WebGPU <a class="header-anchor" href="#rendu-webgl2-ou-webgpu" aria-label="Permalink to &quot;Rendu : WebGL2 ou WebGPU&quot;"></a></h2>
<p>L'export web de Godot cible WebGL2 au moyen de son moteur de rendu Compatibility. Ses travaux plus généraux sur WebGPU ne sont pas encore prêts pour un export web en production. Godot 4.7 (juin 2026, suivi de la version 4.7.1 en juillet 2026) active WebAssembly SIMD par défaut et ajoute une option d'export wasm64, ce qui améliore les performances web sans modifier le code.</p>
<p>Unity 6 a ajouté un backend WebGPU expérimental donnant accès aux compute shaders et à des fonctionnalités GPU modernes allant au-delà de WebGL2, qui reste la solution de repli la plus sûre. WebGPU n'est pas encore disponible dans tous les navigateurs (consultez notre <a href="/fr/guides/web-games-stack-2026.html">guide de la stack technique des jeux web</a> pour connaître la compatibilité actuelle) : considérez-le donc comme une possibilité d'amélioration, et non comme une base. Unity 6 a également porté le tas WebAssembly à 4 Go et ajouté Wasm SIMD ainsi que les exceptions natives.</p>
<p>Si vous avez aujourd'hui besoin de compute shaders ou d'une 3D plus exigeante dans le navigateur, la solution WebGPU d'Unity est en avance. Pour la 2D et la 3D légère sous WebGL2, les deux moteurs conviennent.</p>
<h2 id="multithreading-ios-et-problemes-d-hebergement" tabindex="-1">Multithreading, iOS et problèmes d'hébergement <a class="header-anchor" href="#multithreading-ios-et-problemes-d-hebergement" aria-label="Permalink to &quot;Multithreading, iOS et problèmes d'hébergement&quot;"></a></h2>
<p>À l'origine, Godot 4 exigeait SharedArrayBuffer, que les navigateurs ne rendent disponible que lorsque la page est isolée entre origines, au moyen des en-têtes COOP et COEP. Cela complique l'hébergement et, sur itch.io, ne fonctionne que dans Chrome. Depuis Godot 4.3, vous pouvez exporter des builds monothread qui éliminent complètement cette exigence. Ce changement a également corrigé les problèmes persistants de lecture sous iOS et Safari. Pour un jeu Godot conçu en priorité pour le web, l'export monothread est généralement l'option par défaut la plus sûre.</p>
<p>Les builds web d'Unity utilisent eux aussi WebAssembly, avec une prise en charge du web mobile à partir d'Unity 6. Si vous ciblez un large éventail de navigateurs mobiles, testez rapidement sur de vrais appareils avec les deux moteurs, car c'est là que les builds web rencontrent leurs premiers problèmes.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/WB7v-ezqcJM" title="J'ai créé le même jeu avec Unity et Godot : quel moteur est le meilleur ?" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Thomas Grové crée le même jeu avec les deux moteurs, offrant une comparaison concrète de leur utilisation au quotidien.</div>
<h2 id="tarifs" tabindex="-1">Tarifs <a class="header-anchor" href="#tarifs" aria-label="Permalink to &quot;Tarifs&quot;"></a></h2>
<p>Godot est gratuit sous licence MIT. Aucun siège, aucune redevance, aucun plafond de revenus et aucuns frais, aujourd'hui comme demain.</p>
<p>Unity est revenu à des abonnements par siège après l'annulation de la Runtime Fee en septembre 2024, et celle-ci n'a pas été réintroduite. Unity Personal reste gratuit jusqu'à $200K de chiffre d'affaires ou de financement, et l'écran « Made with Unity » est devenu facultatif avec Unity 6. Unity Pro coûte $2,310 par siège et par an depuis la hausse d'environ 5 % appliquée aux offres payantes début 2026. Pour un développeur indépendant ou une petite équipe sous ce plafond, les deux moteurs permettent donc de publier gratuitement.</p>
<h2 id="quel-moteur-choisir-et-dans-quel-cas" tabindex="-1">Quel moteur choisir et dans quel cas ? <a class="header-anchor" href="#quel-moteur-choisir-et-dans-quel-cas" aria-label="Permalink to &quot;Quel moteur choisir et dans quel cas ?&quot;"></a></h2>
<p>Choisissez <strong>Godot</strong> pour le web si vous voulez créer gratuitement un jeu 2D ou 3D léger pour navigateur, avec une faible empreinte, une bonne prise en charge d'iOS et de Safari grâce à l'export monothread, et si écrire en GDScript vous convient.</p>
<p>Choisissez <strong>Unity</strong> pour le web si vous avez besoin d'une 3D plus exigeante ou de compute shaders via WebGPU, si vous voulez profiter d'un écosystème de ressources plus vaste, ou si votre équipe travaille en C#, et que vous acceptez des builds plus volumineux ainsi que le caractère expérimental de WebGPU.</p>
<p>Dans les deux cas, votre build devra se charger rapidement et fonctionner sur téléphone. Après avoir fait votre choix, consultez <a href="/fr/tutorials/ship-web-game-fast.html">publier un jeu web qui se charge rapidement</a>.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="godot-peut-il-exporter-des-jeux-c-vers-le-web" tabindex="-1">Godot peut-il exporter des jeux C# vers le web ? <a class="header-anchor" href="#godot-peut-il-exporter-des-jeux-c-vers-le-web" aria-label="Permalink to &quot;Godot peut-il exporter des jeux C# vers le web ?&quot;"></a></h3>
<p>Pas officiellement en 2026. L'export web de Godot fonctionne avec GDScript, mais les projets C# (.NET) ne peuvent pas encore être exportés vers le navigateur. Un prototype a été présenté à la GodotCon de Boston en mai 2025, mais aucune date de sortie n'a été annoncée. Si vous avez besoin du C# sur le web, Unity est actuellement le seul des deux moteurs à permettre sa publication.</p>
<h3 id="godot-ou-unity-produit-il-les-plus-petits-builds-web" tabindex="-1">Godot ou Unity produit-il les plus petits builds web ? <a class="header-anchor" href="#godot-ou-unity-produit-il-les-plus-petits-builds-web" aria-label="Permalink to &quot;Godot ou Unity produit-il les plus petits builds web ?&quot;"></a></h3>
<p>Le build web vide de Godot pèse environ 5 Mo avec la compression Brotli. Les builds vides d'Unity 6 pèsent environ 7,7 Mo en 2D et 10,7 Mo en 3D, même si un build Unity soumis à une optimisation poussée peut descendre aux alentours de 2 Mo. Godot est plus petit par défaut, mais un build Unity 2D bien optimisé peut s'en rapprocher. Vos propres ressources pèsent généralement davantage que le binaire du moteur.</p>
<h3 id="unity-prend-il-en-charge-webgpu-dans-le-navigateur" tabindex="-1">Unity prend-il en charge WebGPU dans le navigateur ? <a class="header-anchor" href="#unity-prend-il-en-charge-webgpu-dans-le-navigateur" aria-label="Permalink to &quot;Unity prend-il en charge WebGPU dans le navigateur ?&quot;"></a></h3>
<p>Oui, Unity 6 a ajouté un backend WebGPU expérimental prenant en charge les compute shaders et des fonctionnalités GPU modernes, avec WebGL2 comme solution de repli. Il est considéré comme expérimental et n'est pas compatible avec tous les navigateurs. Utilisez donc WebGL2 comme base et considérez WebGPU comme une amélioration.</p>
<h3 id="quel-moteur-convient-le-mieux-aux-jeux-sur-navigateur-godot-ou-unity" tabindex="-1">Quel moteur convient le mieux aux jeux sur navigateur, Godot ou Unity ? <a class="header-anchor" href="#quel-moteur-convient-le-mieux-aux-jeux-sur-navigateur-godot-ou-unity" aria-label="Permalink to &quot;Quel moteur convient le mieux aux jeux sur navigateur, Godot ou Unity ?&quot;"></a></h3>
<p>Pour les jeux 2D légers ou la 3D peu exigeante, avec une bonne prise en charge d'iOS et sans frais, Godot offre la voie web la plus simple, à condition d'utiliser GDScript. Pour une 3D plus exigeante, les compute shaders, un écosystème plus vaste ou une base de code C# existante, Unity l'emporte sur le web. La question du C# suffit généralement à trancher.</p>
<BuildCta
  title="Créez un prototype dans le navigateur avant de choisir"
  desc="Testez d'abord votre idée sous forme de jeu web jouable, puis choisissez un moteur."
  prompt="Crée un jeu à la troisième personne où l'on collecte des pièces sur des îles flottantes" />
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">100 idées de prompts pour créer des jeux avec l'IA en un clic</a> — inspirez-vous d'une idée et rendez-la jouable en une minute environ</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Meilleurs moteurs de jeux web pour 2026 : comparatif</a> — toutes les options, au-delà de ces deux moteurs</li>
<li><a href="/fr/guides/unity-alternatives-web-games.html">Alternatives à Unity pour les jeux web</a> — toutes les options compatibles avec le web, selon la raison pour laquelle vous quittez Unity</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeux 2D pour 2026</a> — si votre jeu est en 2D, commencez ici</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux web en 2026</a> — WebGL, WebGPU et Wasm expliqués</li>
<li><a href="/fr/tutorials/ship-web-game-fast.html">Publier un jeu web qui se charge rapidement</a> — techniques pour réduire la taille du build et le temps de chargement</li>
<li><a href="/fr/engine.html">Cinevva Engine</a> — notre moteur open source conçu en priorité pour le web et basé sur Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/godot-vs-unity-web-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[PlayCanvas vs Three.js : comparaison de la 3D web (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/playcanvas-vs-threejs</link>
            <guid>https://app.cinevva.com/fr/guides/playcanvas-vs-threejs</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[PlayCanvas ou Three.js pour la 3D sur le web - moteur complet avec éditeur visuel face à une bibliothèque de rendu, prise en charge de WebGPU, systèmes intégrés, tarifs et critères de choix.]]></description>
            <content:encoded><![CDATA[<h1 id="playcanvas-vs-three-js-comparaison-de-la-3d-web-2026" tabindex="-1">PlayCanvas vs Three.js : comparaison de la 3D web (2026) <a class="header-anchor" href="#playcanvas-vs-three-js-comparaison-de-la-3d-web-2026" aria-label="Permalink to &quot;PlayCanvas vs Three.js : comparaison de la 3D web (2026)&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/playcanvas-vs-threejs-hero.jpg?v=2" alt="PlayCanvas vs Three.js pour la 3D web en 2026" style="width:100%;border-radius:10px">
</figure>
<p>On présente souvent ces deux outils comme des concurrents, mais ils ne sont pas de même nature. PlayCanvas est un moteur de jeu complet doté d’un éditeur visuel. Three.js est une bibliothèque de rendu sur laquelle vous construisez avec du code. Choisir entre les deux revient surtout à déterminer ce que vous souhaitez obtenir clé en main et ce que vous préférez contrôler. Voici notre comparatif pour la 3D web en 2026.</p>
<p>Pour une vue d’ensemble du marché, consultez notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux web</a>.</p>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>PlayCanvas</th>
<th>Three.js</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Nature de l’outil</strong></td>
<td>Moteur complet + éditeur cloud</td>
<td>Bibliothèque de rendu (sans éditeur)</td>
</tr>
<tr>
<td><strong>Flux de travail</strong></td>
<td>Éditeur visuel, collaboration en temps réel</td>
<td>Uniquement avec du code</td>
</tr>
<tr>
<td><strong>Rendu</strong></td>
<td>WebGL2 + WebGPU</td>
<td>WebGL2 + WebGPU (WebGPURenderer)</td>
</tr>
<tr>
<td><strong>Systèmes intégrés</strong></td>
<td>ECS, physique, animation, audio, entrées</td>
<td>Rendu uniquement, à vous d’ajouter le reste</td>
</tr>
<tr>
<td><strong>Licence/coût</strong></td>
<td>Moteur sous licence MIT ; éditeur de 0 à 50 $ par utilisateur et par mois</td>
<td>MIT, gratuit</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Équipes recherchant un moteur clé en main avec éditeur</td>
<td>Projets personnalisés axés sur le code et contrôle maximal</td>
</tr>
</tbody>
</table>
<h2 id="moteur-ou-bibliotheque" tabindex="-1">Moteur ou bibliothèque <a class="header-anchor" href="#moteur-ou-bibliotheque" aria-label="Permalink to &quot;Moteur ou bibliothèque&quot;"></a></h2>
<p>Toute la différence tient en une phrase. <strong>PlayCanvas vous fournit un moteur de jeu</strong> : un système entité-composant, la physique, l’animation, l’audio, la gestion des entrées et un pipeline de ressources, le tout déjà intégré, ainsi qu’un éditeur dans le navigateur permettant à une équipe de créer ensemble une scène en temps réel — comme un outil de conception collaborative dédié à la 3D.</p>
<p><strong>Three.js vous fournit un moteur de rendu.</strong> Graphe de scène, caméras, éclairages, matériaux et moteur de rendu WebGL/WebGPU performant. Aucun éditeur, aucun moteur physique et aucune approche imposée pour la boucle de jeu. Vous ajoutez la physique avec une solution comme Rapier ou cannon-es, structurez votre propre logique de jeu et créez les outils dont vous avez besoin. C’est davantage de liberté, mais aussi davantage de travail.</p>
<p>La vraie question n’est donc pas « lequel est le meilleur ? », mais plutôt « ai-je besoin d’un moteur ou d’un moteur de rendu ? ».</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/-0envvPmj5k" title="Le moteur de jeu PlayCanvas devient open source" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Gamefromscratch présente le passage de PlayCanvas à l’open source.</div>
<h2 id="rendu-et-webgpu" tabindex="-1">Rendu et WebGPU <a class="header-anchor" href="#rendu-et-webgpu" aria-label="Permalink to &quot;Rendu et WebGPU&quot;"></a></h2>
<p>Les deux solutions sont modernes sur le plan graphique. PlayCanvas utilise un double backend WebGL2 et WebGPU. Sa version 2.0, publiée en août 2024, a entièrement abandonné WebGL1, et les versions récentes du moteur ont ajouté un pipeline WebGPU basé sur le calcul pour les splats gaussiens 3D. Three.js a lancé un WebGPURenderer prêt pour la production autour de la version r171, en septembre 2025, avec une configuration presque automatique et un repli automatique vers WebGL2. Three.js propose également TSL (Three.js Shading Language), qui permet d’écrire les shaders une seule fois pour cibler les deux backends.</p>
<p>Pour la plupart des projets en 2026, les deux produiront un excellent rendu. WebGPU constitue la voie d’évolution dans les deux cas, tandis que WebGL2 reste la base la plus sûre. Consultez notre <a href="/fr/guides/web-games-stack-2026.html">guide de la stack technique des jeux web</a> pour connaître la prise en charge actuelle par les navigateurs.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/7we9mqIOKyw" title="Adopter WebGPU et WebXR avec Three.js — Mr.doob, JSNation 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Mr.doob, créateur de Three.js, explique comment WebGPU et WebXR font évoluer la bibliothèque.</div>
<h2 id="flux-de-travail-licence-et-cout" tabindex="-1">Flux de travail, licence et coût <a class="header-anchor" href="#flux-de-travail-licence-et-cout" aria-label="Permalink to &quot;Flux de travail, licence et coût&quot;"></a></h2>
<p>La fonctionnalité phare de PlayCanvas est son éditeur : un éditeur de scènes hébergé et collaboratif, accompagné d’un pipeline de ressources. Le moteur est open source sous licence MIT, et l’interface de l’éditeur est elle aussi devenue open source en 2025. L’éditeur hébergé propose plusieurs formules : une offre gratuite, une offre Personal à environ 15 $ par mois et une offre Organization à environ 50 $ par utilisateur et par mois. Elles se distinguent principalement par le stockage disponible et les limites appliquées aux projets privés.</p>
<p>Three.js est sous licence MIT et entièrement gratuit. Il n’existe aucun éditeur à payer, puisqu’aucun éditeur n’est fourni. Votre « coût » correspond au temps de développement nécessaire pour créer la structure que PlayCanvas vous offre d’emblée.</p>
<h2 id="quand-choisir-l-un-ou-l-autre" tabindex="-1">Quand choisir l’un ou l’autre <a class="header-anchor" href="#quand-choisir-l-un-ou-l-autre" aria-label="Permalink to &quot;Quand choisir l’un ou l’autre&quot;"></a></h2>
<p>Choisissez <strong>PlayCanvas</strong> si vous souhaitez disposer immédiatement d’un moteur complet et d’un éditeur visuel, si votre équipe doit collaborer sur des scènes et si vous préférez configurer plutôt que tout construire de zéro. Il convient particulièrement bien aux configurateurs de produits, aux expériences 3D interactives et aux équipes qui veulent publier rapidement.</p>
<p>Choisissez <strong>Three.js</strong> si vous voulez contrôler entièrement le rendu et l’architecture, si vous êtes à l’aise avec l’assemblage de votre propre stack ou si vous créez une expérience sur mesure pour laquelle les choix imposés par un moteur seraient contraignants. Son écosystème est également plus vaste, et Three.js fait partie des compétences les plus demandées en 3D web. C’est précisément pour cette raison que nous avons construit <a href="/fr/engine.html">Cinevva Engine</a> sur Three.js : une approche pensée pour le web, ouverte et sans limite de personnalisation.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="playcanvas-ou-three-js-lequel-est-le-meilleur-pour-les-jeux-web" tabindex="-1">PlayCanvas ou Three.js : lequel est le meilleur pour les jeux web ? <a class="header-anchor" href="#playcanvas-ou-three-js-lequel-est-le-meilleur-pour-les-jeux-web" aria-label="Permalink to &quot;PlayCanvas ou Three.js : lequel est le meilleur pour les jeux web ?&quot;"></a></h3>
<p>Aucun n’est systématiquement meilleur que l’autre : ce sont des outils différents. PlayCanvas est un moteur complet doté d’un éditeur visuel. Il permet donc de publier plus rapidement un jeu structuré ou une application interactive, en particulier au sein d’une équipe. Three.js est une bibliothèque de rendu qui vous offre un contrôle total, mais vous oblige à construire vous-même les systèmes du jeu. Choisissez PlayCanvas pour une solution clé en main et Three.js pour une solution personnalisée.</p>
<h3 id="three-js-est-il-un-moteur-de-jeu" tabindex="-1">Three.js est-il un moteur de jeu ? <a class="header-anchor" href="#three-js-est-il-un-moteur-de-jeu" aria-label="Permalink to &quot;Three.js est-il un moteur de jeu ?&quot;"></a></h3>
<p>Non. Three.js est une bibliothèque de rendu 3D. Elle gère le graphe de scène, les caméras, les éclairages, les matériaux et le rendu via WebGL2 ou WebGPU, mais n’intègre ni moteur physique, ni système audio, ni gestion des entrées, ni boucle de jeu. Vous devez ajouter ces fonctionnalités avec d’autres bibliothèques, comme Rapier pour la physique, ou les développer vous-même. PlayCanvas, à l’inverse, est un moteur complet.</p>
<h3 id="playcanvas-et-three-js-prennent-ils-en-charge-webgpu" tabindex="-1">PlayCanvas et Three.js prennent-ils en charge WebGPU ? <a class="header-anchor" href="#playcanvas-et-three-js-prennent-ils-en-charge-webgpu" aria-label="Permalink to &quot;PlayCanvas et Three.js prennent-ils en charge WebGPU ?&quot;"></a></h3>
<p>Oui, tous deux prennent en charge WebGPU en 2026. PlayCanvas utilise un double backend WebGL2/WebGPU. Three.js dispose d’un WebGPURenderer prêt pour la production, stable depuis environ la version r171, avec un repli automatique vers WebGL2 et TSL pour créer des shaders compatibles avec les deux cibles. Utilisez WebGL2 comme base et considérez WebGPU comme une amélioration des performances.</p>
<h3 id="playcanvas-est-il-gratuit" tabindex="-1">PlayCanvas est-il gratuit ? <a class="header-anchor" href="#playcanvas-est-il-gratuit" aria-label="Permalink to &quot;PlayCanvas est-il gratuit ?&quot;"></a></h3>
<p>Le moteur PlayCanvas est gratuit et open source sous licence MIT, et l’interface de l’éditeur est devenue open source en 2025. L’éditeur cloud hébergé propose une offre gratuite ainsi que des formules payantes — environ 15 $ par mois pour Personal et 50 $ par utilisateur et par mois pour Organization — qui ajoutent principalement du stockage et des projets privés. Three.js est entièrement gratuit et ne comporte aucun éditeur payant.</p>
<BuildCta
  title="Vous voulez le résultat 3D sans devoir étudier tous les moteurs ?"
  desc="Décrivez la scène et obtenez une expérience jouable, pas un simple projet passe-partout."
  prompt="Crée une piste de course de billes en 3D avec des loopings et un chronomètre" />
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeux web pour 2026 : comparatif</a> — la vue d’ensemble</li>
<li><a href="/fr/guides/threejs-vs-babylonjs.html">Three.js vs Babylon.js</a> — si votre choix se limite désormais aux bibliothèques de 3D web</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot vs Unity pour les jeux web</a> — des moteurs complets plutôt que des bibliothèques</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux web en 2026</a> — WebGL, WebGPU et Wasm</li>
<li><a href="/fr/engine.html">Cinevva Engine</a> — notre moteur open source construit sur Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/playcanvas-vs-threejs-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Three.js vs Babylon.js : quelle bibliothèque 3D pour le Web en 2026 ?]]></title>
            <link>https://app.cinevva.com/fr/guides/threejs-vs-babylonjs</link>
            <guid>https://app.cinevva.com/fr/guides/threejs-vs-babylonjs</guid>
            <pubDate>Sun, 07 Jun 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Three.js vs Babylon.js en 2026 - moteur de rendu minimaliste face à moteur complet, prise en charge de WebGPU et WGSL, outils intégrés, taille du bundle, TypeScript et critères pour choisir entre les deux en 3D Web.]]></description>
            <content:encoded><![CDATA[<h1 id="three-js-vs-babylon-js-quelle-bibliotheque-3d-pour-le-web-en-2026" tabindex="-1">Three.js vs Babylon.js : quelle bibliothèque 3D pour le Web en 2026 ? <a class="header-anchor" href="#three-js-vs-babylon-js-quelle-bibliotheque-3d-pour-le-web-en-2026" aria-label="Permalink to &quot;Three.js vs Babylon.js : quelle bibliothèque 3D pour le Web en 2026 ?&quot;"></a></h1>
<figure style="margin:1.5rem 0">
<img src="https://cdn.cinevva.com/guides/threejs-vs-babylonjs-hero.jpg?v=2" alt="Three.js vs Babylon.js pour la 3D Web en 2026" style="width:100%;border-radius:10px">
</figure>
<p>Ce sont les deux poids lourds de la 3D Web, et le choix entre eux est avant tout une question de philosophie. Three.js est un moteur de rendu léger que vous pouvez étendre. Babylon.js est un moteur complet, livré avec tous les outils nécessaires. Les deux sont excellents, gratuits et compatibles avec WebGPU en 2026. Voici comment choisir.</p>
<p>Si vous recherchez plutôt des moteurs 2D ou des moteurs de jeu complets, consultez notre <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeu Web</a>.</p>
<h2 id="verdict-rapide" tabindex="-1">Verdict rapide <a class="header-anchor" href="#verdict-rapide" aria-label="Permalink to &quot;Verdict rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th>Three.js</th>
<th>Babylon.js</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Approche</strong></td>
<td>Moteur de rendu/bibliothèque minimaliste</td>
<td>Moteur/framework complet</td>
</tr>
<tr>
<td><strong>Langage</strong></td>
<td>JavaScript (avec définitions de types)</td>
<td>TypeScript en priorité</td>
</tr>
<tr>
<td><strong>Outils intégrés</strong></td>
<td>Moteur de rendu ; modules complémentaires pour le reste</td>
<td>Physique, interface graphique, Inspector, Playground, NME</td>
</tr>
<tr>
<td><strong>WebGPU</strong></td>
<td>WebGPURenderer + TSL</td>
<td>GLSL + WGSL dans le cœur (8.0)</td>
</tr>
<tr>
<td><strong>Bundle</strong></td>
<td>Cœur plus léger et compatible avec le tree shaking</td>
<td>Plus volumineux, mais modulaire</td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>MIT</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td><strong>Idéal pour</strong></td>
<td>Projets personnalisés et légers, écosystème le plus vaste</td>
<td>Solution tout-en-un dotée d'outils puissants</td>
</tr>
</tbody>
</table>
<h2 id="bibliotheque-ou-framework" tabindex="-1">Bibliothèque ou framework <a class="header-anchor" href="#bibliotheque-ou-framework" aria-label="Permalink to &quot;Bibliothèque ou framework&quot;"></a></h2>
<p>Three.js conserve un cœur léger et vous laisse gérer le reste, avec l'aide de la communauté. Vous disposez d'un excellent moteur de rendu, d'un graphe de scène et de matériaux, puis ajoutez des modules complémentaires lorsque vous avez besoin de physique, de post-traitement ou de contrôles. C'est la bibliothèque de 3D Web la plus populaire et celle qui possède le plus vaste écosystème, ce qui signifie davantage d'exemples, de tutoriels et de développeurs disponibles.</p>
<p>Babylon.js est un moteur plus complet, soutenu par Microsoft. Il intègre la physique, un système d'interface graphique, l'animation, un Inspector pour déboguer les scènes, un Playground en ligne pour partager du code et un Node Material Editor permettant de créer visuellement des shaders. Si vous préférez disposer immédiatement d'outils et d'une structure plutôt que de les assembler vous-même, Babylon vous en offre davantage dès le premier jour.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/kKaomUggipQ" title="Présentation de Babylon.js 8.0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">La présentation officielle de Babylon.js 8.0 donne une idée de tout ce que le moteur intègre d'origine.</div>
<h2 id="webgpu-en-2026" tabindex="-1">WebGPU en 2026 <a class="header-anchor" href="#webgpu-en-2026" aria-label="Permalink to &quot;WebGPU en 2026&quot;"></a></h2>
<p>Les deux prennent désormais WebGPU très au sérieux. Babylon.js 8.0 (mars 2025) a fourni tous les shaders du cœur du moteur à la fois en GLSL et en WGSL, supprimant ainsi une couche de conversion de plusieurs mégaoctets et réduisant approximativement de moitié la taille du moteur pour les projets ciblant WebGPU. Babylon.js 9.0 (mars 2026) est allé encore plus loin avec l'éclairage en clusters, l'éclairage volumétrique reposant sur des compute shaders, un graphe de rendu et des lumières surfaciques.</p>
<p>Three.js dispose de son WebGPURenderer prêt pour la production, avec repli automatique vers WebGL2, tandis que TSL permet d'écrire les shaders une seule fois pour les deux backends. Les versions récentes continuent de le perfectionner.</p>
<p>En bref : WebGPU est solide dans les deux solutions. Babylon mise sur des fonctionnalités reposant sur les compute shaders, tandis que Three.js conserve un moteur de rendu léger et flexible.</p>
<h2 id="typescript-taille-du-bundle-et-ecosysteme" tabindex="-1">TypeScript, taille du bundle et écosystème <a class="header-anchor" href="#typescript-taille-du-bundle-et-ecosysteme" aria-label="Permalink to &quot;TypeScript, taille du bundle et écosystème&quot;"></a></h2>
<p>Babylon.js privilégie TypeScript et est presque entièrement écrit en TS, ce que de nombreuses équipes préfèrent pour les grandes bases de code. Three.js est écrit en JavaScript et propose des définitions de types distinctes qui fonctionnent bien, mais ne constituent pas la source de référence.</p>
<p>Côté taille, Three.js possède un cœur plus léger et plus compatible avec le tree shaking, si bien qu'une scène minimale embarque moins de code. Babylon est plus volumineux, mais reste modulaire grâce à ses packages à portée limitée, et son approche native en WGSL a réduit l'écart pour WebGPU.</p>
<p>Three.js l'emporte par la taille brute de son écosystème et la quantité de contenu produit par sa communauté. Pour les outils intégrés, l'avantage revient à Babylon.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/6k5ZK3SV3ko" title="Passage de Three.js de WebGL à WebGPU - Mr.doob, JSConf JP 2024" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Mr.doob, créateur de Three.js, évoque le passage à WebGPU.</div>
<h2 id="quand-choisir-l-un-ou-l-autre" tabindex="-1">Quand choisir l'un ou l'autre <a class="header-anchor" href="#quand-choisir-l-un-ou-l-autre" aria-label="Permalink to &quot;Quand choisir l'un ou l'autre&quot;"></a></h2>
<p>Choisissez <strong>Three.js</strong> si vous recherchez un moteur de rendu léger et flexible, le plus vaste écosystème et la liberté de concevoir votre architecture comme vous le souhaitez. C'est le choix par défaut pour les projets 3D Web personnalisés et la compétence la plus facilement transférable.</p>
<p>Choisissez <strong>Babylon.js</strong> si vous recherchez un moteur complet doté de puissants outils intégrés (Inspector, Playground, Node Material Editor), un développement centré sur TypeScript et la stabilité offerte par le soutien d'une grande entreprise, et si vous acceptez un bundle légèrement plus volumineux en échange d'une solution tout-en-un.</p>
<p>Les deux constituent d'excellents choix. Nous avons choisi Three.js pour <a href="/fr/engine.html">Cinevva Engine</a>, car nous voulions une base légère, pensée pour le Web et que nous pourrions façonner nous-mêmes.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="three-js-ou-babylon-js-lequel-est-le-meilleur" tabindex="-1">Three.js ou Babylon.js : lequel est le meilleur ? <a class="header-anchor" href="#three-js-ou-babylon-js-lequel-est-le-meilleur" aria-label="Permalink to &quot;Three.js ou Babylon.js : lequel est le meilleur ?&quot;"></a></h3>
<p>Les deux sont excellents et gratuits. Three.js est un moteur de rendu minimaliste doté du plus vaste écosystème, idéal si vous recherchez de la flexibilité et souhaitez créer votre propre structure. Babylon.js est un moteur plus complet qui intègre la physique, une interface graphique, un Inspector et un Playground, idéal si vous voulez disposer d'outils prêts à l'emploi et privilégier le développement en TypeScript. C'est une question de philosophie, pas de qualité.</p>
<h3 id="three-js-et-babylon-js-prennent-ils-en-charge-webgpu" tabindex="-1">Three.js et Babylon.js prennent-ils en charge WebGPU ? <a class="header-anchor" href="#three-js-et-babylon-js-prennent-ils-en-charge-webgpu" aria-label="Permalink to &quot;Three.js et Babylon.js prennent-ils en charge WebGPU ?&quot;"></a></h3>
<p>Oui, les deux prennent en charge WebGPU en 2026. Three.js dispose d'un WebGPURenderer prêt pour la production, avec repli vers WebGL2, ainsi que de TSL pour créer des shaders compatibles avec plusieurs cibles. Babylon.js 8.0 a rendu les shaders de son cœur natifs en WGSL, réduisant ainsi la taille du bundle avec WebGPU, et la version 9.0 a ajouté des fonctionnalités reposant sur les compute shaders, comme l'éclairage volumétrique. Utilisez WebGL2 comme base et WebGPU lorsqu'il est disponible.</p>
<h3 id="babylon-js-est-il-un-moteur-de-jeu-contrairement-a-three-js" tabindex="-1">Babylon.js est-il un moteur de jeu, contrairement à Three.js ? <a class="header-anchor" href="#babylon-js-est-il-un-moteur-de-jeu-contrairement-a-three-js" aria-label="Permalink to &quot;Babylon.js est-il un moteur de jeu, contrairement à Three.js ?&quot;"></a></h3>
<p>Dans les grandes lignes, oui. Babylon.js est un moteur complet : il inclut la physique, un système d'interface graphique, l'animation, un Inspector et des outils similaires à ceux d'un éditeur. Three.js est une bibliothèque de rendu axée sur l'affichage 3D ; vous devez donc ajouter la physique, les contrôles et les systèmes de jeu au moyen d'autres packages ou de votre propre code. C'est la différence fondamentale entre les deux.</p>
<h3 id="lequel-est-le-plus-leger-three-js-ou-babylon-js" tabindex="-1">Lequel est le plus léger, Three.js ou Babylon.js ? <a class="header-anchor" href="#lequel-est-le-plus-leger-three-js-ou-babylon-js" aria-label="Permalink to &quot;Lequel est le plus léger, Three.js ou Babylon.js ?&quot;"></a></h3>
<p>Three.js possède un cœur plus léger et plus compatible avec le tree shaking, si bien qu'une scène minimale embarque moins de JavaScript. Babylon.js est globalement plus volumineux, mais modulaire grâce à ses packages à portée limitée, et ses shaders natifs en WGSL ont approximativement réduit sa taille de moitié dans la version 8.0 pour les projets ciblant WebGPU. Pour obtenir le bundle le plus léger possible, Three.js reste gagnant.</p>
<BuildCta
  title="Créez votre jeu 3D sans écrire le moteur de rendu"
  desc="Les deux bibliothèques sont intégrées à Cinevva : il vous suffit de décrire le jeu."
  prompt="Crée un endless runner 3D dans le navigateur" />
<h2 id="a-lire-egalement" tabindex="-1">À lire également <a class="header-anchor" href="#a-lire-egalement" aria-label="Permalink to &quot;À lire également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/playcanvas-vs-threejs.html">PlayCanvas vs Three.js</a> — ajoutez un éditeur visuel au comparatif</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Les meilleurs moteurs de jeu Web pour 2026 (comparatif)</a> — le comparatif complet</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technologique des jeux Web en 2026</a> — WebGL, WebGPU et Wasm</li>
<li><a href="/fr/guides/threejs-usdc-tech-report.html">Three.js + USDC dans le navigateur</a> — charger des ressources 3D au format USD dans Three.js</li>
<li><a href="/fr/engine.html">Cinevva Engine</a> — notre moteur open source basé sur Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/threejs-vs-babylonjs-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Donner aux joueurs le pouvoir de sculpter le monde]]></title>
            <link>https://app.cinevva.com/fr/guides/player-world-sculpting</link>
            <guid>https://app.cinevva.com/fr/guides/player-world-sculpting</guid>
            <pubDate>Sun, 05 Apr 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment transformer des pinceaux de terrain en jouets. De la TNT qui creuse des grottes, des graines qui font pousser des forêts, de la pluie qui érode les falaises. Des principes de game design pour rendre la sculpture du monde amusante et accessible aux joueurs occasionnels dans un monde multijoueur partagé.]]></description>
            <content:encoded><![CDATA[<h1 id="donner-aux-joueurs-le-pouvoir-de-sculpter-le-monde" tabindex="-1">Donner aux joueurs le pouvoir de sculpter le monde <a class="header-anchor" href="#donner-aux-joueurs-le-pouvoir-de-sculpter-le-monde" aria-label="Permalink to &quot;Donner aux joueurs le pouvoir de sculpter le monde&quot;"></a></h1>
<img src="https://cdn.cinevva.com/guides/player-world-sculpting-hero.jpg?v=2" alt="Joueur entouré d'outils de sculpture du terrain : dynamite, houe, arrosoir, graines, pioche, nuage de pluie et balise de terraformation, remodelant un paysage 3D coloré" style="width:100%;border-radius:8px;margin:1.5rem 0" />
<p>Personne ne lance un jeu en se disant : « Je veux appliquer une fonction d'atténuation progressive avec interpolation de Hermite à un champ de distance signé. » Les joueurs pensent plutôt : « Je veux creuser une grotte », « Je veux construire une montagne » ou « Je veux créer une rivière ».</p>
<p>L'aspect technique de la sculpture de terrain — marching cubes, pinceaux SDF, raccords transvoxel — est abordé dans notre <a href="/fr/guides/terrain-sculpting-brushes.html">guide de recherche complémentaire</a>. Ce guide traite de l'autre moitié du problème : comment mettre le pouvoir de sculpter entre les mains des joueurs occasionnels et faire en sorte qu'il ressemble à un jeu, et non à un outil de modélisation 3D.</p>
<h2 id="le-probleme-de-la-metaphore" tabindex="-1">Le problème de la métaphore <a class="header-anchor" href="#le-probleme-de-la-metaphore" aria-label="Permalink to &quot;Le problème de la métaphore&quot;"></a></h2>
<p>Tous les jeux commercialisés qui permettent aux joueurs de remodeler le terrain ont résolu le même problème de conception : les paramètres bruts de sculpture — rayon, intensité, atténuation progressive, type d'opération — ne signifient rien pour la plupart des joueurs. La solution est toujours la même : intégrer le pinceau à une métaphore que le joueur comprend déjà.</p>
<h3 id="minecraft-le-bloc-comme-metaphore-universelle" tabindex="-1">Minecraft : le bloc comme métaphore universelle <a class="header-anchor" href="#minecraft-le-bloc-comme-metaphore-universelle" aria-label="Permalink to &quot;Minecraft : le bloc comme métaphore universelle&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/MmB9b5njVbA" title="Bande-annonce officielle de Minecraft" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Bande-annonce officielle de Minecraft (Mojang). Un monde composé de blocs où la TNT, les pioches et les pelles servent aussi d'outils d'édition du terrain.</p>
</div>
<p>Le génie de Minecraft tient au fait que modifier le terrain revient simplement à gérer son inventaire. Vous cassez un bloc. Vous récupérez un bloc. Vous placez un bloc. Le « pinceau » correspond à un seul voxel, l'« atténuation » est binaire — affecté ou non — et l'« opération » consiste à ajouter ou à retirer.</p>
<p>La TNT transpose ce principe à plus grande échelle. Vous la fabriquez à partir de poudre à canon et de sable — des matériaux déjà récoltés en jouant —, la placez comme n'importe quel autre bloc, l'allumez avec un briquet, puis elle creuse une sphère dans le terrain. Le rayon de l'explosion est de 4 à 7 blocs. La résistance aux explosions varie selon le matériau : la terre et le sable se désintègrent, la pierre survit en partie et l'obsidienne est immunisée. L'eau empêche la destruction des blocs, mais pas les dégâts infligés aux entités.</p>
<p>Le joueur ne considère jamais le rayon de l'explosion comme un paramètre. Il pense : « La TNT est puissante, l'obsidienne est résistante et l'eau protège. » Le système d'édition du terrain s'exprime entièrement par l'intermédiaire de matériaux et d'objets que le joueur connaît déjà.</p>
<h3 id="valheim-la-panoplie-du-fermier" tabindex="-1">Valheim : la panoplie du fermier <a class="header-anchor" href="#valheim-la-panoplie-du-fermier" aria-label="Permalink to &quot;Valheim : la panoplie du fermier&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/zmIS9B3w7bw" title="Comment niveler et modeler le terrain dans Valheim" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Une présentation claire du vocabulaire de modelage du terrain de Valheim — houe, cultivateur et pioche — avec notamment l'astuce qui consiste à « se placer à la hauteur souhaitée pour le sol » afin de le niveler.</p>
</div>
<p>Valheim adopte une autre approche. Au lieu de blocs, il donne aux joueurs des outils issus de l'agriculture préindustrielle :</p>
<p><strong>La houe</strong> — 5 unités de bois + 2 pierres, disponible dans les 10 premières minutes — possède quatre modes : Niveler le sol (l'aplatit à la hauteur où vous vous tenez), Surélever le sol (ajoute de la terre et coûte 2 pierres par utilisation), Chemin (retire l'herbe) et Paver (pose des pavés). Le mécanisme de nivellement est brillant : vous vous placez à la hauteur souhaitée pour le sol, puis la houe aligne tout ce qui vous entoure sur cette hauteur. Aucune saisie numérique. Vos pieds servent de référence.</p>
<p><strong>Le cultivateur</strong> — 5 unités de bronze + 5 unités de bois robuste, nécessite la fonte des minerais — sert à planter : labourer la terre, semer des graines, faire pousser de l'herbe et restaurer la végétation. Il ne modèle pas le terrain, mais l'habille. Après avoir aplani un versant avec la houe, vous le cultivez et y plantez une forêt. Le terrain raconte alors une histoire : quelqu'un est passé par là et a travaillé cette terre.</p>
<p><strong>La pioche</strong> prend en charge l'aspect destructeur. Elle creuse le terrain, à l'inverse de la houe qui le surélève. Ensemble, ces trois outils — la pioche creuse, la houe surélève et nivelle, le cultivateur plante — forment un vocabulaire complet correspondant à des gestes agricoles réels.</p>
<p>Le modèle de coût est important. Surélever le sol consomme de la pierre. Vous ressentez le poids de chaque modification. On ne terraforme pas gratuitement une montagne. Le coût en ressources fait de la sculpture une décision, et non une simple case à cocher.</p>
<h3 id="animal-crossing-une-terraformation-qui-se-merite" tabindex="-1">Animal Crossing : une terraformation qui se mérite <a class="header-anchor" href="#animal-crossing-une-terraformation-qui-se-merite" aria-label="Permalink to &quot;Animal Crossing : une terraformation qui se mérite&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/q9wHV8XmLfs" title="Comment débloquer la terraformation dans Animal Crossing: New Horizons" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">GameXplain explique comment débloquer l'application Remod'île, ainsi que les permis falaise et cours d'eau qui conditionnent l'accès à chaque nouvel outil de sculpture à l'obtention d'une monnaie gagnée en jouant.</p>
</div>
<p>Dans Animal Crossing: New Horizons, la terraformation se débloque une fois que l'île a atteint une note de 3 étoiles. Vous devez construire un camping, inviter des habitants, bâtir des parcelles résidentielles et développer votre île pendant plusieurs jours — de vrais jours, et non quelques heures en jeu — avant que Tom Nook ne vous confie l'application Remod'île. Lorsque vous débloquez enfin la terraformation, vous connaissez déjà l'île. Vous savez où se trouvent les rivières, quelles falaises bloquent vos panoramas préférés et ce que vous voulez modifier.</p>
<p>Les outils eux-mêmes reposent sur un système de permis. Les chemins sont gratuits. Le permis cours d'eau — pour créer des rivières, des étangs et des cascades — coûte 6 000 Miles Nook. Le permis falaise en coûte 6 000 de plus. Chaque type de chemin supplémentaire coûte 2 000 Miles. Vous dépensez une monnaie gagnée en jouant pour étoffer votre boîte à outils créative.</p>
<p>L'édition s'effectue par cases. Une case à la fois. Aucun curseur de rayon. Aucun paramètre d'intensité. Vous surélevez une seule case de falaise ou creusez une seule case de rivière. Cette contrainte rend le système accessible : la pire erreur possible ne nécessite qu'une pression sur un bouton pour être annulée. Cette conception encourage la planification — la communauté a créé Happy Island Designer, un outil dans le navigateur permettant de préparer ses aménagements — et les améliorations progressives au fil du temps.</p>
<p>Les falaises peuvent atteindre 3 niveaux. Les rivières doivent être reliées à l'océan. Certains lieux emblématiques — l'aéroport et le bureau des résidents — ne peuvent pas être déplacés. Ces contraintes ne sont pas des limitations. Elles font partie du game design. Elles évitent la « paralysie de la page blanche » qui anéantit l'intérêt des joueurs occasionnels pour les éditeurs totalement libres.</p>
<h3 id="no-man-s-sky-l-outil-multifonction" tabindex="-1">No Man's Sky : l'outil multifonction <a class="header-anchor" href="#no-man-s-sky-l-outil-multifonction" aria-label="Permalink to &quot;No Man's Sky : l'outil multifonction&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/mnxMzm3_Ykw?start=942" title="No Man's Sky : construire dans le terrain (Beeblebum)" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">La partie consacrée au manipulateur de terrain dans le guide de construction de bases de Beeblebum — la vidéo commence à 15:42 — présente les quatre modes fondés sur des sphères ainsi que la limite de « régénération ».</p>
</div>
<p>Dans No Man's Sky, la manipulation du terrain s'effectue avec une arme. Le manipulateur de terrain est une amélioration de l'outil multifonction dotée de quatre modes : Miner — retire le terrain dans une sphère —, Créer — ajoute du terrain sous forme de sphères ou de cubes —, Restaurer — rétablit l'état généré d'origine — et Aplanir — nivelle de vastes zones.</p>
<p>La métaphore est celle d'un appareil de science-fiction tenant dans la main. Vous pointez et tirez pour modifier le monde. Les touches T et R permettent de choisir la taille de la sphère parmi trois valeurs prédéfinies : petite, moyenne et grande. Aucun rayon numérique. Trois tailles. C'est toute l'interface.</p>
<p>L'outil est présenté dès la première mission. Lorsque vous commencez à explorer, vous savez déjà creuser une grotte ou aplanir une aire d'atterrissage. Le mode de création permet de choisir différents types de terrain — roche, terre, etc. — qui correspondent en coulisses au mélange de textures de la splat map.</p>
<p>La consommation d'énergie limite la sculpture. En mode Normal, elle est généreuse. En mode Survie, chaque modification coûte des ressources non négligeables. Le même outil, proposé à deux niveaux de difficulté, convient aussi bien aux sculpteurs occasionnels qu'aux survivalistes attentifs à leurs ressources.</p>
<h3 id="astroneer-l-aspirateur-a-terrain" tabindex="-1">Astroneer : l'aspirateur à terrain <a class="header-anchor" href="#astroneer-l-aspirateur-a-terrain" aria-label="Permalink to &quot;Astroneer : l'aspirateur à terrain&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/0KXQZG7riEs" title="ASTRONEER — Bande-annonce de lancement" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Bande-annonce de lancement officielle d'Astroneer (System Era). L'outil de terrain aspire le sol puis le recrache, réunissant la sculpture et la collecte de ressources dans un même geste.</p>
</div>
<p>Astroneer adopte la métaphore la plus simple possible : un aspirateur à terre. Pointez-le vers le terrain et maintenez la gâchette pour aspirer le sol. Pointez-le vers un espace vide pour le recracher. Le terrain se déforme en temps réel autour de votre curseur.</p>
<p>Des augmentations modifient son comportement : le mod d'alignement aplanit les surfaces par rapport à la courbure de la planète. Le mod d'accélération augmente la vitesse. Le mod d'élargissement étend la zone d'effet. Le mod inhibiteur permet de récolter des ressources sans déformer le terrain.</p>
<p>Le coup de génie tient au fait que le terrain est aussi une ressource. La terre aspirée remplit des bonbonnes. Leur contenu peut ensuite être transformé en matériaux dans une centrifugeuse à sol. Sculpter le monde et récolter des ressources ne forment qu'une seule et même action. Vous ne creusez pas parce que vous voulez une grotte. Vous creusez parce qu'il vous faut de la terre pour fabriquer du composite. La grotte est un effet secondaire qui devient utile par la suite.</p>
<h3 id="deep-rock-galactic-miner-en-equipe" tabindex="-1">Deep Rock Galactic : miner en équipe <a class="header-anchor" href="#deep-rock-galactic-miner-en-equipe" aria-label="Permalink to &quot;Deep Rock Galactic : miner en équipe&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/t9VsWTLJkVY" title="Cours magistral sur le Foreur — Deep Rock Academy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Le cours magistral de Deep Rock Academy consacré au Foreur. Les foreuses montées sur ses avant-bras creusent des tunnels en plein combat, brouillant la frontière entre arme et outil de terrain.</p>
</div>
<p>Deep Rock Galactic associe la destruction du terrain aux rôles des différentes classes. Le Foreur possède des foreuses montées sur ses avant-bras, capables de dévorer la roche à raison d'un tunnel de 2 m de large, 2,2 m de haut et 1 m de profondeur par seconde. Elles surchauffent après une utilisation prolongée — 5,5 secondes pour atteindre la zone rouge, puis 8 secondes de refroidissement — et disposent d'une quantité limitée de carburant. Chaque nain possède également une pioche pour les travaux de précision.</p>
<p>Le rôle du Foreur consiste à ouvrir la voie. Il creuse un tunnel du point A au point B à travers la roche massive. L'équipe le suit. La modification du terrain sert l'objectif de la mission — atteindre la capsule d'extraction — au lieu de constituer un outil créatif. Mais elle a pour effet secondaire de rendre chaque réseau de grottes parcouru par l'équipe unique et façonné par ses décisions. Aucune partie ne se ressemble.</p>
<p>La structure coopérative rend la sculpture sociale. Le Foreur ne creuse pas seul. L'Éclaireur illumine la grotte avec des fusées éclairantes. L'Ingénieur place des plateformes sur les parois exposées par le Foreur. Le Mitrailleur défend l'entrée du tunnel. La modification du terrain devient un verbe au sein d'une phrase collective.</p>
<h3 id="teardown-la-destruction-comme-enigme" tabindex="-1">Teardown : la destruction comme énigme <a class="header-anchor" href="#teardown-la-destruction-comme-enigme" aria-label="Permalink to &quot;Teardown : la destruction comme énigme&quot;"></a></h3>
<div class="video-embed">
  <iframe src="https://www.youtube.com/embed/mdqJEvia4mQ" title="Teardown — Bande-annonce de présentation du gameplay" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  <p class="game-caption">Présentation officielle du gameplay de Teardown (Tuxedo Labs / PlayStation). Chaque outil correspond à une métaphore physique, tandis que la physique des voxels rend ses conséquences immédiates et évidentes.</p>
</div>
<p>Teardown inscrit la destruction du terrain dans la préparation de cambriolages. Vous disposez d'un temps illimité pour vous préparer : fracasser des murs, lancer des véhicules contre des bâtiments, placer des explosifs et construire des rampes. Puis l'alarme se déclenche et vous avez 60 secondes pour atteindre tous les objectifs et vous échapper.</p>
<p>Chaque outil possède une identité physique. La masse détruit les objets à courte portée. Le chalumeau découpe l'acier. Les explosifs éventrent les murs. L'extincteur éteint les incendies. Les véhicules traversent les structures. Le joueur ne « modifie » pas abstraitement le terrain. Il frappe un mur avec une masse, et le mur se brise.</p>
<p>La physique rend l'ensemble réaliste. Les structures s'effondrent lorsque leurs supports sont retirés. Le feu se propage. La fumée remplit les pièces. Les débris tombent. La boucle de rétroaction est immédiate et physique : frappez quelque chose, regardez-le se briser et observez les conséquences s'enchaîner. Les joueurs occasionnels le comprennent parce qu'ils ont déjà manié un marteau dans la vie réelle — ou en ont eu envie.</p>
<h3 id="eco-les-consequences-comme-principe-de-game-design" tabindex="-1">Eco : les conséquences comme principe de game design <a class="header-anchor" href="#eco-les-consequences-comme-principe-de-game-design" aria-label="Permalink to &quot;Eco : les conséquences comme principe de game design&quot;"></a></h3>
<p>Eco est l'un des rares jeux où la modification du terrain entraîne des conséquences permanentes et partagées. Abattez trop d'arbres et la qualité de l'air diminue. Minez trop intensivement et vous polluez la nappe phréatique. Chassez excessivement et des espèces s'éteignent. L'écosystème est entièrement simulé.</p>
<p>Les joueurs peuvent proposer des lois et voter pour les adopter : « Interdiction d'abattre des arbres à moins de 200 m de la rivière » ou « Taxe minière de 10 pièces d'or par mètre cube ». Le système de gouvernance transforme la modification du terrain en acte politique. Vous ne pouvez pas simplement creuser où bon vous semble. La communauté peut vous en empêcher.</p>
<p>C'est la forme la plus poussée de gamification : le système de sculpture lui-même devient la boucle de gameplay centrale. Le terrain est la ressource commune affectée par chaque action des joueurs. La sculpture n'est pas un outil créatif. Elle constitue la tension centrale du jeu.</p>
<h2 id="principes-de-conception-pour-cinevva" tabindex="-1">Principes de conception pour Cinevva <a class="header-anchor" href="#principes-de-conception-pour-cinevva" aria-label="Permalink to &quot;Principes de conception pour Cinevva&quot;"></a></h2>
<p>Ces jeux suggèrent une boîte à outils de principes que nous pouvons utiliser. Pas tous à la fois. Mais par couches successives, en commençant par les plus accessibles avant d'évoluer vers les plus complexes.</p>
<h3 id="principe-1-la-sculpture-par-objets-—-le-modele-de-la-tnt" tabindex="-1">Principe 1 : la sculpture par objets — le modèle de la TNT <a class="header-anchor" href="#principe-1-la-sculpture-par-objets-—-le-modele-de-la-tnt" aria-label="Permalink to &quot;Principe 1 : la sculpture par objets — le modèle de la TNT&quot;"></a></h3>
<p>Ne donnez pas un pinceau aux joueurs. Donnez-leur des objets qui, une fois utilisés, ont pour effet de remodeler le terrain.
<strong>TNT / Dynamite :</strong> Le joueur fabrique ou trouve un explosif. Il le place dans le monde. Il allume la mèche (ou le lance). Une sphère de terrain est soustraite. Le rayon dépend du type d’explosif. Petit pétard : rayon de 2 m. Dynamite standard : 5 m. Méga-bombe (butin rare) : 15 m. Le joueur fait exploser des choses, il ne « modifie pas le terrain ».</p>
<p><strong>Pioche / Pelle / Foreuse :</strong> Des outils portatifs aux caractéristiques différentes. La pioche entame la roche (petit rayon, rapide, efficace sur les matériaux durs). La pelle creuse la terre (rayon moyen, rapide sur les sols meubles, inutile sur la roche). La foreuse perce des tunnels (étroits et profonds, avec des parois cylindriques lisses). En interne, chaque outil correspond à une opération de pinceau SDF différente, mais le joueur les perçoit comme des objets physiques distincts, avec des retours propres à chacun.</p>
<p><strong>Seau / Arrosoir :</strong> Versez de l’eau sur le terrain : elle s’écoule vers le bas et creuse un chenal par érosion. Le pinceau d’érosion suit automatiquement le gradient du terrain. Le joueur ne vise pas avec un pinceau. Il verse de l’eau et regarde la rivière se former. En interne, il s’agit d’une opération d’abaissement lissé, orientée selon la pente du terrain.</p>
<p><strong>Graines / Jeunes plants :</strong> Plantez-les et le terrain grandit. Un sachet de graines placé sur un sol plat fait pousser une petite colline au fil du temps (en quelques secondes, avec une animation). Un jeune arbre placé sur la roche nue génère une butte de terre autour de sa base. Faire « pousser » le terrain revient simplement à appliquer le pinceau de surélévation avec un habillage naturel.</p>
<p><strong>Balise de terraformation :</strong> Placez une balise : elle aplanit lentement tout ce qui se trouve dans son rayon jusqu’à une hauteur cible. Idéale pour les chantiers de construction. Le joueur place l’objet puis s’en va. Le pinceau d’aplanissement s’exécute automatiquement à faible intensité jusqu’à ce que le sol atteigne la hauteur de la balise.</p>
<h3 id="modele-2-progression-des-outils-le-modele-stardew" tabindex="-1">Modèle 2 : progression des outils (le modèle Stardew) <a class="header-anchor" href="#modele-2-progression-des-outils-le-modele-stardew" aria-label="Permalink to &quot;Modèle 2 : progression des outils (le modèle Stardew)&quot;"></a></h3>
<p>Donnez d’abord aux joueurs des outils peu puissants qui produisent de petites modifications. Ils les améliorent au fil du jeu.</p>
<p><strong>Niveau 1 (gratuit, immédiat) :</strong> À mains nues. Permet de tasser de petites bosses (micro-lissage, rayon de 0,5 m). Permet de ramasser une poignée de terre (micro-abaissement, rayon de 0,3 m). Impact négligeable. Cela apprend au joueur que le système existe.</p>
<p><strong>Niveau 2 (fabriqué avec des matériaux de base) :</strong> Pelle en pierre, pioche en bois. Adaptées aux petites modifications. Aplanir un campement. Creuser une tranchée peu profonde. Rayon de 1 à 2 m. C’est à ce niveau que la plupart des joueurs occasionnels restent.</p>
<p><strong>Niveau 3 (nécessite de l’exploration ou des échanges) :</strong> Outils en métal. Rayon plus grand (3 à 5 m). Nouvelles opérations débloquées : surélever le terrain avec la houe, sculpter des courbes lisses avec le ciseau.</p>
<p><strong>Niveau 4 (fin de jeu / butin rare) :</strong> Outils motorisés, explosifs, dispositifs de terraformation. Rayon de 10 à 20 m. Forage de grottes. Création de montagnes. Ce sont des outils spectaculaires qui récompensent les joueurs de longue date.</p>
<p>Le parcours d’amélioration sert aussi de tutoriel. Chaque niveau introduit un nouveau concept. Lorsque vous atteignez le niveau 4, vous avez assimilé le vocabulaire de la modification du terrain grâce à une découverte progressive, et non à un écran de tutoriel.</p>
<h3 id="modele-3-outils-contextuels-le-modele-valheim" tabindex="-1">Modèle 3 : outils contextuels (le modèle Valheim) <a class="header-anchor" href="#modele-3-outils-contextuels-le-modele-valheim" aria-label="Permalink to &quot;Modèle 3 : outils contextuels (le modèle Valheim)&quot;"></a></h3>
<p>Adaptez l’outil à ce que le joueur essaie de faire, et non aux besoins du terrain.</p>
<p><strong>Mode construction :</strong> Lorsque le joueur est en mode construction (placement de murs, de sols et de toits), le terrain s’aplanit automatiquement sous les fondations. Il n’a pas besoin d’un outil d’aplanissement distinct. Le système de construction s’en charge. C’est ainsi que fonctionne la construction dans Valheim : placez un plancher et le sol s’ajuste.</p>
<p><strong>Mode agriculture :</strong> Lors de la plantation de cultures, le cultivateur laboure la terre (ce qui modifie le matériau de surface) et nivelle les petites bosses. Le joueur cultive, il ne terraforme pas. La modification du terrain est un effet secondaire de l’action agricole.</p>
<p><strong>Mode extraction :</strong> Lorsque le joueur extrait des ressources du terrain (filons de minerai, gisements d’argile, veines minérales), l’extraction laisse un trou. La modification du terrain est un effet secondaire de la collecte de ressources. Astroneer le fait à la perfection : aspirez le sol, récupérez des ressources et laissez une grotte derrière vous.</p>
<p><strong>Mode combat :</strong> Les explosions provoquées par les armes créent des cratères. Le feu brûle la végétation. L’acide dissout la roche. Les dégâts infligés au terrain sont un effet secondaire du combat. Les foreuses de Deep Rock Galactic fonctionnent ainsi : elles sont à la fois une arme et un outil de modification du terrain.</p>
<h3 id="modele-4-sculpture-sociale-le-modele-eco" tabindex="-1">Modèle 4 : sculpture sociale (le modèle Eco) <a class="header-anchor" href="#modele-4-sculpture-sociale-le-modele-eco" aria-label="Permalink to &quot;Modèle 4 : sculpture sociale (le modèle Eco)&quot;"></a></h3>
<p>Dans un monde partagé, chaque modification est un acte social. Concevez le système en conséquence.</p>
<p><strong>Paternité visible :</strong> Lorsqu’un joueur sculpte le terrain, laissez un indicateur discret montrant qui l’a fait. Une faible lueur. Une teinte aux couleurs du joueur sur la surface modifiée. Un petit drapeau. Les autres joueurs peuvent voir que quelqu’un est passé par là et a transformé le paysage.</p>
<p><strong>Projets collaboratifs :</strong> Les modifications du terrain dans une zone revendiquée contribuent à un objectif commun. « Creusez une rivière de la montagne jusqu’au lac. » Une barre de progression est visible par tous les joueurs présents dans la zone. Une fois le projet terminé, la rivière se remplit d’eau. La sculpture devient une activité de groupe assortie d’une récompense commune.</p>
<p><strong>Zones d’approbation :</strong> Dans les zones protégées, les modifications du terrain nécessitent l’approbation du propriétaire ou un vote des joueurs à proximité. Cela empêche le sabotage sans désactiver la sculpture. La modification apparaît sous forme de fantôme (transparent, avec un contour) jusqu’à son approbation.</p>
<p><strong>Annulation par consensus :</strong> N’importe quel joueur peut proposer d’annuler une modification du terrain. Si suffisamment de joueurs à proximité donnent leur accord, la modification disparaît progressivement en quelques secondes. C’est le mode de restauration de No Man’s Sky, mais sous une forme sociale.</p>
<h3 id="modele-5-forces-naturelles-le-modele-de-l-erosion" tabindex="-1">Modèle 5 : forces naturelles (le modèle de l’érosion) <a class="header-anchor" href="#modele-5-forces-naturelles-le-modele-de-l-erosion" aria-label="Permalink to &quot;Modèle 5 : forces naturelles (le modèle de l’érosion)&quot;"></a></h3>
<p>Au lieu de coups de pinceau directs, laissez les joueurs déclencher des processus naturels.</p>
<p><strong>Invocateur de pluie :</strong> Placez un nuage au-dessus d’une colline et il se met à pleuvoir. La pluie érode progressivement le versant, creuse des chenaux et adoucit les arêtes. Le joueur contrôle l’endroit où tombe la pluie et sa durée. Le shader d’érosion se charge de la sculpture.</p>
<p><strong>Dispositif sismique :</strong> Déclenche un séisme local qui fissure le sol, crée des crevasses et abaisse le terrain dans la zone touchée. Le joueur choisit l’endroit. La simulation physique détermine la manière dont cela se produit.</p>
<p><strong>Coulée de lave :</strong> Libérez de la lave à partir d’un point : elle s’écoule vers le bas, remplit les vallées et durcit pour former de la roche. Un nouveau terrain est créé à travers une métaphore naturelle. En interne, il s’agit du pinceau de surélévation suivant le gradient du terrain avec un matériau rocheux.</p>
<p><strong>Sculpteur de vent :</strong> Un ventilateur ou un appareil soufflant qui pousse les terrains meubles (sable, terre) dans la direction du vent. Au fil du temps, il crée des dunes et des pentes douces. C’est le pinceau de lissage avec un biais directionnel.</p>
<p><strong>Gel / Dégel :</strong> Gelez l’eau d’une rivière pour créer un pont de glace. Faites dégeler un versant gelé pour déclencher une coulée de boue. La température devient un paramètre de modification du terrain, exprimé à travers des objets météorologiques.</p>
<h3 id="modele-6-decouverte-et-surprise-le-modele-infinite-craft" tabindex="-1">Modèle 6 : découverte et surprise (le modèle Infinite Craft) <a class="header-anchor" href="#modele-6-decouverte-et-surprise-le-modele-infinite-craft" aria-label="Permalink to &quot;Modèle 6 : découverte et surprise (le modèle Infinite Craft)&quot;"></a></h3>
<p>Récompensez l’expérimentation.</p>
<p><strong>Effets combinés :</strong> De la TNT près de l’eau crée une source chaude (cratère + remplissage d’eau + particules de vapeur). Les graines plantées dans les cratères de TNT poussent plus vite (le cratère contient de la « terre fertile »). Faire exploser une rivière gelée révèle une grotte en dessous.</p>
<p><strong>Matériaux cachés :</strong> Creuser suffisamment profond révèle différentes couches de terrain : terre végétale, argile, pierre, cristal, lave. Chaque couche possède des propriétés et une apparence différentes. Les joueurs qui creusent davantage découvrent des choses que personne d’autre n’a vues.</p>
<p><strong>Fossiles et artefacts :</strong> Les modifications aléatoires du terrain mettent parfois au jour des objets enfouis : fossiles, artefacts anciens, coffres au trésor, graines rares. La sculpture devient une mécanique d’exploration. Vous ne creusez pas seulement pour créer une grotte. Vous creusez parce que vous pourriez trouver quelque chose.</p>
<p><strong>Mémoire du terrain :</strong> Le terrain modifié garde la trace de ce qui lui est arrivé. Une zone détruite par de la TNT présente des traces de brûlure et des bords carbonisés. Une zone cultivée avec des graines possède une terre aux couleurs plus riches. Une zone érodée par la pluie présente des textures lisses, usées par l’eau. Le terrain raconte sa propre histoire.</p>
<h2 id="correspondance-entre-pinceaux-et-metaphores" tabindex="-1">Correspondance entre pinceaux et métaphores <a class="header-anchor" href="#correspondance-entre-pinceaux-et-metaphores" aria-label="Permalink to &quot;Correspondance entre pinceaux et métaphores&quot;"></a></h2>
<p>Chaque métaphore avec laquelle le joueur interagit correspond à une opération de pinceau technique de notre <a href="/fr/guides/terrain-sculpting-brushes.html">pipeline de sculpture</a>. Voici le tableau de correspondance :</p>
<p><strong>Pioche / Pelle</strong> correspond au <strong>pinceau d’abaissement</strong> (soustraction de la carte de hauteur ou du SDF), avec un petit rayon, une forte intensité et une atténuation nette. L’animation de l’outil déclenche le même appel à <code>Chunk.applyBrush()</code>.</p>
<p><strong>TNT / Explosifs</strong> correspondent au <strong>pinceau d’abaissement</strong>, avec un grand rayon, une intensité maximale et une atténuation sphérique. Chaque explosion applique un seul coup de pinceau centré sur le point de détonation. La résistance aux explosions de chaque type de matériau correspond à un multiplicateur de l’intensité du pinceau.</p>
<p><strong>Houe / Aplanisseur</strong> correspond au <strong>pinceau d’aplanissement</strong>, avec un rayon moyen et une atténuation douce. La hauteur cible est échantillonnée à la position des pieds du joueur lorsque l’outil est activé, exactement comme dans Valheim.</p>
<p><strong>Graines / Croissance</strong> correspondent au <strong>pinceau de surélévation</strong>, avec un petit rayon et une atténuation douce, appliqué sur plusieurs images (croissance animée). Chaque image applique un petit incrément. L’animation rend la métaphore crédible tandis que le pinceau gère la géométrie.</p>
<p><strong>Arrosoir / Pluie</strong> correspondent au <strong>pinceau de lissage</strong> avec un biais directionnel. Le biais suit le gradient de la pente du terrain obtenu avec <code>ChunkManager.getNormal()</code>. Les points situés sous le centre du pinceau sont davantage abaissés que ceux situés au-dessus, ce qui crée des chenaux d’érosion naturels.</p>
<p><strong>Balise de terraformation</strong> correspond au <strong>pinceau d’aplanissement</strong> appliqué à faible intensité à chaque image jusqu’à convergence. La position de la balise dans l’espace du monde définit la hauteur cible. Le rayon correspond à la zone d’effet de la balise.</p>
<p><strong>Foreuse</strong> correspond au <strong>pinceau d’abaissement</strong> projeté le long d’un rayon plutôt que dans une sphère. Le rayon lancé dans la direction visée par le joueur détermine le centre du pinceau à chaque étape de profondeur, créant ainsi un tunnel cylindrique.</p>
<h2 id="progression-et-economie" tabindex="-1">Progression et économie <a class="header-anchor" href="#progression-et-economie" aria-label="Permalink to &quot;Progression et économie&quot;"></a></h2>
<h3 id="ce-que-gagnent-les-joueurs" tabindex="-1">Ce que gagnent les joueurs <a class="header-anchor" href="#ce-que-gagnent-les-joueurs" aria-label="Permalink to &quot;Ce que gagnent les joueurs&quot;"></a></h3>
<p><strong>Déblocage d’outils :</strong> Commencez à mains nues. Fabriquez des outils de base à partir de matériaux courants. Découvrez les recettes d’outils avancés en explorant, en commerçant ou en accomplissant des quêtes.</p>
<p><strong>Améliorations de capacité :</strong> Des explosifs plus puissants. Des houes plus larges. Des foreuses plus rapides. Le rayon et l’intensité du pinceau augmentent avec le niveau. Faire passer votre pelle du bois au fer double son rayon.</p>
<p><strong>Types de matériaux :</strong> De nouveaux matériaux de terrain se débloquent lorsque les joueurs explorent des biomes. Vous ne pouvez « créer » que les types de terrain que vous avez déjà rencontrés. Visitez un désert pour débloquer la création de sable. Visitez un volcan pour débloquer le basalte. C’est le mode de création de No Man’s Sky, conditionné par l’exploration.</p>
<p><strong>Recettes :</strong> Les effets combinés sont à découvrir, pas simplement accordés. Plantez une graine dans un cratère de TNT et découvrez « Explosion fertile ». Versez de l’eau sur un terrain de lave et découvrez « Formation d’obsidienne ». Chaque découverte est répertoriée et peut être partagée.</p>
<h3 id="ce-que-cela-coute" tabindex="-1">Ce que cela coûte <a class="header-anchor" href="#ce-que-cela-coute" aria-label="Permalink to &quot;Ce que cela coûte&quot;"></a></h3>
<p><strong>Ressources :</strong> Chaque modification du terrain consomme des matériaux. Surélever le terrain coûte de la terre, de la pierre ou du sable (le matériau placé). Abaisser le terrain produit des matériaux (qui sont ajoutés à votre inventaire). L’aplanissement les redistribue. Ce flux de ressources maintient le lien entre l’économie et le système de terrain.</p>
<p><strong>Énergie / Durabilité :</strong> Les outils ont une durabilité ou une réserve d’énergie limitée. La pioche se brise après N utilisations. La balise de terraformation fonctionne avec du carburant. Cela empêche les modifications infinies et crée des limites naturelles aux sessions. Les joueurs font des pauses pour se réapprovisionner.</p>
<p><strong>Temps :</strong> Certaines opérations sont instantanées (coup de pioche). D’autres sont lentes (aplanissement par une balise, croissance d’une graine, érosion par la pluie). Les opérations lentes récompensent la patience et découragent les actions répétitives. Elles sont aussi plus agréables à regarder : voir une graine germer et devenir une colline est plus satisfaisant que de cliquer sur un bouton « surélever ».</p>
<h3 id="ce-que-voient-les-autres" tabindex="-1">Ce que voient les autres <a class="header-anchor" href="#ce-que-voient-les-autres" aria-label="Permalink to &quot;Ce que voient les autres&quot;"></a></h3>
<p><strong>Empreinte des modifications :</strong> Chaque modification du terrain possède une signature visuelle. Les cratères de TNT ont des bords sombres et fissurés. Les zones aplanies à la houe présentent une texture lisse de terre travaillée. Le terrain cultivé possède des couleurs riches et organiques. Les chenaux érodés par la pluie portent des traces d’eau. Les joueurs peuvent lire l’histoire du paysage.</p>
<p><strong>Étiquettes du créateur :</strong> Survolez un terrain modifié pour voir qui l’a changé et quand. « Sculpté par @PlayerName il y a 2 heures. » Cela crée une fierté liée à la création et une responsabilité sociale.</p>
<p><strong>Avant / Après :</strong> Une vue en « accéléré » montrant le terrain à n’importe quel moment de son historique de modifications. Faites glisser un curseur chronologique pour observer la transformation du paysage. Cela est possible parce que l’arbre de modifications CSG de la phase 3 du <a href="/fr/guides/terrain-sculpting-brushes.html">guide technique</a> stocke chaque opération dans l’ordre.</p>
<h2 id="ce-que-nous-construisons-en-premier" tabindex="-1">Ce que nous construisons en premier <a class="header-anchor" href="#ce-que-nous-construisons-en-premier" aria-label="Permalink to &quot;Ce que nous construisons en premier&quot;"></a></h2>
<p>La phase 1 de l’<a href="/fr/guides/terrain-sculpting-brushes.html#practical-architecture-for-sculpting">architecture technique</a> repose sur la sculpture d’une carte de hauteur avec le moteur de rendu WebGL existant. Voici les outils grand public que nous pouvons proposer sur cette base :</p>
<ol>
<li><strong>Pelle</strong> (pinceau d’abaissement, petit rayon). L’outil le plus élémentaire. Cliquez sur le terrain pour creuser un trou. Produit des ressources de terre.</li>
<li><strong>Houe</strong> (pinceau d’aplanissement, rayon moyen). Placez-vous à la hauteur souhaitée, utilisez la houe et le terrain se nivelle à vos pieds.</li>
<li><strong>TNT</strong> (pinceau d’abaissement, grand rayon, usage unique). Fabriquez-la avec des matériaux, placez-la, allumez-la et admirez l’explosion. Produit des gravats.</li>
<li><strong>Graines</strong> (pinceau de surélévation, animé sur plusieurs images). Plantez-les sur un sol plat, regardez le terrain former une petite colline et la végétation apparaître à son sommet.</li>
<li><strong>Arrosoir</strong> (pinceau de lissage orienté selon la pente). Versez de l’eau sur les pentes pour les éroder. Crée des chenaux à l’aspect naturel.</li>
</ol>
<p>Cinq outils. Cinq métaphores distinctes. Un seul système de pinceaux sous-jacent. Chaque outil est une configuration différente de <code>(radius, strength, falloff, operation, animation)</code>, intégrée à un objet que le joueur fabrique, équipe et utilise avec le même modèle d’interaction que le <code>PlacementTool</code> existant.</p>
<BuildCta
  title="Laissez les joueurs construire : essayez un bac à sable"
  desc="Le moyen le plus rapide de comprendre pourquoi la modification du monde captive les joueurs."
  prompt="Crée une île bac à sable où je peux placer et empiler des blocs" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/player-world-sculpting-hero.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Techniques de pinceaux 3D et sculpture de mondes en jeu]]></title>
            <link>https://app.cinevva.com/fr/guides/terrain-sculpting-brushes</link>
            <guid>https://app.cinevva.com/fr/guides/terrain-sculpting-brushes</guid>
            <pubDate>Sun, 05 Apr 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Des déplacements par carte de hauteur aux arbres CSG basés sur des SDF. Découvrez comment fonctionnent réellement les pinceaux de sculpture de terrain, ce que font Marching Cubes et Surface Nets en coulisses, et comment permettre aux joueurs de remodeler un monde partagé en temps réel.]]></description>
            <content:encoded><![CDATA[<h1 id="techniques-de-pinceaux-3d-et-sculpture-de-mondes-en-jeu" tabindex="-1">Techniques de pinceaux 3D et sculpture de mondes en jeu <a class="header-anchor" href="#techniques-de-pinceaux-3d-et-sculpture-de-mondes-en-jeu" aria-label="Permalink to &quot;Techniques de pinceaux 3D et sculpture de mondes en jeu&quot;"></a></h1>
<p>Nous voulons que les joueurs puissent sculpter le monde. Pas placer des objets préfabriqués sur une grille. Pas activer ou désactiver des blocs. Mais véritablement remodeler le terrain : creuser des rivières, ériger des montagnes, lisser les flancs des falaises, aménager des grottes. Le genre de choses que ZBrush et le mode Sculpture de Blender permettent aux artistes de faire, mais à 60 images par seconde dans un jeu multijoueur sur navigateur.</p>
<p>Il s'agit d'un problème d'ingénierie complexe qui touche à la représentation des données, à l'extraction de maillages, au calcul sur GPU, aux mathématiques des pinceaux et à la synchronisation réseau. Ce guide présente tout ce que nous avons découvert.</p>
<h2 id="les-deux-grandes-approches-de-representation-du-terrain" tabindex="-1">Les deux grandes approches de représentation du terrain <a class="header-anchor" href="#les-deux-grandes-approches-de-representation-du-terrain" aria-label="Permalink to &quot;Les deux grandes approches de représentation du terrain&quot;"></a></h2>
<p>Tout système de sculpture commence par un choix concernant la manière dont les données du terrain sont stockées. Ce choix détermine les types de modifications possibles, leur vitesse d'exécution et leur consommation de mémoire.</p>
<h3 id="cartes-de-hauteur" tabindex="-1">Cartes de hauteur <a class="header-anchor" href="#cartes-de-hauteur" aria-label="Permalink to &quot;Cartes de hauteur&quot;"></a></h3>
<p>Une carte de hauteur stocke une valeur d'altitude par point de la grille. On peut la considérer comme une image en niveaux de gris dans laquelle la luminosité correspond à l'altitude. Le terrain actuel de notre <code>world/client</code> fonctionne exactement de cette manière : <code>noise.ts</code> génère l'altitude à l'aide d'un bruit de valeur FBM, et chaque <code>Chunk</code> stocke une carte de hauteur <code>Float32Array</code> qui est projetée sur une <code>PlaneGeometry</code>.</p>
<p>Les cartes de hauteur sont rapides. L'échantillonnage se résume à une seule lecture de tableau avec interpolation bilinéaire. Le LOD est trivial, puisqu'il suffit de réduire la résolution de la grille. Le mélange de textures par splatting correspond directement à la grille UV. Les collisions physiques se réduisent à une requête d'altitude.</p>
<p>La topologie constitue leur limite. Une carte de hauteur ne peut représenter qu'une seule altitude par coordonnée (x, z). Pas de grottes. Pas de surplombs. Pas d'arches. Pas de tunnels. Si un joueur sculpte une falaise qui se replie sur elle-même, une carte de hauteur ne peut pas la stocker. Pour un terrain principalement composé de collines et de montagnes, cela convient. Pour une sculpture libre dans laquelle les joueurs peuvent creuser le sol, c'est une impasse.</p>
<h3 id="representations-volumetriques-champs-scalaires-3d" tabindex="-1">Représentations volumétriques (champs scalaires 3D) <a class="header-anchor" href="#representations-volumetriques-champs-scalaires-3d" aria-label="Permalink to &quot;Représentations volumétriques (champs scalaires 3D)&quot;"></a></h3>
<p>L'autre possibilité consiste à stocker une valeur en chaque point de l'espace 3D. Si cette valeur est négative à l'intérieur de la matière solide et positive à l'extérieur (ou l'inverse), vous obtenez un champ de distance signée (SDF). Si cette valeur représente simplement une densité (au-dessus d'un certain seuil, la matière est solide ; en dessous, l'espace est vide), vous obtenez un champ de densité.</p>
<p>Les représentations volumétriques prennent en charge toutes les topologies. Grottes, surplombs, îles flottantes, tunnels traversant des montagnes. Le compromis concerne la mémoire et la complexité. Une grille de 256^3 avec des nombres flottants 32 bits occupe 64 Mo. Une grille de 512^3 en occupe 512 Mo. Et cela pour un seul chunk. Des structures de données creuses, comme les octrees ou les cartes de briques, sont nécessaires pour rendre cette approche viable.</p>
<p>L'étape d'extraction du maillage est également loin d'être triviale. Il ne suffit pas de définir la position Y des sommets. Il faut un algorithme capable de lire le champ scalaire et de produire un maillage triangulaire qui approxime la surface à l'endroit où le champ traverse zéro.</p>
<h2 id="extraction-de-maillages-marching-cubes-surface-nets-et-dual-contouring" tabindex="-1">Extraction de maillages : Marching Cubes, Surface Nets et Dual Contouring <a class="header-anchor" href="#extraction-de-maillages-marching-cubes-surface-nets-et-dual-contouring" aria-label="Permalink to &quot;Extraction de maillages : Marching Cubes, Surface Nets et Dual Contouring&quot;"></a></h2>
<h3 id="marching-cubes" tabindex="-1">Marching Cubes <a class="header-anchor" href="#marching-cubes" aria-label="Permalink to &quot;Marching Cubes&quot;"></a></h3>
<p>Marching Cubes est l'algorithme d'extraction d'isosurface le plus ancien et le plus largement implémenté. Publié par Lorensen et Cline en 1987, il examine chaque cube de la grille de voxels, dont chaque sommet possède une valeur scalaire. Si certains sommets se trouvent à l'intérieur de la surface (valeur négative) et d'autres à l'extérieur (valeur positive), un morceau de maillage triangulaire est placé dans ce cube.</p>
<p>Chaque cube possède 8 sommets, chacun pouvant se trouver à l'intérieur ou à l'extérieur, ce qui produit 256 configurations possibles (2^8). Par symétrie, celles-ci se réduisent à 15 cas uniques. Une table de correspondance associe chaque cas à un ensemble de triangles. Les points d'intersection sur les arêtes sont déterminés par interpolation linéaire le long des arêtes où le signe change.</p>
<p><strong>Les implémentations GPU récentes</strong> ont rendu Marching Cubes suffisamment rapide pour la sculpture en temps réel. Une implémentation de 2025 sur UE5 affecte chaque thread GPU à un cube, ce qui permet d'en traiter des milliers simultanément. L'idée essentielle est que la triangulation de chaque cube est indépendante de celle de ses voisins, ce qui rend l'algorithme extrêmement facile à paralléliser.</p>
<p><strong>MCHex</strong> (arxiv 2511.02064, 2025) étend Marching Cubes à la génération adaptative de maillages hexaédriques avec des valeurs jacobiennes positives garanties, ce qui améliore l'approximation des frontières pour les maillages de simulation.</p>
<p><strong>rupMC</strong> atteint des performances plusieurs dizaines de fois supérieures à celles des implémentations séquentielles et quatre fois supérieures à celles des variantes DMC parallèles grâce à des architectures hétérogènes CPU/GPU.</p>
<p>Sa principale limite : Marching Cubes gère mal les détails anguleux. Une arête à 90 degrés devient une courbe arrondie. Pour la sculpture de terrain, cela reste généralement acceptable, car les terrains naturels sont principalement lisses, mais cela pose problème pour les éléments architecturaux.</p>
<h3 id="surface-nets" tabindex="-1">Surface Nets <a class="header-anchor" href="#surface-nets" aria-label="Permalink to &quot;Surface Nets&quot;"></a></h3>
<p>Surface Nets désigne une famille plus récente d'algorithmes qui produit des maillages plus lisses à partir de champs scalaires discrets. Au lieu de placer les sommets sur les arêtes des cubes, comme le fait Marching Cubes, Surface Nets place un sommet dans chaque cube contenant la surface, puis relie les sommets adjacents pour former des quadrilatères.</p>
<p>Le résultat est naturellement plus lisse. Un article de 2024 (arxiv 2401.14906) a présenté une implémentation parallèle très performante de Surface Nets, une à deux fois plus rapide en ordre de grandeur que les algorithmes séquentiels. Le crate Rust <code>fast-surface-nets</code> génère environ 20 millions de triangles par seconde sur un seul cœur à 2,5 GHz grâce à de petites tables de correspondance et à l'accélération SIMD.</p>
<p><code>bevy-sculpter</code> (v0.18.0, janvier 2026) utilise Surface Nets comme stratégie principale de génération de maillages. Le crate propose une sculpture volumétrique basée sur les SDF avec quatre types de pinceaux : CSG dur (ajout ou retrait instantané), pinceau continu lisse (pour une commande maintenue), flou (lissage de la surface) et aplatissement (réglage sur une hauteur cible). Il inclut également une réinitialisation des distances SDF à l'aide de la méthode Fast Sweeping, afin de restaurer les propriétés correctes du champ de distance signée après les modifications.</p>
<p>Surface Nets constitue un bon compromis entre Marching Cubes, qui est simple et rapide, mais produit des maillages crénelés sur les données binaires, et Dual Contouring, qui préserve les détails anguleux mais est complexe.</p>
<h3 id="dual-contouring" tabindex="-1">Dual Contouring <a class="header-anchor" href="#dual-contouring" aria-label="Permalink to &quot;Dual Contouring&quot;"></a></h3>
<p>Dual Contouring préserve les détails anguleux que Marching Cubes et Surface Nets ne peuvent pas conserver. Pour cela, il utilise non seulement le signe du champ à chaque sommet, mais aussi le gradient (la normale) aux intersections avec les arêtes. Une minimisation par QEF (fonction d'erreur quadratique) positionne le sommet à l'intérieur de chaque cellule à l'emplacement qui satisfait au mieux toutes les contraintes d'intersection avec les arêtes.</p>
<p>Résultat : les arêtes vives et les angles sont préservés dans le maillage extrait. Un cube aux faces perpendiculaires reste un cube.</p>
<p>Le compromis est la complexité. La résolution de la QEF présente des dépendances entre les cellules qui rendent difficile la parallélisation sur GPU. Elle peut produire des maillages non-manifold, avec des arêtes partagées par plus de deux polygones. Et son implémentation est plus complexe que celle de Marching Cubes, même si Johannes Jendersie note qu'une implémentation fonctionnelle de Dual Contouring représente environ 200 lignes de code, contre plus de 500 pour une implémentation robuste de Marching Cubes.</p>
<p><strong>Cubical Marching Squares (CMS)</strong> a été proposé comme solution intermédiaire : indépendant entre les cellules, et donc adapté au GPU, tout en préservant une partie des détails anguleux.</p>
<h3 id="quelle-approche-choisir" tabindex="-1">Quelle approche choisir <a class="header-anchor" href="#quelle-approche-choisir" aria-label="Permalink to &quot;Quelle approche choisir&quot;"></a></h3>
<p>Pour un système de sculpture de terrain destiné aux joueurs dans un navigateur :</p>
<p><strong>Surface Nets</strong> est le meilleur candidat. Il produit des maillages lisses, donnant un aspect naturel au terrain, sans les artefacts de crénelage que Marching Cubes génère sur les données binaires. Il est suffisamment rapide pour recalculer les maillages en temps réel. Il est également plus simple à implémenter que Dual Contouring.</p>
<p><strong>Marching Cubes</strong> reste un choix solide lorsque la parallélisation sur GPU est prioritaire, puisque chaque cube est indépendant, ou lorsque vous avez besoin de la prise en charge la plus large possible par les bibliothèques. L'éditeur SDF WebGPU de Reinder Nijhoff (janvier 2026) implémente à la fois Marching Cubes et Surface Nets dans son pipeline d'extraction, entièrement exécuté sur le GPU.</p>
<p><strong>Dual Contouring</strong> convient mieux aux situations dans lesquelles la précision architecturale compte davantage que les performances. Ce n'est pas la solution idéale pour la sculpture de terrain en temps réel dans un navigateur.</p>
<h2 id="l-algorithme-transvoxel-raccorder-les-differents-niveaux-de-detail" tabindex="-1">L'algorithme Transvoxel : raccorder les différents niveaux de détail <a class="header-anchor" href="#l-algorithme-transvoxel-raccorder-les-differents-niveaux-de-detail" aria-label="Permalink to &quot;L'algorithme Transvoxel : raccorder les différents niveaux de détail&quot;"></a></h2>
<p>Lorsque le terrain voxelisé est maillé à différentes résolutions (LOD0 près du joueur, LOD2 au loin), des fissures apparaissent aux frontières. Pour les cartes de hauteur, le problème est simple : il suffit d'interpoler les sommets du bord pour les aligner sur le voisin de résolution inférieure. Notre fichier <code>chunk.ts</code> actuel fait exactement cela dans <code>stitchEdge()</code>.</p>
<p>Pour un terrain volumétrique, le problème est bien plus complexe. L'entrée d'une grotte en LOD0 peut produire 30 triangles sur la frontière. La même zone en LOD1 peut en produire 8, avec une topologie totalement différente. Il n'existe aucun moyen simple d'effectuer une interpolation linéaire entre les deux.</p>
<p>L'algorithme Transvoxel d'Eric Lengyel (2009) résout ce problème à l'aide de « cellules de transition ». À la frontière entre deux niveaux de LOD, l'algorithme prend en compte 9 échantillons haute résolution au lieu des 8 sommets d'un cube, ce qui produit 512 configurations possibles réparties en 73 classes d'équivalence. Chaque classe correspond à un motif triangulaire prédéfini qui comble parfaitement l'écart entre les deux résolutions.</p>
<p>L'algorithme travaille sur les données locales des voxels, ce qui permet de retrianguler rapidement une région modifiée. C'est indispensable pour la sculpture en temps réel : lorsqu'un joueur modifie le terrain près d'une frontière de LOD, seules les cellules de transition doivent être reconstruites.</p>
<p>Une implémentation Rust est disponible sous la forme du crate <code>transvoxel</code>. Les tables de correspondance d'origine sont disponibles sur transvoxel.org.</p>
<h2 id="mathematiques-des-pinceaux" tabindex="-1">Mathématiques des pinceaux <a class="header-anchor" href="#mathematiques-des-pinceaux" aria-label="Permalink to &quot;Mathématiques des pinceaux&quot;"></a></h2>
<p>Un pinceau de sculpture est une fonction qui modifie les valeurs d'un champ scalaire dans un certain rayon autour d'un point cible. Les principes mathématiques sont étonnamment similaires dans toutes les implémentations, de Blender à Unreal Engine en passant par les systèmes de jeu en temps réel.</p>
<h3 id="fonctions-d-attenuation" tabindex="-1">Fonctions d'atténuation <a class="header-anchor" href="#fonctions-d-attenuation" aria-label="Permalink to &quot;Fonctions d'atténuation&quot;"></a></h3>
<p>L'atténuation du pinceau détermine comment l'intensité de la modification diminue du centre vers le bord. Blender 5.1 définit les profils standard suivants :</p>
<p><strong>Lisse :</strong> <code>f(d) = 3d^2 - 2d^3</code> (interpolation d'Hermite, la même fonction smoothstep que dans notre noise.ts)</p>
<p><strong>Sphérique :</strong> forte au centre, avec une atténuation prononcée près du bord. Approximée par <code>f(d) = sqrt(1 - d^2)</code>.</p>
<p><strong>Pointue :</strong> <code>f(d) = (1 - d)^n</code> avec n &gt; 2. Crée une pointe fine.</p>
<p><strong>Linéaire :</strong> <code>f(d) = 1 - d</code>, où d est la distance normalisée par rapport au centre (0 au centre, 1 au bord).</p>
<p><strong>Constante :</strong> <code>f(d) = 1</code> pour <code>d &lt; 1</code>, avec une coupure nette à la limite du pinceau.</p>
<p><strong>Carré inverse :</strong> compromis entre les profils lisse et sphérique, pour une sensation naturelle rappelant l'argile.</p>
<p>Dans tous les cas, <code>d = distance_to_center / brush_radius</code>, limitée à l'intervalle [0, 1]. La valeur d'atténuation multiplie l'intensité du pinceau pour produire la modification réelle du champ en chaque point.</p>
<h3 id="espace-d-attenuation" tabindex="-1">Espace d'atténuation <a class="header-anchor" href="#espace-d-attenuation" aria-label="Permalink to &quot;Espace d'atténuation&quot;"></a></h3>
<p>Blender distingue <strong>l'atténuation sphérique</strong>, dont la distance est calculée dans l'espace 3D du monde, et <strong>l'atténuation projetée</strong>, dont la distance est calculée dans l'espace 2D de l'écran. Avec l'atténuation projetée, deux points qui paraissent proches à l'écran sont affectés de la même manière, même s'ils se trouvent à des profondeurs très différentes dans l'espace du monde. Pour la sculpture de terrain, l'atténuation dans l'espace 3D du monde est généralement plus intuitive.</p>
<h3 id="operations-principales-des-pinceaux" tabindex="-1">Opérations principales des pinceaux <a class="header-anchor" href="#operations-principales-des-pinceaux" aria-label="Permalink to &quot;Opérations principales des pinceaux&quot;"></a></h3>
<p><strong>Élever/Abaisser (déplacement) :</strong> ajoute ou soustrait une valeur au champ scalaire dans le rayon du pinceau, pondérée par l'atténuation. Pour les cartes de hauteur : <code>height[i] += strength * falloff(d)</code>. Pour les SDF : <code>sdf[i] -= strength * falloff(d)</code> (la soustraction rend la matière plus solide et élève la surface).</p>
<p><strong>Lisser (laplacien) :</strong> remplace chaque valeur par la moyenne de ses voisines, pondérée par l'atténuation. Cette opération efface les détails et réduit le bruit. Le filtre laplacien échantillonne un petit noyau (3x3 pour les cartes de hauteur, 3x3x3 pour les volumes) et effectue une interpolation vers la moyenne. Le lissage HC (Humphrey's Classes) est une variante qui préserve mieux le volume qu'un simple filtre laplacien.</p>
<p><strong>Aplatir :</strong> définit la valeur du champ sur une hauteur cible, ou sur une distance dans l'espace SDF, avec un mélange déterminé par l'atténuation. La cible est généralement échantillonnée au centre du pinceau au début du trait, puis maintenue constante. Cela permet de créer des plateaux.</p>
<p><strong>Pincer/Gonfler :</strong> déplace les sommets vers la normale de la surface ou dans la direction opposée. Dans l'espace SDF, cela revient à effectuer un déplacement dans la direction du gradient.</p>
<p><strong>Saisir :</strong> déplace une région du champ comme si vous tiriez sur de l'argile. Le vecteur de déplacement correspond au mouvement de la souris projeté dans l'espace du monde, puis appliqué aux valeurs du champ dans le rayon.</p>
<p><strong>Bruit :</strong> ajoute du bruit procédural au champ dans le rayon du pinceau. Utile pour rendre les surfaces lisses plus rugueuses.</p>
<p><strong>Tampon :</strong> applique une image 2D en niveaux de gris comme déplacement, en la projetant sur la surface située sous le curseur. L'outil Landscape d'Unreal Engine prend en charge cette technique pour les pinceaux de terrain.</p>
<h3 id="tessellation-adaptative" tabindex="-1">Tessellation adaptative <a class="header-anchor" href="#tessellation-adaptative" aria-label="Permalink to &quot;Tessellation adaptative&quot;"></a></h3>
<p><code>sculpt-3D</code> (outil de sculpture pour navigateur basé sur React et Three.js) implémente la tessellation adaptative : à mesure que le pinceau se déplace sur le maillage, les triangles proches de son centre sont subdivisés afin de fournir davantage de sommets pour la déformation. Cela évite le problème de « l'étirement low-poly », lorsqu'un maillage grossier est déformé par la sculpture. La subdivision utilise une séparation symétrique afin d'obtenir des triangles de qualité uniforme.</p>
<p>Pour les systèmes volumétriques, la tessellation adaptative n'est pas nécessaire de la même manière, car le maillage est régénéré à partir du champ. À la place, vous pouvez augmenter localement la résolution des voxels près des modifications à l'aide d'octrees adaptatifs pour obtenir le même effet.</p>
<h2 id="sculpture-sdf-l-approche-de-dreams" tabindex="-1">Sculpture SDF : l'approche de Dreams <a class="header-anchor" href="#sculpture-sdf-l-approche-de-dreams" aria-label="Permalink to &quot;Sculpture SDF : l'approche de Dreams&quot;"></a></h2>
<p>Dreams de Media Molecule (PS4, 2020) est le système de sculpture intégré à un jeu le plus ambitieux jamais commercialisé. Alex Evans a présenté son approche technique au SIGGRAPH 2015.</p>
<h3 id="representation" tabindex="-1">Représentation <a class="header-anchor" href="#representation" aria-label="Permalink to &quot;Représentation&quot;"></a></h3>
<p>Dreams stocke la géométrie sous la forme d'une fonction SDF composée dans des blocs de textures volumiques fp16 de 83^3. Chaque sculpture est une liste de 1 à 100 000 « modifications », chacune correspondant à une opération CSG (ajout, soustraction, couleur) associée à une forme primitive (sphère, cube, cylindre, cône, ellipsoïde, tore, etc.) et à un mode de fusion.
Les modes de fusion utilisent des fonctions de maximum doux et de minimum doux. Une fusion « douce » produit des transitions arrondies entre les primitives (comme de l’argile pressée ensemble). Une fusion « dure » produit des découpes booléennes nettes. Le rayon de fusion est réglable par l’utilisateur.</p>
<h3 id="rendu" tabindex="-1">Rendu <a class="header-anchor" href="#rendu" aria-label="Permalink to &quot;Rendu&quot;"></a></h3>
<p>Dreams n’extrait pas de maillage triangulaire. Il effectue plutôt le rendu directement à partir du SDF à l’aide d’un moteur de rendu personnalisé par nuage de points (« flecks »). Chaque fleck est un minuscule disque orienté selon la normale à la surface. Le SDF est échantillonné pour repérer les surfaces, puis les flecks y sont répartis. Cela élimine entièrement le goulet d’étranglement de l’extraction de maillage, mais nécessite un moteur de rendu personnalisé.</p>
<p>Pour un monde Three.js/WebGL, cette approche n’est pas directement applicable. Il faudrait extraire des maillages. En revanche, le concept de liste d’opérations CSG est très pertinent pour l’annulation/rétablissement et la synchronisation réseau.</p>
<h2 id="moteur-sdf-dynamique-de-mike-turitzin-2026" tabindex="-1">Moteur SDF dynamique de Mike Turitzin (2026) <a class="header-anchor" href="#moteur-sdf-dynamique-de-mike-turitzin-2026" aria-label="Permalink to &quot;Moteur SDF dynamique de Mike Turitzin (2026)&quot;"></a></h2>
<p>Un moteur de jeu actuellement développé par Mike Turitzin utilise des SDF dynamiques comme représentation principale. Le moteur prend en charge :</p>
<p><strong>Modifications détaillées pendant le jeu :</strong> ajout et suppression de matière de manière lisse ou avec des arêtes vives. Modifications non destructives, comme le déplacement de trous ou la création de tunnels temporaires qui disparaissent derrière le joueur.</p>
<p><strong>Cartes et atlas de briques</strong> pour une mise en cache éparse. Au lieu de stocker tout le champ SDF dans une grille 3D dense, le champ est divisé en « briques » (de petites tuiles 3D). Seules les briques contenant la frontière de la surface sont allouées. Cela réduit considérablement l’utilisation de la mémoire dans les scènes constituées principalement d’espace vide ou plein.</p>
<p><strong>Clipmaps géométriques</strong> (Losasso &amp; Hoppe, SIGGRAPH 2004) pour les niveaux de détail. Des grilles régulières imbriquées, de résolutions croissantes, entourent la position de la caméra. La grille la plus interne offre la résolution la plus fine ; les grilles extérieures sont progressivement plus grossières. Cela réduit considérablement l’utilisation de la mémoire tout en permettant de prendre en charge de vastes espaces. Les clipmaps sont mises à jour progressivement à mesure que la caméra se déplace, ce qui les rend efficaces pour le chargement en continu de mondes ouverts.</p>
<p><strong>La physique et les collisions</strong> fonctionnent directement à partir du SDF. Le tracé de sphères (ray marching utilisant la distance du SDF comme taille de pas) permet un lancer de rayons efficace. La détection des collisions utilise le gradient du SDF comme normale à la surface et la valeur de distance comme profondeur de pénétration.</p>
<h2 id="teardown-destruction-voxelique-a-grande-echelle" tabindex="-1">Teardown : destruction voxelique à grande échelle <a class="header-anchor" href="#teardown-destruction-voxelique-a-grande-echelle" aria-label="Permalink to &quot;Teardown : destruction voxelique à grande échelle&quot;"></a></h2>
<p>Teardown (Voxagon) représente l’autre extrémité du spectre : chaque objet du monde est un volume voxelique pouvant être détruit morceau par morceau.</p>
<h3 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to &quot;Architecture&quot;"></a></h3>
<p>Les objets sont stockés sous forme de grilles de voxels à espacement régulier. Le moteur n’utilise ni Marching Cubes ni SDF pour le rendu. Il effectue plutôt un lancer de rayons directement sur les voxels à l’aide d’un algorithme DDA (Digital Differential Analyzer) modifié dans les fragment shaders, reposant sur OpenGL 3.3. Les mipmaps forment une structure d’octree dense qui accélère le parcours des espaces vides lors de l’intersection des rayons.</p>
<p>Pour chaque objet, le moteur rastérise sa boîte englobante orientée (OBB) et trace un rayon à travers celle-ci pour trouver les intersections avec les voxels. Seules les faces arrière de l’OBB sont rendues, ce qui permet à la caméra de pénétrer dans le volume englobant.</p>
<h3 id="synchronisation-de-la-destruction-multijoueur" tabindex="-1">Synchronisation de la destruction (multijoueur) <a class="header-anchor" href="#synchronisation-de-la-destruction-multijoueur" aria-label="Permalink to &quot;Synchronisation de la destruction (multijoueur)&quot;"></a></h3>
<p>La mise à jour multijoueur de Teardown de mars 2026 utilise une approche semi-déterministe. La destruction structurelle (perçage de trous, changement de propriété, reconnexion de liaisons) est gérée au moyen de calculs entiers à virgule fixe sur un flux réseau fiable. Tous les clients exécutent les mêmes commandes déterministes et aboutissent au même état du monde. Les changements non structurels (débris, particules) utilisent une synchronisation d’état non fiable.</p>
<p>C’est un enseignement important pour notre monde multijoueur : les modifications du terrain doivent être déterministes. Si le joueur A sculpte une montagne, tous les clients doivent produire le même maillage à partir des mêmes données de champ. Les commandes de modification (position, rayon et intensité de la brosse, type d’opération) doivent constituer les données faisant autorité, et non le maillage obtenu.</p>
<h2 id="alice-sdf-compression-et-arbres-csg" tabindex="-1">ALICE-SDF : compression et arbres CSG <a class="header-anchor" href="#alice-sdf-compression-et-arbres-csg" aria-label="Permalink to &quot;ALICE-SDF : compression et arbres CSG&quot;"></a></h2>
<p>ALICE-SDF (Adaptive Lightweight Implicit Compression Engine, v1.3.0, mars 2026) fournit une implémentation en Rust de données spatiales fondées sur les SDF, avec une compression 10 à 1 000 fois supérieure à celle des maillages polygonaux. Il prend en charge :</p>
<p><strong>126 blocs de construction :</strong> 72 primitives, 24 opérations, 7 transformations et 23 modificateurs. Des opérations de fusion douce (union, soustraction, intersection), ainsi que des fusions par chanfrein et par marches pour les biseaux à arêtes vives et les transitions CSG en escalier.</p>
<p><strong>Diff/patch d’arbres CSG</strong> pour l’annulation/rétablissement et la synchronisation réseau. C’est la fonctionnalité essentielle pour la sculpture multijoueur : au lieu d’envoyer l’état complet du champ, on envoie la différence structurelle entre deux arbres CSG. Le client applique le correctif pour reconstruire le nouvel état. Cette méthode utilise bien moins de bande passante que la compression différentielle de données voxel brutes.</p>
<p><strong>Optimisation des arbres CSG</strong>, notamment la suppression des transformations identité, la fusion des transformations imbriquées et la rétrogradation des modificateurs. Cela permet de conserver un arbre compact à mesure que les modifications s’accumulent.</p>
<p><strong>Génération de maillage</strong> avec Marching Cubes et Dual Contouring. La détection des collisions physiques fonctionne directement à partir du SDF.</p>
<p><strong>La prise en charge de WebAssembly</strong> permet l’intégration dans le navigateur. Le moteur est écrit en Rust avec des liaisons WASM, ce qui en fait une option réaliste pour une application Three.js.</p>
<h2 id="calcul-webgpu-pour-le-terrain" tabindex="-1">Calcul WebGPU pour le terrain <a class="header-anchor" href="#calcul-webgpu-pour-le-terrain" aria-label="Permalink to &quot;Calcul WebGPU pour le terrain&quot;"></a></h2>
<p>Depuis fin 2025, WebGPU est disponible dans tous les principaux navigateurs. Chrome 113+, Edge 113+, Firefox 141+ et Safari 26+ l’intègrent tous avec activation par défaut. Cela rend possibles des pipelines de compute shaders auparavant réservés au GPU.</p>
<h3 id="performances" tabindex="-1">Performances <a class="header-anchor" href="#performances" aria-label="Permalink to &quot;Performances&quot;"></a></h3>
<p>Grâce à une parallélisation massive, les compute shaders WebGPU génèrent le terrain environ 100 fois plus vite que les méthodes sur CPU. Le GPU exécute des milliers de calculs simultanément, et la génération de terrain est presque entièrement parallélisable (chaque sommet ou voxel est indépendant).</p>
<p>Le travail est organisé en trois niveaux : niveau Dispatch (répartition de la charge de travail sur le GPU), niveau Workgroup (mémoire partagée au sein d’une unité de traitement) et niveau Thread (calculs individuels). WGSL (WebGPU Shading Language) est le langage de shaders utilisé.</p>
<h3 id="pipeline-de-sculpture-de-terrain-en-temps-reel" tabindex="-1">Pipeline de sculpture de terrain en temps réel <a class="header-anchor" href="#pipeline-de-sculpture-de-terrain-en-temps-reel" aria-label="Permalink to &quot;Pipeline de sculpture de terrain en temps réel&quot;"></a></h3>
<p>Un pipeline de sculpture WebGPU se présenterait ainsi :</p>
<ol>
<li>
<p><strong>Application de la brosse</strong> (compute shader) : mise à jour des valeurs du champ scalaire dans le rayon de la brosse. Chaque thread traite un voxel. Il lit les paramètres de la brosse (position, rayon, intensité, type d’atténuation, opération) depuis un tampon uniforme et applique la modification.</p>
</li>
<li>
<p><strong>Extraction du maillage</strong> (compute shader) : exécution de Surface Nets ou de Marching Cubes sur la région modifiée. L’éditeur SDF WebGPU de Nijhoff met en œuvre cette opération sous forme de pipeline en plusieurs étapes : partitionnement de l’espace en 16 384 cellules, subdivision des cellules fondée sur un octree, puis extraction de la surface.</p>
</li>
<li>
<p><strong>Mise à jour du tampon de sommets</strong> (côté GPU) : écriture des sommets extraits directement dans un tampon de rendu, sans aller-retour par la mémoire du CPU.</p>
</li>
<li>
<p><strong>Calcul des normales</strong> (compute shader) : calcul des normales des sommets à partir du maillage ou du gradient du SDF.</p>
</li>
<li>
<p><strong>Rendu</strong> (pipeline standard) : dessin du maillage avec des matériaux PBR standard.</p>
</li>
</ol>
<p>Les étapes 1 à 4 peuvent toutes s’exécuter sur le GPU sans qu’aucune donnée ne revienne vers JavaScript. Le CPU doit seulement envoyer les paramètres de la brosse à chaque image.</p>
<h3 id="l-editeur-sdf-webgpu" tabindex="-1">L’éditeur SDF WebGPU <a class="header-anchor" href="#l-editeur-sdf-webgpu" aria-label="Permalink to &quot;L’éditeur SDF WebGPU&quot;"></a></h3>
<p>L’éditeur SDF WebGPU de Reinder Nijhoff (janvier 2026) illustre cette approche dans Chrome. Il prend en charge six primitives (cône, cylindre, capsule, tore, boîte, sphère), trois opérations de fusion (union, soustraction, intersection) avec une fusion douce configurable, ainsi que des graphes de scène hiérarchiques. Chaque primitive occupe 112 octets dans un tampon GPU unique.</p>
<p>Le pipeline de rendu utilise 1 024 shadow maps pour l’occlusion ambiante et l’anticrénelage temporel. Il fonctionne à une fréquence d’images interactive sur les GPU haut de gamme.</p>
<h2 id="sculpture-par-heightmap-la-voie-la-plus-simple" tabindex="-1">Sculpture par heightmap : la voie la plus simple <a class="header-anchor" href="#sculpture-par-heightmap-la-voie-la-plus-simple" aria-label="Permalink to &quot;Sculpture par heightmap : la voie la plus simple&quot;"></a></h2>
<p>Si la prise en charge des grottes et des surplombs n’est pas nécessaire, la sculpture par heightmap évite tout le pipeline volumétrique. C’est ainsi que la plupart des jeux commercialisés gèrent la modification du terrain.</p>
<h3 id="modele-d-implementation-a-l-execution" tabindex="-1">Modèle d’implémentation à l’exécution <a class="header-anchor" href="#modele-d-implementation-a-l-execution" aria-label="Permalink to &quot;Modèle d’implémentation à l’exécution&quot;"></a></h3>
<p>Unity Runtime Terrain (JohannHotzel, janvier 2026) illustre le modèle standard :</p>
<ol>
<li><strong>Lancer un rayon</strong> depuis la caméra à travers la position de la souris afin de trouver le point d’impact sur le terrain.</li>
<li><strong>Convertir le point d’impact</strong> en coordonnées de heightmap.</li>
<li><strong>Appliquer la brosse</strong> aux valeurs voisines de la heightmap, pondérées par l’atténuation.</li>
<li><strong>Mettre à jour le maillage</strong> en définissant les positions Y des sommets à partir de la heightmap modifiée.</li>
<li><strong>Reconstruire le collider physique</strong> afin qu’il corresponde au nouveau maillage.</li>
</ol>
<p>Pour notre terrain Three.js, les étapes 1 à 4 s’intègrent directement à l’architecture existante. La classe <code>Chunk</code> stocke déjà les heightmaps et construit des maillages à partir de celles-ci. L’ajout de la sculpture nécessiterait :</p>
<ul>
<li>Un système de lancer de rayons sur les maillages des chunks (Three.js <code>Raycaster</code>)</li>
<li>Des fonctions d’application de brosse modifiant les valeurs de <code>chunk.heightmap</code></li>
<li>La mise à jour des sommets du maillage (définition des positions Y, recalcul des normales)</li>
<li>Le recalcul de la splat map pour la région concernée (afin que le mélange des textures reflète la nouvelle pente ou hauteur)</li>
<li>La diffusion réseau de la modification (position, rayon et intensité de la brosse, opération) vers les autres clients par l’intermédiaire du protocole WebSocket existant</li>
</ul>
<h3 id="l-approche-par-clipmap" tabindex="-1">L’approche par clipmap <a class="header-anchor" href="#l-approche-par-clipmap" aria-label="Permalink to &quot;L’approche par clipmap&quot;"></a></h3>
<p>Landow.dev décrit une « clipmap itinérante » pour les terrains fondés sur une heightmap : un maillage unique à densité de subdivision variable qui suit le joueur. Au lieu de diviser la heightmap en plusieurs maillages ayant différents niveaux de détail (comme nous le faisons actuellement), la clipmap est un maillage continu, dense près de la caméra et plus grossier sur les bords.</p>
<p>Cela élimine entièrement le raccordement entre niveaux de détail. Le maillage comporte simplement davantage de triangles là où ils sont nécessaires et moins là où ils ne le sont pas. En contrepartie, la sculpture exige de mettre à jour un seul grand maillage plutôt que des chunks individuels, ce qui peut être coûteux pour les modifications importantes.</p>
<h3 id="heightmaps-sdf-non-destructives" tabindex="-1">Heightmaps SDF non destructives <a class="header-anchor" href="#heightmaps-sdf-non-destructives" aria-label="Permalink to &quot;Heightmaps SDF non destructives&quot;"></a></h3>
<p>Landow.dev décrit également une technique dans laquelle la heightmap elle-même est générée à partir d’une composition de SDF. Des instances de formes (sphères, boîtes, fonctions de bruit) sont composées dans un compute shader à l’aide d’opérations CSG, puis la sortie est échantillonnée sous forme de heightmap. Cela permet une modification non destructive (chaque instance de forme peut être déplacée ou supprimée à tout moment), tout en conservant la simplicité du rendu par heightmap.</p>
<p>Il s’agit d’une solution hybride convaincante : la représentation des données est volumétrique (arbre CSG de SDF), mais le chemin de rendu utilise un maillage de heightmap standard. On bénéficie ainsi de l’annulation/rétablissement et des opérations de modification adaptées au réseau du côté SDF, ainsi que d’un rendu et d’une physique simples du côté de la heightmap. La limitation demeure : aucune grotte ni aucun surplomb.</p>
<h2 id="octrees-de-voxels-epars-pour-les-grands-mondes" tabindex="-1">Octrees de voxels épars pour les grands mondes <a class="header-anchor" href="#octrees-de-voxels-epars-pour-les-grands-mondes" aria-label="Permalink to &quot;Octrees de voxels épars pour les grands mondes&quot;"></a></h2>
<p>Les grilles 3D denses ne passent pas à l’échelle. Un monde mesurant 1 km de côté avec une résolution de 0,5 m nécessiterait 8 milliards de voxels. Les octrees de voxels épars (SVO) résolvent ce problème en subdivisant récursivement l’espace et en n’allouant du stockage qu’aux octants contenant la frontière de la surface.</p>
<p>Un SVO fournit naturellement des niveaux de détail hiérarchiques : la profondeur de l’arbre en chaque point détermine la résolution effective. Près du joueur, l’arbre est entièrement développé (niveau de détail maximal). Au loin, il est tronqué à un niveau plus grossier.</p>
<p>Pour le rendu, les SVO peuvent être directement parcourus par lancer de rayons (aucune extraction de maillage n’est nécessaire). Un ray marcher sur GPU intersecte les rayons avec des boîtes alignées sur les axes à chaque niveau de l’arbre, en ignorant entièrement les sous-arbres vides. Cela élimine les problèmes de suraffichage du rendu par chunks et évite les artefacts du maillage glouton.</p>
<p>Le constructeur de SVO fondé sur Vulkan d’AdamYuan affiche des performances remarquables : 19 ms de temps de construction pour Crytek Sponza à une résolution de 2^10 sur une GTX 1660 Ti.</p>
<p>Pour la sculpture, la modification des SVO est efficace : seuls les nœuds feuilles situés dans le rayon de la brosse doivent être mis à jour, et la structure arborescente gère naturellement les résolutions variables. L’ajout de détails là où le joueur sculpte (en subdivisant les nœuds pour obtenir une résolution supérieure) et leur suppression là où il lisse (en fusionnant les nœuds pour revenir à une résolution inférieure) découlent directement de la structure de données.</p>
<p>La difficulté du déploiement dans le navigateur tient au fait que WebGL ne prend pas en charge les compute shaders. WebGPU le permet, mais les algorithmes de construction et de parcours des SVO sont complexes à implémenter en WGSL.</p>
<h2 id="synchronisation-reseau-pour-la-sculpture-multijoueur" tabindex="-1">Synchronisation réseau pour la sculpture multijoueur <a class="header-anchor" href="#synchronisation-reseau-pour-la-sculpture-multijoueur" aria-label="Permalink to &quot;Synchronisation réseau pour la sculpture multijoueur&quot;"></a></h2>
<p>Notre monde prend déjà en charge le multijoueur au moyen des Cloudflare Durable Objects (<code>world-chunk-do.ts</code>). L’ajout de la sculpture implique de synchroniser les modifications du terrain entre tous les clients connectés.</p>
<h3 id="compression-differentielle" tabindex="-1">Compression différentielle <a class="header-anchor" href="#compression-differentielle" aria-label="Permalink to &quot;Compression différentielle&quot;"></a></h3>
<p>L’envoi de données voxel brutes est coûteux. Une étude menée en 2024 par l’université d’Oulu a obtenu une amélioration de 2 à 8 fois de la charge utile en combinant un encodage différentiel avec la compression DEFLATE, pour ramener les mises à jour voxel à moins d’un octet par voxel. Le codec SDEC utilise un encodage différentiel compacté au niveau des bits et produit des paquets moyens de 259 octets, contre 1 114 octets avec une sérialisation générique.</p>
<h3 id="synchronisation-fondee-sur-les-operations-recommandee" tabindex="-1">Synchronisation fondée sur les opérations (recommandée) <a class="header-anchor" href="#synchronisation-fondee-sur-les-operations-recommandee" aria-label="Permalink to &quot;Synchronisation fondée sur les opérations (recommandée)&quot;"></a></h3>
<p>Au lieu de synchroniser l’état du champ, synchronisez les opérations. Chaque action de sculpture devient un message :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> TerrainEditMsg</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  t</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> MsgType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">TerrainEdit</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  brush</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    position</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">]</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    radius</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    strength</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    falloff</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'smooth'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'linear'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'sharp'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'constant'</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    operation</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'raise'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'lower'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'smooth'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'flatten'</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'noise'</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    targetHeight</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Le serveur diffuse ce message à tous les clients, et chaque client applique la même opération de brosse déterministe à ses données de terrain locales. C’est la même approche que celle utilisée par Teardown pour la destruction structurelle : des commandes déterministes sur un flux fiable.</p>
<p>Le système de diff/patch d’arbres CSG d’ALICE-SDF va plus loin : au lieu de représenter des coups de brosse individuels, la différence représente la modification structurelle de l’ensemble de l’arbre CSG. Cela permet une annulation ou un rétablissement efficace sur le réseau (en envoyant le correctif inverse), et les clients rejoignant tardivement peuvent reconstruire l’état complet du monde en rejouant le journal des opérations.</p>
<h3 id="priorite-et-limitation-de-frequence" tabindex="-1">Priorité et limitation de fréquence <a class="header-anchor" href="#priorite-et-limitation-de-frequence" aria-label="Permalink to &quot;Priorité et limitation de fréquence&quot;"></a></h3>
<p>Les modifications du terrain proches des joueurs connectés doivent être hautement prioritaires (diffusion immédiate). Les modifications éloignées de tout joueur peuvent être regroupées et envoyées moins fréquemment. Le réseau voxelique d’Enshrouded utilise ce modèle : mises à jour à 60 Hz pour le terrain proche des joueurs et à 10 Hz pour les régions en arrière-plan.</p>
<p>La compression ZSTD sur le réseau réduit jusqu’à 60 % la taille des paquets contenant des messages de mise à jour du terrain.</p>
<h2 id="sculpture-collaborative-modifications-simultanees" tabindex="-1">Sculpture collaborative : modifications simultanées <a class="header-anchor" href="#sculpture-collaborative-modifications-simultanees" aria-label="Permalink to &quot;Sculpture collaborative : modifications simultanées&quot;"></a></h2>
<p>Lorsque plusieurs joueurs sculptent simultanément la même région, il faut résoudre les conflits. <code>cSculpt</code> (CNR Visual Computing Lab, 2016) a résolu ce problème grâce à un algorithme de fusion multirésolution. Chaque modification est représentée à plusieurs échelles, et les modifications simultanées qui se chevauchent sont fusionnées en mélangeant leurs représentations multirésolutions.
Pour nos besoins, une approche plus simple suffit : la dernière écriture l’emporte, selon l’ordre établi par le serveur. Le Durable Object horodate chaque modification et les diffuse dans l’ordre. Tous les clients appliquent les modifications dans la même séquence. Comme les coups de pinceau sont petits, localisés et additifs/soustractifs, le résultat visuel de modifications simultanées légèrement réordonnées est généralement impossible à distinguer de l’ordre « correct ».</p>
<h2 id="inst-sculpt-edition-neuronale-de-sdf-frontiere-de-la-recherche" tabindex="-1">INST-Sculpt : édition neuronale de SDF (frontière de la recherche) <a class="header-anchor" href="#inst-sculpt-edition-neuronale-de-sdf-frontiere-de-la-recherche" aria-label="Permalink to &quot;INST-Sculpt : édition neuronale de SDF (frontière de la recherche)&quot;"></a></h2>
<p>INST-Sculpt (arxiv 2502.02891, février 2025) permet de modifier des SDF neuronaux à l’aide de traits. Les utilisateurs dessinent des traits sur la surface, et le système déforme le champ neuronal sous-jacent dans des voisinages tubulaires autour du tracé. Des profils de pinceau personnalisés (sections transversales configurables) contrôlent la forme de la déformation.</p>
<p>Cette approche est intéressante pour les terrains générés par IA : si le monde de base est représenté sous forme de SDF neuronal (un petit réseau neuronal qui associe des coordonnées 3D à une distance signée), la sculpture modifie les poids du réseau plutôt que des données de voxels explicites. La représentation est extrêmement compacte (quelques Mo pour un monde entier), mais son évaluation est plus coûteuse que celle d’une table de correspondance.</p>
<p>Cette technologie en est encore au stade de la recherche. Le coût d’inférence des SDF neuronaux sur du matériel grand public est aujourd’hui trop élevé pour une utilisation en temps réel dans les jeux. Elle mérite néanmoins d’être surveillée, en particulier à mesure que les capacités des shaders WebGPU progressent et que l’inférence des modèles s’accélère.</p>
<h2 id="world-creator-2026-3-l-etat-de-l-art-commercial-du-terrain" tabindex="-1">World Creator 2026.3 : l’état de l’art commercial du terrain <a class="header-anchor" href="#world-creator-2026-3-l-etat-de-l-art-commercial-du-terrain" aria-label="Permalink to &quot;World Creator 2026.3 : l’état de l’art commercial du terrain&quot;"></a></h2>
<p>World Creator (BiteTheBytes, mars 2026) représente l’état de l’art commercial des outils de création de terrains. La version 2026.3 a ajouté la génération de terrains sur GPU avec adaptation automatique du terrain (le terrain épouse les objets placés), la distribution d’objets centrée sur la caméra pour optimiser les LOD, ainsi que l’importation de données d’élévation réelles (GeoTIFF, HGT, DTED).</p>
<p>Depuis, World Creator 2026.4 (28 avril 2026) a ajouté les expressions mathématiques dans les champs numériques, la fusion des normales du terrain pour intégrer les objets principaux à la surface, la prise en charge complète des décalcomanies et une mise à l’échelle selon la VRAM, qui adapte le nombre maximal d’objets à la mémoire GPU disponible. BiteTheBytes a également publié une Community Edition gratuite, dotée de toutes les fonctionnalités mais sans possibilité d’exportation, ce qui en fait de fait une version d’essai illimitée.</p>
<p>Leur approche utilise le calcul GPU pour toutes les opérations sur le terrain : simulation de l’érosion, creusement de rivières, peinture de textures. Les outils de pinceau sont accélérés par le GPU et fournissent un retour en temps réel dans la vue. Cela correspond au pipeline de calcul WebGPU décrit ci-dessus, exécuté sur des GPU de bureau.</p>
<h2 id="ce-que-nous-avons-deja-construit-24-prototypes-exploratoires-et-un-monde-en-production" tabindex="-1">Ce que nous avons déjà construit : 24 prototypes exploratoires et un monde en production <a class="header-anchor" href="#ce-que-nous-avons-deja-construit-24-prototypes-exploratoires-et-un-monde-en-production" aria-label="Permalink to &quot;Ce que nous avons déjà construit : 24 prototypes exploratoires et un monde en production&quot;"></a></h2>
<p>Le répertoire <code>world/spikes/</code> contient 24 prototypes autonomes. Il ne s’agit pas de simples démos. Ils constituent un pipeline progressif de R&amp;D dans lequel chaque prototype a résolu un problème précis, mesuré ses performances par rapport à un objectif et orienté le suivant. Le système de sculpture s’appuie sur chacun d’eux, et pas seulement sur les derniers prototypes volumétriques.</p>
<h3 id="le-terrain-heightmap-de-production-world-client" tabindex="-1">Le terrain heightmap de production (<code>world/client/</code>) <a class="header-anchor" href="#le-terrain-heightmap-de-production-world-client" aria-label="Permalink to &quot;Le terrain heightmap de production (`world/client/`)&quot;"></a></h3>
<p>Le monde en ligne utilise un système de heightmaps découpées en chunks dans Three.js WebGL :</p>
<ul>
<li><code>noise.ts</code> génère la hauteur du terrain à l’aide d’un bruit de valeur FBM (5 octaves pour les collines, 4 pour les crêtes et 3 pour les microdétails), avec une fonction déterministe <code>terrainHeight(wx, wz)</code></li>
<li><code>chunk.ts</code> construit des maillages <code>PlaneGeometry</code> à partir de heightmaps <code>Float32Array</code>, avec 3 niveaux de LOD (32/8/4 segments par chunk de 64 unités), et place des arbres/panneaux instanciés à l’aide d’un placement aléatoire initialisé et de colliders propres à chaque objet</li>
<li><code>chunk-manager.ts</code> charge progressivement les chunks en anneaux autour du joueur (rayon 1 au LOD0, rayon 3 au LOD1 et rayon 6 au LOD2), raccorde les bords par interpolation linéaire dans <code>stitchEdge()</code>, et fournit <code>getHeight()</code>, <code>getNormal()</code> et <code>resolveCollisions()</code> à la couche physique</li>
<li><code>terrain-material.ts</code> effectue une fusion de textures à 4 couches basée sur une splat map (herbe/roche/sable/terre) au moyen de <code>MeshStandardMaterial.onBeforeCompile</code>, avec des poids déterminés par la pente et la hauteur, ainsi qu’une fusion des normal maps de chaque couche</li>
<li><code>character-controller.ts</code> échantillonne la hauteur du terrain à chaque frame pour gérer la gravité, le contact avec le sol et le rejet des pentes (cosinus maximal d’une pente de 50 degrés). La sculpture doit transmettre instantanément les hauteurs modifiées à ce système, sans quoi le joueur traverse le terrain modifié</li>
<li><code>placement.ts</code> dispose déjà d’un <code>Raycaster</code> qui détecte les maillages des chunks pour l’outil de placement d’objets. L’outil de pinceau doit suivre exactement ce modèle plutôt que de recréer le raycasting à partir de zéro</li>
<li><code>protocol.ts</code> définit des messages encodés en MessagePack pour la synchronisation multijoueur via le Durable Object <code>world-chunk-do.ts</code>, qui gère actuellement les messages <code>PlayerState</code>, <code>PlaceObject</code>, <code>RemoveObject</code> et <code>Snapshot</code>. Les modifications du terrain nécessiteront un nouveau type de message</li>
<li><code>world-chunk-do.ts</code> (Cloudflare Worker) conserve les objets placés dans le stockage du Durable Object et les diffuse aux joueurs connectés toutes les 50 ms. Il ne gère pas encore les modifications du terrain</li>
</ul>
<h3 id="prototypes-01-a-11-la-couche-fondamentale" tabindex="-1">Prototypes 01 à 11 : la couche fondamentale <a class="header-anchor" href="#prototypes-01-a-11-la-couche-fondamentale" aria-label="Permalink to &quot;Prototypes 01 à 11 : la couche fondamentale&quot;"></a></h3>
<p>Ces prototypes ont validé les systèmes fondamentaux dont dépendra la sculpture. Les ignorer reviendrait à passer à côté de contraintes que le système de sculpture doit respecter.</p>
<p><strong>Prototype 01 (terrain + instanciation) :</strong> Le premier prototype de terrain dans Three.js. Il a établi le modèle PlaneGeometry + heightmap et le placement d’objets instanciés que <code>chunk.ts</code> utilise toujours.</p>
<p><strong>Prototype 02 (worker physique Rapier) :</strong> Rapier 3D s’exécute dans un Web Worker avec un collider <code>ColliderDesc.heightfield()</code>. Ce prototype a permis de créer un contrôleur de personnage cinématique avec franchissement automatique des obstacles, limites de pente et alignement sur le sol. Il a démontré que la physique peut s’exécuter hors du thread principal à partir d’un champ de hauteur. Si nous sculptons le terrain, le champ de hauteur physique doit être reconstruit ou remplacé par un collider trimesh pour les chunks MC.</p>
<p><strong>Prototype 05 (comportements LLM) :</strong> Sans lien direct avec le terrain, mais il a établi le schéma JSON des comportements des objets de jeu. C’est pertinent, car les éléments de terrain sculptés pourraient déclencher des comportements (par exemple, une rivière creusée pourrait générer des effets aquatiques).</p>
<p><strong>Prototype 06 (chargement progressif des chunks) :</strong> Premier système de chargement/remplacement des chunks à mesure que le joueur se déplace. Il a établi le modèle utilisé par <code>chunk-manager.ts</code> : des régions colorées qui se chargent et se déchargent. La sculpture doit préserver l’état des modifications lorsque les chunks sont déchargés puis rechargés.</p>
<p><strong>Prototype 07 (végétation GPU à partir de cartes de densité) :</strong> Herbe et arbres instanciés, placés à l’aide de cartes de densité qui échantillonnent la hauteur et la pente du terrain. La sculpture invalide le placement de la végétation : si la hauteur du terrain change, les arbres peuvent se retrouver en lévitation ou enterrés. La carte de densité doit être régénérée pour les chunks modifiés.</p>
<p><strong>Prototype 08 (coût du shader de matériau du terrain) :</strong> Mesure des performances de la projection triplanaire, des normal maps et de la fusion à 4 couches. Le coût exact en millisecondes de chaque fonctionnalité a été mesuré. Le prototype a montré que la projection triplanaire + les normales + 4 couches restent dans le budget à plus de 45 FPS. Ce budget est important pour le terrain sculpté : si nous ajoutons une 5e couche pour la « terre remuée » ou modifions la fusion des surfaces creusées, nous savons exactement de quelle marge nous disposons.</p>
<p><strong>Prototype 09 (budget des ombres CSM) :</strong> Ombres en cascade avec 3 cascades d’une résolution de 1024^2. Le coût des ombres a été mesuré à environ 1,5 ms. Le terrain sculpté modifie les shadow maps, mais leur coût reste constant, quelle que soit la forme du terrain.</p>
<p><strong>Prototype 10 (clipmaps géométriques + géomorphing) :</strong> Anneaux de clipmap imbriqués avec géomorphing entre les niveaux de LOD afin d’éliminer les apparitions soudaines. Le nombre constant de triangles garantit un coût GPU prévisible. Le géomorphing est important pour la sculpture : lorsque le joueur sculpte près d’une limite de LOD, la transition entre les niveaux de LOD doit refléter la modification. Si celle-ci n’existe que dans l’anneau haute résolution, la cible du géomorphing est incorrecte.</p>
<p><strong>Prototype 11 (chargement progressif des chunks de heightmap) :</strong> Chargement progressif plus avancé des chunks, avec une grille visuelle indiquant les états chargé/en cours de chargement/déchargé pour chaque niveau de LOD. Ce prototype a établi le budget de chargement : nombre maximal de chunks chargés par frame et priorité accordée aux chunks qui nécessitent un LOD supérieur. La sculpture ajoute un nouveau signal de priorité : les chunks que le joueur est en train de modifier ne doivent jamais être déchargés.</p>
<h3 id="prototypes-12-a-14-integration-de-webgpu-et-three-js" tabindex="-1">Prototypes 12 à 14 : intégration de WebGPU et Three.js <a class="header-anchor" href="#prototypes-12-a-14-integration-de-webgpu-et-three-js" aria-label="Permalink to &quot;Prototypes 12 à 14 : intégration de WebGPU et Three.js&quot;"></a></h3>
<p><strong>Prototype 12 (Marching Cubes WebGPU) :</strong> Le premier prototype volumétrique. Quatre chunks SDF de 64^3 avec des grottes sphériques animées, entièrement exécutés sur le GPU. Il utilise directement WebGPU : pipelines de calcul pour l’évaluation du SDF, extraction MC avec la table de cas de Twinklebear (256 configurations de 16 entrées chacune), compteur atomique de sommets et dessin indirect. L’objectif de performances était de moins de 4 ms par chunk et de moins de 12 ms pour les 4. Cela a confirmé que MC sur GPU est suffisamment rapide pour remailler le terrain en temps réel dans le navigateur. Tous les prototypes volumétriques suivants réutilisent la table de cas MC et les shaders WGSL définis ici.</p>
<p><strong>Prototype 13 (réinitialisation de la base à partir du prototype 12) :</strong> Portage du chemin de rendu WebGPU brut du prototype 12 afin qu’il s’exécute dans le <code>WebGPURenderer</code> de Three.js, en accédant directement au <code>device</code> du backend. Le pipeline de rendu utilise toujours WebGPU directement (<code>drawIndirect</code> avec une structure Vertex vec4+vec4). Cela a démontré que les calculs personnalisés et le rendu de scène Three.js peuvent coexister sur le même périphérique GPU.</p>
<p><strong>Prototype 14 (consolidation incrémentale de Three.js WebGPU) :</strong> Remplacement du pipeline de rendu brut par des <code>StorageBufferAttribute</code> Three.js pour les positions et les normales. Le calcul MC écrit directement dans ces buffers résidant sur le GPU. Le buffer <code>drawIndirect</code> contrôle le nombre de sommets dessinés par Three.js. C’est le modèle utilisé par tous les prototypes suivants : le calcul reste en WebGPU brut, tandis que le rendu passe par le graphe de scène Three.js. La version de Three.js utilisée dans ces prototypes est passée de 0.170.0 à 0.172.0 à mesure que le backend WebGPU se stabilisait.</p>
<h3 id="prototypes-15-a-17-raccordement-des-lod-avec-transvoxel" tabindex="-1">Prototypes 15 à 17 : raccordement des LOD avec Transvoxel <a class="header-anchor" href="#prototypes-15-a-17-raccordement-des-lod-avec-transvoxel" aria-label="Permalink to &quot;Prototypes 15 à 17 : raccordement des LOD avec Transvoxel&quot;"></a></h3>
<p><strong>Prototype 15 (structure de raccord Transvoxel) :</strong> Ajout de l’architecture en trois zones : chunk MC (centre volumétrique), bande de transition (raccord entre la limite MC et la heightmap) et anneau de terrain (heightmap environnante). Les trois utilisent la même passe de matériau. À ce stade, la bande de transition est un maillage temporaire, et non de véritables cellules Transvoxel.</p>
<p><strong>Prototype 16 (face +X Transvoxel avec heightmap partagée) :</strong> Deux avancées essentielles dans un même prototype. Premièrement, remplacement du plan de terrain plat du SDF par une heightmap Perlin partagée : un Float32Array de 257x257 envoyé au GPU sous forme de buffer de stockage, puis échantillonné par interpolation bilinéaire dans le shader de calcul SDF. La surface MC et le maillage de la heightmap reposent désormais sur la même source de vérité. Deuxièmement, implémentation de véritables cellules de transition Transvoxel pour la face +X en récupérant sur GitHub les tables de données de référence d’Eric Lengyel (<code>transitionCellClass</code>, <code>transitionVertexData</code>, <code>transitionCellData</code>) ainsi que le paquet npm <code>transvoxel-data</code>. Le CPU évalue des cellules de transition à 9 échantillons (512 configurations, 73 classes d’équivalence), place les sommets en interpolant les valeurs SDF aux points de la grille et gère l’inversion de l’ordre des sommets pour les cas symétriques.</p>
<p><strong>Prototype 17 (double MC avec LOD 1x/2x) :</strong> Deux chunks MC côte à côte à des résolutions différentes. Haute résolution : 62 cellules avec cell_scale=1.0. Basse résolution : 31 cellules avec cell_scale=2.0. Le shader MC a reçu les uniformes <code>cell_scale</code> et <code>grid_points</code>. Introduction de <code>transition_shrink</code> : les sommets de la limite face-0 du chunk basse résolution sont décalés vers l’intérieur de 15 % de cell_scale, créant un mince espace que les cellules de transition Transvoxel remplissent sans z-fighting. C’est le modèle de LOD dont le système de production a besoin : chunks proches en pleine résolution, chunks éloignés à demi-résolution et Transvoxel à chaque limite.</p>
<h3 id="prototypes-18-a-21-cas-limites-de-transvoxel-et-acceleration-gpu" tabindex="-1">Prototypes 18 à 21 : cas limites de Transvoxel et accélération GPU <a class="header-anchor" href="#prototypes-18-a-21-cas-limites-de-transvoxel-et-acceleration-gpu" aria-label="Permalink to &quot;Prototypes 18 à 21 : cas limites de Transvoxel et accélération GPU&quot;"></a></h3>
<p>Chacun de ces quatre prototypes a résolu un cas d’échec précis de l’implémentation Transvoxel. Les regrouper masquerait les différences entre ces problèmes.</p>
<p><strong>Prototype 18 (raccord de heightmap 2:1) :</strong> Application de Transvoxel à une limite composée uniquement de heightmaps, où la résolution d’un côté est deux fois supérieure à celle de l’autre. Aucun MC n’intervient. Le raccord entre un chunk de 62 cellules et un chunk de 31 cellules est généré à partir des tables de transition Transvoxel, avec une réduction de 15 % de la face basse résolution. Cela a confirmé que Transvoxel fonctionne pour le cas composé uniquement de heightmaps, et pas seulement pour MC.</p>
<p><strong>Prototype 19 (grille d’angle 64/32/32/16) :</strong> Le cas de raccordement le plus difficile : quatre chunks de résolutions différentes se rejoignant en un point d’angle (64, 32, 32 et 16 cellules). Le système de raccord doit générer des cellules de transition le long de quatre arêtes (A-B, A-C, B-D, C-D), avec un ordre des sommets correct dans chaque direction. Ce prototype a démontré que les tables Transvoxel gèrent l’angle multirésolution sans logique spéciale personnalisée.</p>
<p><strong>Prototype 20 (angle Transvoxel sur GPU) :</strong> Déplacement de la génération des cellules de transition Transvoxel vers le GPU pour la disposition d’angle 64/32/32/16. Le CPU constituait un goulot d’étranglement lorsque les cellules de transition étaient régénérées à chaque frame pour un terrain animé. Le calcul GPU génère les sommets du raccord dans la même passe que l’extraction MC.</p>
<p><strong>Prototype 21 (angle MC + Transvoxel sur GPU) :</strong> Combinaison de l’extraction MC entièrement sur GPU et de la génération des raccords Transvoxel sur GPU dans une seule séquence de dispatchs de calcul. Les chunks MC et les quatre raccords sont tous générés sur le GPU, avec des nombres de sommets gérés par des compteurs atomiques et un rendu effectué avec <code>drawIndirect</code>. Il s’agit du pipeline GPU complet pour un terrain volumétrique multirésolution avec des transitions de LOD sans raccord visible.</p>
<h3 id="prototypes-22-a-24-l-architecture-hybride" tabindex="-1">Prototypes 22 à 24 : l’architecture hybride <a class="header-anchor" href="#prototypes-22-a-24-l-architecture-hybride" aria-label="Permalink to &quot;Prototypes 22 à 24 : l’architecture hybride&quot;"></a></h3>
<p><strong>Prototype 22 (politique hybride MC/heightmap) :</strong> Le prototype architectural essentiel. Par défaut, les chunks sont des heightmaps. Lorsque la sphère de déformation animée croise l’AABB d’un chunk, celui-ci passe en mode MC. Les autres restent des maillages de heightmap statiques. Disposition : chunks de 64, 32/32 et 16 cellules à différentes résolutions. Les raccords Transvoxel gèrent chaque limite, y compris les transitions entre MC et heightmap. Le prototype suit à chaque frame le nombre de chunks MC par rapport au nombre de chunks HM, ainsi que les dépassements de capacité des sommets.</p>
<p><strong>Prototype 23 (modes de chunks pilotés par une politique) :</strong> Chargé sous forme de correctif par-dessus le prototype 22. Ajout d’une hystérésis basée sur la distance à la caméra (les chunks ne basculent pas sans cesse entre les modes lorsque la caméra se trouve près d’un seuil) et d’un masque de modifications (les chunks déformés restent en mode MC même si la source de déformation s’éloigne). C’est le comportement de « modification persistante » dont la sculpture a besoin : dès qu’un joueur creuse une grotte, ce chunk reste définitivement volumétrique.</p>
<p><strong>Prototype 24 (politique + anneaux de clipmap) :</strong> Le prototype le plus avancé. Il combine le système de politique en champ proche du prototype 23 avec les anneaux de clipmap géométriques en champ lointain du prototype 10. Mise à niveau vers Three.js 0.183.1. Le champ proche utilise l’approche hybride HM/MC avec des raccords Transvoxel aux résolutions 64/32/16. Le champ lointain utilise des anneaux de clipmap à centre statique qui suivent la caméra. Il s’agit de l’architecture complète de rendu du terrain : sculpture volumétrique par chunks là où elle est nécessaire, et terrain clipmap peu coûteux partout ailleurs.</p>
<h3 id="pourquoi-marching-cubes-plutot-que-surface-nets" tabindex="-1">Pourquoi Marching Cubes plutôt que Surface Nets <a class="header-anchor" href="#pourquoi-marching-cubes-plutot-que-surface-nets" aria-label="Permalink to &quot;Pourquoi Marching Cubes plutôt que Surface Nets&quot;"></a></h3>
<p>La section de recherche externe de ce guide présente Surface Nets comme le meilleur candidat pour la sculpture de terrain dans le navigateur. Pourtant, tous les prototypes du pipeline utilisent Marching Cubes. Ce n’est pas un hasard.</p>
<p>Le principal avantage de MC est son parallélisme trivial : chaque cube est totalement indépendant. Les shaders de calcul WGSL des prototypes 12 à 24 exécutent un thread par cube, sans aucune communication entre les cellules. Des compteurs atomiques gèrent l’allocation des sommets. Cette approche correspond parfaitement aux groupes de travail du GPU.</p>
<p>Surface Nets place un sommet dans chaque cellule contenant une surface, puis relie les cellules voisines. Cette connectivité entre voisins crée une dépendance entre les cellules. Le crate <code>fast-surface-nets</code> la gère sur le CPU grâce à un ordre d’itération soigneusement conçu. Sur le GPU, elle nécessite soit une approche en deux passes — trouver les sommets, puis les relier — soit de la mémoire partagée au sein des groupes de travail. Les deux sont possibles avec WebGPU, mais ajoutent de la complexité.</p>
<p>La recommandation pratique est donc de conserver Marching Cubes pour le pipeline de sculpture. Il a fait ses preuves dans notre base de code, les shaders WGSL existent et ont été évalués, et le système de raccords Transvoxel repose sur le placement des sommets de MC le long des arêtes. Surface Nets mérite d’être réévalué si l’aliasing de MC sur les données binaires devient un problème visible. Cependant, pour un terrain SDF dont les valeurs forment des gradients réguliers, MC produit des résultats propres.</p>
<h2 id="architecture-pratique-pour-la-sculpture" tabindex="-1">Architecture pratique pour la sculpture <a class="header-anchor" href="#architecture-pratique-pour-la-sculpture" aria-label="Permalink to &quot;Architecture pratique pour la sculpture&quot;"></a></h2>
<p>La série de prototypes a résolu le pipeline de rendu. Il reste à mettre en place le système de brosses, la propagation des effets dans les systèmes du jeu et la synchronisation multijoueur. Voici le plan, fondé sur l’ensemble des prototypes.</p>
<h3 id="phase-1-sculpture-de-heightmap-changements-minimaux-portee-maximale" tabindex="-1">Phase 1 : sculpture de heightmap (changements minimaux, portée maximale) <a class="header-anchor" href="#phase-1-sculpture-de-heightmap-changements-minimaux-portee-maximale" aria-label="Permalink to &quot;Phase 1 : sculpture de heightmap (changements minimaux, portée maximale)&quot;"></a></h3>
<p>Ajoutez des outils de brosse qui modifient les heightmaps des chunks dans le code de production <code>world/client/</code>. Cette approche fonctionne avec le moteur de rendu WebGL existant et ne nécessite pas WebGPU.</p>
<p><strong>Entrée de la brosse :</strong> suivez le modèle de <code>PlacementTool</code> dans <code>placement.ts</code>. Il utilise déjà un <code>Raycaster</code> qui intersecte <code>chunkManager.getChunkMeshes()</code> et suit un maillage fantôme au point d’impact. Un <code>TerrainBrushTool</code> effectuerait le même raycast, mais modifierait la heightmap du chunk au lieu de placer un objet. Le gestionnaire <code>World.onMouseDown</code> effectue déjà la répartition selon l’état de l’outil.</p>
<p><strong>Modification du chunk (<code>Chunk.applyBrush</code>) :</strong> convertissez la position de la brosse dans le monde en coordonnées de la grille de la heightmap. Pour chaque point de la grille situé dans le rayon de la brosse, calculez le déplacement pondéré par l’atténuation, puis ajoutez-le à la valeur de la heightmap ou soustrayez-le. Mettez ensuite le maillage à jour : définissez les positions Y des sommets à partir de la heightmap modifiée, recalculez les normales par différences centrales — selon le même modèle <code>terrainHeight(wx +/- eps, wz)</code> déjà utilisé aux lignes 155 à 158 de <code>chunk.ts</code> — et régénérez la splat map de la région affectée avec <code>createSplatMap()</code> dans <code>terrain-material.ts</code>, afin de mettre à jour le mélange des textures fondé sur la pente.</p>
<p><strong>Contrôleur du personnage :</strong> <code>CharacterController.update()</code> appelle <code>getHeight()</code> à chaque frame pour maintenir le personnage au sol. <code>ChunkManager.getHeight()</code> délègue à <code>Chunk.sampleHeight()</code>, qui lit le tableau Float32Array <code>heightmap</code> du chunk. Puisque nous modifions directement ce tableau, le contrôleur du personnage prend en compte le changement dès la frame suivante, sans branchement supplémentaire.</p>
<p><strong>Invalidation des objets :</strong> les instances d’arbres dans <code>chunk.ts</code> sont placées en échantillonnant <code>terrainHeight()</code> lors de leur génération. Après une sculpture, les arbres de la zone affectée peuvent se retrouver à une hauteur incorrecte. La phase 1 peut reporter ce problème — les arbres flotteront légèrement après de petites modifications. La phase 2 nécessite une méthode <code>chunk.invalidateObjects()</code> qui rééchantillonne les hauteurs et reconstruit les matrices d’instances. Il en va de même pour les colliders utilisés dans <code>resolveCollisions()</code>.</p>
<p><strong>Physique Rapier (si elle est intégrée) :</strong> le prototype 02 a démontré le bon fonctionnement des colliders de heightfield. Si Rapier est actif, le collider de heightfield doit être reconstruit ou corrigé pour le chunk modifié. <code>ColliderDesc.heightfield()</code> de Rapier accepte un Float32Array linéaire, il suffit donc de le remplacer.</p>
<p><strong>Synchronisation réseau :</strong> ajoutez <code>MsgType.TerrainEdit = 10</code> à <code>protocol.ts</code> :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> TerrainEditMsg</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  t</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> MsgType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">TerrainEdit</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  cx</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  cz</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  brush</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    wx</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    wz</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    radius</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    strength</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    falloff</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">    operation</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Le <code>WorldChunkDO</code> diffuse ce message à tous les clients et l’ajoute à un journal de modifications propre au chunk, stocké dans le stockage du Durable Object. Les clients qui rejoignent la partie plus tard reçoivent le journal de modifications dans le message <code>Snapshot</code> et le rejouent pour reconstruire l’état du terrain. Tous les clients appliquent la même fonction de brosse déterministe et convergent donc vers la même heightmap.</p>
<p><strong>Déchargement et rechargement des chunks :</strong> les prototypes 06 et 11 ont établi le modèle de streaming. Lorsqu’un chunk est déchargé puis rechargé, son journal de modifications doit être rejoué sur la heightmap procédurale de base. Le journal est stocké côté serveur dans le Durable Object et inclus dans le message <code>Snapshot</code>.</p>
<h3 id="phase-2-sculpture-volumetrique-avec-l-architecture-des-prototypes-22-a-24" tabindex="-1">Phase 2 : sculpture volumétrique avec l’architecture des prototypes 22 à 24 <a class="header-anchor" href="#phase-2-sculpture-volumetrique-avec-l-architecture-des-prototypes-22-a-24" aria-label="Permalink to &quot;Phase 2 : sculpture volumétrique avec l’architecture des prototypes 22 à 24&quot;"></a></h3>
<p>Intégrez le pipeline du prototype 24 au monde de production. Lorsqu’un joueur sculpte sous la surface — en creusant une grotte ou un tunnel — le chunk affecté passe du mode heightmap au mode MC.</p>
<p><strong>Migration du moteur de rendu vers WebGPU :</strong> les prototypes 13 et 14 ont démontré que le <code>WebGPURenderer</code> de Three.js peut exécuter des calculs personnalisés tout en conservant le graphe de scène. Le monde de production passe de <code>WebGLRenderer</code> à <code>WebGPURenderer</code> et utilise <code>StorageBufferAttribute</code> pour les chunks MC. Si WebGPU n’est pas disponible, utilisez le mode de repli de la phase 1, limité aux heightmaps.</p>
<p><strong>Allocation du SDF par chunk :</strong> suivez le modèle hybride du prototype 22. Chaque chunk commence sous forme de heightmap. Au premier coup de brosse volumétrique, allouez un Float32Array de 64^3, initialisez-le en échantillonnant la heightmap — la valeur SDF de chaque point est <code>world.y - heightmap_value</code> — puis passez au rendu MC. Le système de règles du prototype 23 garantit que le chunk reste ensuite définitivement en mode MC, conformément au comportement de « modification persistante » du masque d’édition.</p>
<p><strong>Heightmap partagée dans le shader SDF :</strong> utilisez la fonction <code>height_at()</code> du prototype 16. Téléversez la heightmap du chunk dans un buffer de stockage GPU. Le shader de calcul SDF évalue <code>max(height_sdf, edit_sdf)</code>, où <code>height_sdf = world.y - height_at(world.xz)</code> et où <code>edit_sdf</code> contient les modifications apportées par la brosse. Les chunks MC et les chunks de heightmap partagent ainsi la même référence à leurs limites.</p>
<p><strong>Raccords Transvoxel :</strong> utilisez la pile complète des prototypes 15 à 21. Les limites entre MC et heightmap emploient des cellules de transition avec un espace de rétraction. Les limites entre chunks MC de résolutions différentes utilisent le modèle à double niveau de détail du prototype 17. Le cas particulier du prototype 19 gère les intersections à quatre branches. Le calcul GPU du prototype 21 génère toute la géométrie des raccords au cours de la même exécution.</p>
<p><strong>Champ lointain par clipmap :</strong> utilisez les anneaux de clipmap du prototype 24 pour le terrain situé hors de la portée de sculpture. La sculpture ne modifie jamais ces anneaux, qui échantillonnent la heightmap procédurale de base.</p>
<p><strong>Géomorphing :</strong> le géomorphing du prototype 10 élimine les apparitions brusques lors des transitions entre niveaux de détail. Pour les chunks modifiés, la cible du géomorphing doit inclure les modifications. Si un chunk est en MC au LOD0 et que son voisin au LOD1 est une heightmap, le géomorphing effectue une interpolation entre les deux représentations. Cela nécessite d’échantillonner le journal de modifications même aux niveaux de détail inférieurs.</p>
<p><strong>Budget des matériaux :</strong> le prototype 08 a mesuré plus de 45 FPS avec quatre couches triplanaires et des normales. Les chunks MC ont besoin du même matériau. La splat map peut être générée à partir du gradient SDF — les fortes pentes donnent de la roche, les zones planes de l’herbe — plutôt qu’à partir de la pente de la heightmap. Cette approche reste dans la limite des quatre couches.</p>
<p><strong>Invalidation de la végétation :</strong> la végétation fondée sur la carte de densité du prototype 07 dépend de la hauteur et de la pente du terrain. Lorsqu’un chunk passe en mode MC, les instances d’arbres doivent être régénérées en échantillonnant la surface SDF. Les arbres situés sur des surplombs ou dans des grottes doivent être éliminés. Les matrices du maillage instancié de <code>chunk.ts</code> sont reconstruites à partir de la nouvelle surface.</p>
<h3 id="phase-3-arbres-de-modifications-csg-pour-l-annulation-le-retablissement-et-la-synchronisation-reseau" tabindex="-1">Phase 3 : arbres de modifications CSG pour l’annulation, le rétablissement et la synchronisation réseau <a class="header-anchor" href="#phase-3-arbres-de-modifications-csg-pour-l-annulation-le-retablissement-et-la-synchronisation-reseau" aria-label="Permalink to &quot;Phase 3 : arbres de modifications CSG pour l’annulation, le rétablissement et la synchronisation réseau&quot;"></a></h3>
<p>Remplacez les mutations directes du SDF par un arbre d’opérations CSG. Chaque coup de brosse ajoute une primitive — sphère, capsule ou boîte — associée à une opération — ajout, soustraction ou fusion douce. Le SDF est recalculé à partir de l’arbre.</p>
<p><strong>Avantages :</strong></p>
<ul>
<li>Non destructif : toute modification peut être retirée de l’arbre pour être annulée</li>
<li>Efficace sur le réseau : diffusez l’opération CSG plutôt que les valeurs brutes du champ</li>
<li>Déterministe : tous les clients construisent le même SDF à partir de la même séquence d’opérations</li>
<li>Le système de différences et de correctifs d’arbres CSG d’ALICE-SDF assure une synchronisation économe en bande passante, ainsi que l’annulation et le rétablissement sur le réseau</li>
</ul>
<p><strong>Stockage dans le Durable Object :</strong> l’arbre de modifications de chaque chunk remplace le journal linéaire de la phase 1. Le <code>WorldChunkDO</code> stocke la structure de l’arbre CSG, et non les deltas bruts de la heightmap. Les messages <code>Snapshot</code> incluent l’arbre, que les clients rejoignant la partie plus tard évaluent pour produire leur SDF local.</p>
<h3 id="phase-4-sculpture-collaborative" tabindex="-1">Phase 4 : sculpture collaborative <a class="header-anchor" href="#phase-4-sculpture-collaborative" aria-label="Permalink to &quot;Phase 4 : sculpture collaborative&quot;"></a></h3>
<p>Ajoutez la prise en charge des modifications simultanées avec un rejeu des opérations ordonné par le serveur. Le Durable Object horodate chaque modification et les diffuse dans l’ordre. Les clients qui rejoignent la partie plus tard reçoivent le journal des opérations et reconstruisent l’état du monde. Le type de message <code>Snapshot</code> existant est étendu afin d’inclure l’historique des modifications du terrain pour chaque chunk.</p>
<p>Comme les coups de brosse sont petits, localisés et additifs ou soustractifs, le résultat visuel d’un léger réordonnancement des modifications simultanées est généralement impossible à distinguer de l’ordre « correct ». Une stratégie où la dernière écriture l’emporte, selon l’ordre du serveur, est suffisante. La fonction <code>tick()</code> du Durable Object — qui s’exécute actuellement toutes les 50 ms pour l’état des joueurs — ajoute les modifications du terrain à diffuser dans la même boucle.</p>
<h2 id="references-principales" tabindex="-1">Références principales <a class="header-anchor" href="#references-principales" aria-label="Permalink to &quot;Références principales&quot;"></a></h2>
<p><strong>Algorithmes :</strong></p>
<ul>
<li>Lorensen &amp; Cline, « Marching Cubes » (1987)</li>
<li>Eric Lengyel, « Transvoxel Algorithm » (2009), transvoxel.org</li>
<li>Losasso &amp; Hoppe, « Geometry Clipmaps » (SIGGRAPH 2004)</li>
<li>« A High-Performance SurfaceNets Discrete Isocontouring Algorithm » (arxiv 2401.14906, 2024)</li>
<li>MCHex (arxiv 2511.02064, 2025)</li>
</ul>
<p><strong>Implémentations :</strong></p>
<ul>
<li>bevy-sculpter v0.18.0 (Rust, Surface Nets + brosses SDF)</li>
<li>fast-surface-nets (Rust, 20 millions de triangles/s)</li>
<li>ALICE-SDF v1.3.0 (Rust + WASM, différences et correctifs d’arbres CSG)</li>
<li>WebGPU SDF Editor (Nijhoff, janvier 2026)</li>
<li>SculptingPro (API de sculpture à l’exécution pour Unity)</li>
<li>TerraBrush (GDExtension de sculpture de terrain pour Godot)</li>
</ul>
<p><strong>Jeux :</strong></p>
<ul>
<li>Dreams (Media Molecule, SDF + rendu par nuage de points, SIGGRAPH 2015)</li>
<li>Teardown (Voxagon, ray tracing DDA sur voxels, destruction multijoueur déterministe)</li>
<li>Moteur SDF de Mike Turitzin (brick maps + clipmaps géométriques, janvier 2026)</li>
</ul>
<p><strong>Réseau :</strong></p>
<ul>
<li>« Optimizing payload size for voxel state synchronization » (Oulu, 2024)</li>
<li>Multijoueur de Teardown (synchronisation semi-déterministe de la destruction, mars 2026)</li>
<li>cSculpt (sculpture collaborative de maillages avec fusion multirésolution)</li>
</ul>
<BuildCta
  title="Sculptez moins, jouez plus vite"
  desc="Créez un jeu centré sur le terrain sans toucher à une seule brosse."
  prompt="Crée un jeu dans un canyon sculpté à la main et traversé par une rivière" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/terrain-sculpting-brushes.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs modèles vidéo IA prenant en charge les images de référence (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/long-reference-video-models</link>
            <guid>https://app.cinevva.com/fr/guides/long-reference-video-models</guid>
            <pubDate>Sat, 28 Mar 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les modèles de génération vidéo par IA qui produisent en 2026 de longues vidéos cohérentes à partir d’images de référence — générateurs natifs de formats longs, workflows de référence et d’extension, et options open source à auto-héberger.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-modeles-video-ia-prenant-en-charge-les-images-de-reference-2026" tabindex="-1">Meilleurs modèles vidéo IA prenant en charge les images de référence (2026) <a class="header-anchor" href="#meilleurs-modeles-video-ia-prenant-en-charge-les-images-de-reference-2026" aria-label="Permalink to &quot;Meilleurs modèles vidéo IA prenant en charge les images de référence (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Générer un clip de 10 secondes est désormais facile. Tous les grands modèles savent le faire. La vraie question est la suivante : pouvez-vous générer 5 ou 10 minutes de vidéo cohérente, dans laquelle un personnage conserve la même apparence entre la première et la huitième minute ? Et où la scène reste cohérente sur des centaines d’images ?</p>
<p>C’est là toute la difficulté. Et les choses évoluent rapidement dans ce domaine. Ce guide présente tous les modèles que nous avons trouvés qui génèrent nativement de longues vidéos ou prennent en charge les workflows nécessaires pour créer du contenu long avec des personnages cohérents grâce à des images de référence. Nous les avons répartis en trois catégories : les modèles qui génèrent directement des vidéos de plusieurs minutes, ceux qui offrent une prise en charge avancée des images de référence et que vous prolongez par continuation, et les options open source que vous pouvez exécuter vous-même.</p>
<h2 id="categorie-1-generation-native-de-formats-longs-plusieurs-minutes" tabindex="-1">Catégorie 1 : génération native de formats longs (plusieurs minutes) <a class="header-anchor" href="#categorie-1-generation-native-de-formats-longs-plusieurs-minutes" aria-label="Permalink to &quot;Catégorie 1 : génération native de formats longs (plusieurs minutes)&quot;"></a></h2>
<p>Ces modèles génèrent des vidéos dont la durée se mesure en minutes, et non en secondes. Ils ont été conçus dès le départ pour maintenir une cohérence temporelle sur de longues séquences.</p>
<h3 id="longcat-video" tabindex="-1">LongCat Video <a class="header-anchor" href="#longcat-video" aria-label="Permalink to &quot;LongCat Video&quot;"></a></h3>
<p>Meituan a lancé LongCat Video fin 2025. Il s’agit d’un transformeur de diffusion de 13,6 milliards de paramètres et du premier modèle capable de générer de manière fiable des vidéos cohérentes d’une durée allant jusqu’à 15 minutes.</p>
<p>Le modèle prend en charge la génération texte-vers-vidéo, image-vers-vidéo et la continuation vidéo dans un pipeline unifié. En mode I2V, l’image d’entrée devient littéralement la première image de la vidéo. Il ne s’agit pas d’une simple référence de personnage que vous pouvez placer dans n’importe quelle scène. Le modèle produit l’animation à partir de cette image initiale tout en utilisant le « Cross-Chunk Latent Stitching » pour continuer à se référer à l’image d’origine pendant toute la génération, ce qui évite la dérive des couleurs et préserve la cohérence visuelle sur les longues séquences. Une variante mise à jour en 2026 ajoute la génération d’avatars pilotée par l’audio, avec synchronisation labiale pour des vidéos face caméra de plus de 5 minutes.</p>
<p>Sous le capot, LongCat utilise une approche de génération du grossier au détaillé avec Block Sparse Attention pour gérer les très grandes longueurs de séquence. L’ajustement par RLHF améliore la qualité des mouvements. Dans le benchmark VBench 2.0, il se classe troisième au général, derrière Veo 3 de Google et Vidu Q1 de Shengshu.</p>
<p><strong>Disponibilité :</strong> open source sous licence MIT. Disponible via l’API fal.ai à 0,04 $ par seconde générée (36 $ pour une vidéo de 15 minutes en 720p). Également disponible sur la propre plateforme de LongCat avec une tarification par crédits.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée maximale</td>
<td>Environ 15 minutes</td>
</tr>
<tr>
<td>Résolution</td>
<td>720p à 30 i/s</td>
</tr>
<tr>
<td>Paramètres</td>
<td>13,6 Md</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Première image uniquement (mode I2V, pas de référence de personnage)</td>
</tr>
<tr>
<td>Licence</td>
<td>MIT</td>
</tr>
<tr>
<td>Coût de l’API</td>
<td>Environ 0,04 $/seconde (fal.ai)</td>
</tr>
</tbody>
</table>
<h3 id="seaweed-apt2" tabindex="-1">Seaweed APT2 <a class="header-anchor" href="#seaweed-apt2" aria-label="Permalink to &quot;Seaweed APT2&quot;"></a></h3>
<p>Seaweed APT2 de ByteDance adopte une approche différente. Au lieu de générer toute la vidéo dès le départ, il produit les images de manière autorégressive à 24 i/s, avec seulement 0,16 seconde de latence par image sur un seul H100. Le résultat est une vidéo stable pouvant durer jusqu’à 5 minutes, avec une cohérence temporelle qui se maintient.</p>
<p>L’astuce technique est l’Autoregressive Adversarial Post-Training (AAPT), qui convertit un modèle de diffusion vidéo bidirectionnel préentraîné en générateur autorégressif unidirectionnel. Une seule évaluation directe du réseau est nécessaire par image. C’est ce qui rend possible la génération en temps réel.</p>
<p>Au-delà de sa capacité à produire de longues vidéos, ce modèle se distingue par son interactivité. Vous pouvez contrôler la caméra, animer des personnages grâce à la détection de pose et manipuler les scènes pendant le rendu de la vidéo. Il faut moins le voir comme un outil qui « génère une vidéo » que comme un système permettant de « diriger une vidéo en temps réel ».</p>
<p><strong>Disponibilité :</strong> phase de recherche uniquement. Pas encore accessible au public. Le modèle de base 7B (Seaweed-7B) fait l’objet d’un article publié, mais les poids d’APT2 n’ont pas encore été diffusés.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée maximale</td>
<td>Environ 5 minutes</td>
</tr>
<tr>
<td>Résolution</td>
<td>736x416 (un seul GPU), jusqu’à 720p (8 GPU)</td>
</tr>
<tr>
<td>Paramètres</td>
<td>8 Md</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Via I2V et contrôle interactif de la pose</td>
</tr>
<tr>
<td>Licence</td>
<td>Non publié</td>
</tr>
<tr>
<td>Statut</td>
<td>Aperçu de recherche</td>
</tr>
</tbody>
</table>
<h3 id="helios" tabindex="-1">Helios <a class="header-anchor" href="#helios" aria-label="Permalink to &quot;Helios&quot;"></a></h3>
<p>Helios vient de l’Université de Pékin et repose sur Wan 2.1. Il s’agit d’un modèle de 14 milliards de paramètres qui génère des vidéos de plusieurs minutes à 19,5 i/s sur un seul H100. Son innovation principale réside dans sa manière de gérer la dérive des vidéos longues. Au lieu d’utiliser des techniques classiques de lutte contre la dérive, comme le self-forcing ou l’échantillonnage d’images clés, Helios simule cette dérive pendant l’entraînement afin que le modèle apprenne à la corriger.</p>
<p>Il prend nativement en charge les tâches texte-vers-vidéo, image-vers-vidéo et vidéo-vers-vidéo. Le mode I2V accepte des images de référence pour initialiser la génération.</p>
<p><strong>Disponibilité :</strong> entièrement open source sous licence Apache 2.0. Publié en mars 2026. Code et poids sur GitHub (PKU-YuanGroup/Helios). Intégré à Diffusers, SGLang et vLLM-Omni. Démo Gradio sur HuggingFace Spaces.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée maximale</td>
<td>Plusieurs minutes (aucune limite fixe)</td>
</tr>
<tr>
<td>Résolution</td>
<td>720p</td>
</tr>
<tr>
<td>Paramètres</td>
<td>14 Md</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Oui (mode I2V)</td>
</tr>
<tr>
<td>Licence</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td>Matériel</td>
<td>Un seul H100 pour le temps réel</td>
</tr>
</tbody>
</table>
<h3 id="skyreels-v2-v3" tabindex="-1">SkyReels V2 / V3 <a class="header-anchor" href="#skyreels-v2-v3" aria-label="Permalink to &quot;SkyReels V2 / V3&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/NJcRyQu30yM" title="SkyReels AI : génération de vidéos de durée illimitée" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">SkyReels V3 accepte 1 à 4 images de référence et génère des vidéos de durée illimitée avec alternance de plans et synthèse d’avatars guidée par l’audio.</div>
<p>La gamme SkyReels de Skywork vise à générer des vidéos de durée infinie. V2 utilise une architecture AutoRegressive Diffusion-Forcing qui génère des vidéos sans limite de durée fixe. V3, lancé en janvier 2026, réunit dans un même modèle la génération de vidéo à partir d’images de référence, l’extension vidéo-vers-vidéo et la génération d’avatars guidée par l’audio.</p>
<p>V3 accepte de 1 à 4 images de référence et préserve l’identité du sujet dans toute la vidéo générée. Le mode vidéo-vers-vidéo permet une continuation fluide en plan-séquence ainsi que l’alternance de plusieurs plans avec des transitions cinématographiques.</p>
<p>Skywork a lancé SkyReels V4 le 25 février 2026, le premier modèle open source capable de générer simultanément la vidéo et l’audio en un seul passage à double flux, jusqu’en 1080p/32 i/s. Il accepte du texte, des images, des clips vidéo, des masques et de l’audio comme entrées de conditionnement, et réunit la génération, l’inpainting et le montage dans un seul framework. Il enrichit ainsi l’approche de référence et d’extension de V2/V3 avec un son natif. Il figure désormais parmi les meilleurs modèles de l’arène texte-vers-vidéo d’Artificial Analysis.</p>
<p><strong>Disponibilité :</strong> entièrement open source. Modèles de 1,3 à 14 milliards de paramètres. Disponibles en 540p et 720p. Code et poids sur GitHub et HuggingFace.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée maximale</td>
<td>Illimitée (autorégressive)</td>
</tr>
<tr>
<td>Résolution</td>
<td>540p, 720p</td>
</tr>
<tr>
<td>Paramètres</td>
<td>1,3 Md, 5 Md, 14 Md</td>
</tr>
<tr>
<td>Images de référence</td>
<td>1 à 4 images (V3)</td>
</tr>
<tr>
<td>Licence</td>
<td>Open source</td>
</tr>
<tr>
<td>Matériel</td>
<td>RTX 4090 au minimum, 4 à 8 A100 recommandés</td>
</tr>
</tbody>
</table>
<h2 id="categorie-2-clips-courts-avec-references-avancees-et-extension" tabindex="-1">Catégorie 2 : clips courts avec références avancées et extension <a class="header-anchor" href="#categorie-2-clips-courts-avec-references-avancees-et-extension" aria-label="Permalink to &quot;Catégorie 2 : clips courts avec références avancées et extension&quot;"></a></h2>
<p>Ces modèles génèrent des clips de 8 à 60 secondes, mais offrent une prise en charge avancée des images de référence et des fonctionnalités d’extension vidéo. Pour créer du contenu long, vous enchaînez les clips à l’aide des endpoints de continuation ou d’extension du modèle. La cohérence des personnages repose sur des images de référence qui persistent d’une génération à l’autre.</p>
<p>Il s’agit du workflow pratique que la plupart des créateurs utilisent aujourd’hui pour produire du contenu de plus d’une minute. La qualité de chaque clip est souvent supérieure à celle des modèles natifs de formats longs.</p>
<h3 id="kling-3-0-omni-kuaishou" tabindex="-1">Kling 3.0 Omni (Kuaishou) <a class="header-anchor" href="#kling-3-0-omni-kuaishou" aria-label="Permalink to &quot;Kling 3.0 Omni (Kuaishou)&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/gn3YTrStUn8" title="Présentation de Kling 3.0 : génération vidéo par IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Kling 3.0 Omni combine des éléments de personnage, des références de style et un storyboard multi-plan en un seul appel, avec une sortie native en 4K à 60 i/s.</div>
<p>Kling possède le système d’images de référence le plus complet de tous les modèles vidéo. Il répartit les entrées de référence en trois catégories distinctes, chacune répondant à un besoin différent :</p>
<p><strong>Images de référence</strong> (<code>image_urls</code>) : jusqu’à 4 images pour guider le style et l’apparence. Vous les identifiez dans votre prompt avec <code>@Image1</code>, <code>@Image2</code>, etc. Elles influencent l’aspect général, le style de la scène et l’environnement sans devenir la première image.</p>
<p><strong>Éléments</strong> (<code>elements</code>) : entrées dédiées aux personnages et aux objets. Chaque élément utilise une <code>frontal_image_url</code> (photo nette prise de face) ainsi que des <code>reference_image_urls</code> facultatives (angles supplémentaires). Vous les référencez dans votre prompt avec <code>@Element1</code>, <code>@Element2</code>. Le modèle extrait l’identité du personnage et le place dans n’importe quelle scène que vous décrivez. C’est la fonctionnalité essentielle pour créer du contenu dans le style d’un film d’aventure : importez la photo d’un personnage, puis décrivez-le en train de marcher dans une forêt, de combattre un dragon ou de faire tout ce que vous souhaitez.</p>
<p><strong>Images de début/fin</strong> (<code>start_image_url</code>, <code>end_image_url</code>) : définissez des images précises comme première ou dernière image. Il s’agit d’images au sens littéral, et non de guides stylistiques.</p>
<p>Les trois catégories permettent d’utiliser jusqu’à 7 entrées de référence au total (ce nombre tombe à 4 lorsqu’une vidéo de référence est également utilisée). Un prompt unique comme <code>&quot;@Element1 et @Element2 dînent à cette table dans @Image1&quot;</code> peut associer des personnages à des références de scène.</p>
<p>Pour le contenu long, Kling propose deux approches. Le mode multi-plan génère jusqu’à 6 scènes en un seul appel, chacune ayant son propre prompt et sa propre durée (de 3 à 15 s). Les éléments de personnage persistent automatiquement dans tous les plans. L’API d’extension reprend là où une vidéo terminée s’est arrêtée et permet d’atteindre environ 3 minutes grâce à des extensions enchaînées. Le mode de montage V2V utilise une vidéo existante (de 3 à 10 secondes) et la transforme à l’aide de références d’éléments et d’un prompt textuel. Il préserve les mouvements de caméra et la mise en scène des personnages de la source, tout en modifiant le style des personnages et des environnements selon vos références. Kling est ainsi particulièrement utile pour améliorer des séquences existantes, notamment des rendus 3D peu détaillés.</p>
<p>Kling 3.0 Omni réunit la génération texte-vers-vidéo, image-vers-vidéo et référence-vers-vidéo, ainsi que le montage vidéo, dans un seul modèle doté d’une génération audio native et de la synchronisation labiale. Le 17 juin 2026, Kuaishou a ajouté Kling 3.0 Turbo, une variante plus rapide et moins chère intégrant l’audio en 720p et 1080p (prix catalogue d’environ 0,11 à 0,14 $/s), et a amélioré le pipeline de montage d’Omni pour accepter et produire des vidéos 4K.</p>
<p><strong>Disponibilité :</strong> API commerciale via Kuaishou, fal.ai (0,084 à 0,112 $/s) et Replicate. Interface web sur klingai.com.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>3 à 15 secondes</td>
</tr>
<tr>
<td>Durée après extension</td>
<td>Environ 3 minutes (via des extensions enchaînées)</td>
</tr>
<tr>
<td>Résolution</td>
<td>720p, 1080p (4K dans le montage Omni)</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Jusqu’à 4 (références de style <code>@Image</code>)</td>
</tr>
<tr>
<td>Éléments</td>
<td>Jusqu’à 4 (références de personnage <code>@Element</code> avec vue de face et angles supplémentaires)</td>
</tr>
<tr>
<td>Nombre total de références</td>
<td>Jusqu’à 7 combinées (4 avec une vidéo de référence)</td>
</tr>
<tr>
<td>Multi-plan</td>
<td>Oui (jusqu’à 6 plans dans le storyboard)</td>
</tr>
<tr>
<td>Audio</td>
<td>Audio synchronisé natif et synchronisation labiale</td>
</tr>
<tr>
<td>Montage vidéo</td>
<td>Oui (montage d’une vidéo existante guidé par texte)</td>
</tr>
<tr>
<td>API</td>
<td>Kuaishou, fal.ai, Replicate</td>
</tr>
</tbody>
</table>
<h3 id="grok-imagine-xai" tabindex="-1">Grok Imagine (xAI) <a class="header-anchor" href="#grok-imagine-xai" aria-label="Permalink to &quot;Grok Imagine (xAI)&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/DMXA0qGf-1s" title="Grok Imagine : démonstration de l’extension vidéo et des références" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Grok Imagine sépare le mode référence du mode première image, ce qui vous permet d’identifier jusqu’à 7 images comme références de personnages ou d’objets dans votre prompt.</div>
<p>xAI a lancé le mode Reference-to-Video de Grok Imagine début 2026, avec la prise en charge de 1 à 7 images de référence. La documentation le distingue explicitement de l’image-vers-vidéo : « Contrairement au mode image-vers-vidéo, dans lequel l’image source devient l’image de départ, les images de référence influencent ce qui apparaît dans la vidéo sans imposer la première image. »</p>
<p>Vous identifiez les images dans votre prompt avec <code>&lt;IMAGE_1&gt;</code>, <code>&lt;IMAGE_2&gt;</code>, etc. Un prompt comme <code>&quot;le mannequin de &lt;IMAGE_1&gt; entre sur le podium en portant la chemise de &lt;IMAGE_2&gt;&quot;</code> associe une référence de personne à une référence de vêtement. Le modèle gère l’essayage virtuel, le placement de produits et la narration avec des personnages cohérents d’une scène à l’autre.</p>
<p>Une contrainte s’applique : vous ne pouvez pas combiner des images de référence avec le mode image-vers-vidéo dans une même requête. Vous devez choisir soit le mode première image, soit le mode référence, mais pas les deux.</p>
<p>Grok Imagine dispose également d’un endpoint d’extension vidéo qui ajoute de nouvelles séquences à la fin d’une vidéo existante. Le paramètre <code>duration</code> contrôle uniquement la nouvelle partie. Vous pouvez enchaîner les extensions pour créer du contenu plus long.</p>
<p>xAI a lancé Grok Imagine 1.5 en aperçu API le 3 juin 2026, avant de le rendre généralement disponible sous le nom <code>grok-imagine-video-1.5</code> le 16 juin, tandis qu’une variante Fast était progressivement déployée dans les applications grand public. Il s’agit d’un modèle image-vers-vidéo qui transforme une image fixe en animation cinématographique avec mouvements de caméra, ambiance, physique et audio synchronisé généré nativement au cours du même passage d’inférence. Il prend en charge le séquençage multi-plan pour enchaîner des scènes cohérentes, génère un clip de 6 secondes en 720p en environ 25 secondes et occupe actuellement la troisième place de l’arène image-vers-vidéo d’Artificial Analysis. Le tarif est de 0,08 $/s en 480p et de 0,14 $/s en 720p, auxquels s’ajoutent 0,01 $ par image d’entrée.</p>
<p><strong>Disponibilité :</strong> API xAI (lancée en janvier 2026), fal.ai et Replicate. SDK Python, SDK JavaScript/AI et API REST. 0,05 $/s en 720p avec audio. Également disponible pour les abonnés X Premium.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>1 à 15 secondes</td>
</tr>
<tr>
<td>Durée étendue</td>
<td>Enchaînement possible via l’API d’extension</td>
</tr>
<tr>
<td>Résolution</td>
<td>480p, 720p</td>
</tr>
<tr>
<td>Images de référence</td>
<td>1 à 7 (véritables références, pas seulement la première image)</td>
</tr>
<tr>
<td>Balises de prompt</td>
<td><code>&lt;IMAGE_1&gt;</code>, <code>&lt;IMAGE_2&gt;</code>, etc.</td>
</tr>
<tr>
<td>Audio</td>
<td>Oui (720p)</td>
</tr>
<tr>
<td>Montage vidéo</td>
<td>Oui (guidé par texte)</td>
</tr>
<tr>
<td>API</td>
<td>API xAI, fal.ai, Replicate</td>
</tr>
<tr>
<td>Coût de l’API</td>
<td>0,05 $/seconde (720p avec audio)</td>
</tr>
</tbody>
</table>
<h3 id="seedance-2-0-bytedance" tabindex="-1">Seedance 2.0 (ByteDance) <a class="header-anchor" href="#seedance-2-0-bytedance" aria-label="Permalink to &quot;Seedance 2.0 (ByteDance)&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/W_lxyDFDZt4" title="Seedance 2.0 : le nouveau meilleur générateur vidéo par IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video-caption">Seedance 2.0 accepte simultanément jusqu’à 12 entrées multimodales et génère des vidéos avec une synchronisation audio native et une synchronisation labiale au niveau des phonèmes dans plus de 8 langues.</div>
<p>Seedance 2.0 de ByteDance accepte davantage d’entrées de référence que tout autre modèle : jusqu’à 12 fichiers simultanément, dont 9 images, 3 vidéos et 3 fichiers audio au maximum. Le modèle prend en charge la génération audio-vidéo native avec une synchronisation labiale au niveau des phonèmes dans plus de 8 langues.</p>
<p>Chaque image peut peser jusqu’à 30 Mo. Les vidéos de référence doivent durer entre 2 et 15 secondes. Le modèle utilise les références pour l’apparence des personnages, le style des scènes et le guidage des mouvements.</p>
<p>La prochaine avancée est déjà programmée. ByteDance a annoncé Seedance 2.5 lors de sa conférence Volcano Engine FORCE du 23 juin 2026 : un seul clip natif de 30 secondes généré en une passe et jusqu’à 50 fichiers de référence multimodaux, contre 12 auparavant. Son déploiement commence par Dreamina et Jimeng, puis l’API ouvrira sur BytePlus le 16 juillet 2026. Si le modèle tient ses promesses, il éliminera une grande partie de l’assemblage de clips décrit dans ce guide.</p>
<p><strong>Disponibilité :</strong> API officielle de ByteDance (via Volcengine, lancée en février 2026) et fournisseurs d’API tiers. Sortie en 480p-720p via l’API, jusqu’à une résolution cinéma 2K sur la plateforme.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>4 à 15 secondes</td>
</tr>
<tr>
<td>Résolution</td>
<td>Jusqu’à 2K (cinéma)</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Jusqu’à 9 images + 3 vidéos + 3 fichiers audio (12 au total)</td>
</tr>
<tr>
<td>Audio</td>
<td>Natif avec synchronisation labiale (plus de 8 langues)</td>
</tr>
<tr>
<td>API</td>
<td>ByteDance/Volcengine, fournisseurs tiers</td>
</tr>
</tbody>
</table>
<h3 id="runway-gen-4-5" tabindex="-1">Runway Gen-4.5 <a class="header-anchor" href="#runway-gen-4-5" aria-label="Permalink to &quot;Runway Gen-4.5&quot;"></a></h3>
<p>À son lancement, Runway Gen-4.5 a pris la tête du classement Text-to-Video d’Artificial Analysis avec un score ELO de 1 247, devant Veo 3 et Sora 2 Pro à l’époque. À la mi-2026, le classement avait évolué (Gemini Omni Flash est désormais en tête), mais Gen-4.5 reste un modèle haut de gamme pour la qualité cinématographique et le contrôle de l’action. Le modèle génère des clips de 2 à 10 secondes à partir de texte et permet de créer des vidéos longues cohérentes au niveau des personnages, jusqu’à une minute, grâce à un séquençage multiprise.</p>
<p>La génération d’image en vidéo a été ajoutée en janvier 2026 et prend en charge les images de référence pour tous les formats d’image. Le modèle intègre des champs de rayonnement neuronaux et du Gaussian splatting dans son architecture de diffusion, ce qui lui confère une compréhension géométrique 3D plutôt qu’une simple prédiction au niveau des pixels. Il offre ainsi une meilleure permanence des objets et des mouvements physiquement plausibles.</p>
<p><strong>Disponibilité :</strong> API commerciale et interface web. SDK pour Node et Python. Également disponible sur Replicate.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>2 à 10 secondes</td>
</tr>
<tr>
<td>Mode long format</td>
<td>Jusqu’à environ 1 minute</td>
</tr>
<tr>
<td>Résolution</td>
<td>Jusqu’à 1080p</td>
</tr>
<tr>
<td>Images de référence</td>
<td>0 à 1 par génération</td>
</tr>
<tr>
<td>Audio</td>
<td>Génération audio native</td>
</tr>
<tr>
<td>Multiprise</td>
<td>Oui</td>
</tr>
<tr>
<td>API</td>
<td>Oui (Runway, Replicate)</td>
</tr>
</tbody>
</table>
<h3 id="google-veo-3-1" tabindex="-1">Google Veo 3.1 <a class="header-anchor" href="#google-veo-3-1" aria-label="Permalink to &quot;Google Veo 3.1&quot;"></a></h3>
<p>Veo 3.1 de Google génère nativement des clips de 4, 6 ou 8 secondes. La fonctionnalité « Extend Video » (actuellement en préversion) enchaîne des clips afin d’atteindre environ 1 à 2,5 minutes, bien que la cohérence puisse se dégrader dans les séquences les plus longues.</p>
<p>La fonctionnalité « Ingredients to Video » accepte jusqu’à 3 images de référence en entrée. Vous pouvez fournir des personnages à animer, des arrière-plans et des textures de matériaux. Lorsque vous utilisez des images de référence, le modèle reste plus fidèle à vos références visuelles et effectue moins de modifications aléatoires. Une limitation subsiste : le mode avec images de référence fonctionne uniquement avec l’option de durée de 8 secondes.</p>
<p>Depuis janvier 2026, Veo 3.1 prend en charge la vidéo verticale (9:16) pour la génération à partir de références, ainsi que la mise à l’échelle en 4K sur Vertex AI.</p>
<p><strong>Disponibilité :</strong> API Google Vertex AI, API Gemini et Google Flow. Nécessite un compte Google Cloud.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>4, 6 ou 8 secondes</td>
</tr>
<tr>
<td>Durée étendue</td>
<td>Environ 1 à 2,5 minutes</td>
</tr>
<tr>
<td>Résolution</td>
<td>Jusqu’à 4K (avec mise à l’échelle)</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Jusqu’à 3 (« Ingredients to Video »)</td>
</tr>
<tr>
<td>Audio</td>
<td>Dialogues et musique synchronisés</td>
</tr>
<tr>
<td>API</td>
<td>Vertex AI, API Gemini</td>
</tr>
</tbody>
</table>
<h3 id="google-gemini-omni-flash" tabindex="-1">Google Gemini Omni Flash <a class="header-anchor" href="#google-gemini-omni-flash" aria-label="Permalink to &quot;Google Gemini Omni Flash&quot;"></a></h3>
<p>Google a annoncé la famille Gemini Omni lors de l’I/O de mai 2026 et lancé Gemini Omni Flash comme premier modèle de la gamme. Il a rapidement pris la tête du classement d’Artificial Analysis, devant Veo 3.1. Son principe est la vidéo conversationnelle : vous générez un clip de 10 secondes à partir de texte, d’images ou d’une vidéo, puis vous le modifiez au moyen d’instructions successives qui s’appuient les unes sur les autres. Modifiez l’éclairage, remplacez une tenue ou ajustez la caméra, sans tout régénérer depuis le début.</p>
<p>Pour les références, Omni Flash accepte des images et de courts clips vidéo comme références de style, de mouvement et d’effets, tandis que la prise en charge des références audio est prévue. La cohérence des personnages est préservée au fil des modifications conversationnelles, même si la propre documentation de Google indique qu’elle peut se dégrader lors des changements de scène et des panoramiques. Vérifiez donc soigneusement les résultats centrés sur les personnages avant de les publier.</p>
<p><strong>Disponibilité :</strong> L’API (<code>gemini-omni-flash-preview</code>) a été ouverte en préversion publique le 30 juin 2026 via Google AI Studio et l’API Gemini, pour environ 0,10 $ par seconde de sortie. Chaque clip comporte un filigrane SynthID. L’accès grand public passe par l’application Gemini, Google Flow et YouTube Shorts.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>10 secondes (durées plus longues prévues)</td>
</tr>
<tr>
<td>Résolution</td>
<td>720p</td>
</tr>
<tr>
<td>Entrées de référence</td>
<td>Images + courts clips vidéo (audio prévu)</td>
</tr>
<tr>
<td>Montage</td>
<td>Conversationnel, itératif</td>
</tr>
<tr>
<td>Audio</td>
<td>Natif</td>
</tr>
<tr>
<td>API</td>
<td>API Gemini (préversion publique), environ 0,10 $/s</td>
</tr>
</tbody>
</table>
<h3 id="openai-sora-2-sora-2-pro" tabindex="-1">OpenAI Sora 2 / Sora 2 Pro <a class="header-anchor" href="#openai-sora-2-sora-2-pro" aria-label="Permalink to &quot;OpenAI Sora 2 / Sora 2 Pro&quot;"></a></h3>
<blockquote>
<p><strong>Arrêt en cours (2026) :</strong> OpenAI met progressivement fin à Sora. L’application grand public Sora a fermé le 26 avril 2026 et l’API Sora 2 sera arrêtée le 24 septembre 2026, sans successeur annoncé. Les capacités ci-dessous restent remarquables, mais ne construisez pas de nouvelle chaîne de production avec Sora. Utilisez plutôt Kling, Grok Imagine ou un modèle ouvert.</p>
</blockquote>
<p>Sora 2 Pro génère des clips allant jusqu’à 20 secondes. L’API Characters adopte une approche différente de Kling ou Grok : au lieu de téléverser des images statiques, vous créez un <code>character_id</code> en indiquant à l’API un clip vidéo (avec une plage temporelle de 1 à 3 secondes). Sora analyse les images de la vidéo afin d’extraire la structure du visage, les proportions du corps, le style vestimentaire et d’autres caractéristiques distinctives. Ce <code>character_id</code> persiste indéfiniment et peut être réutilisé dans un nombre illimité de générations futures.</p>
<p>Vous pouvez référencer jusqu’à 2 personnages téléversés par génération. Depuis mars 2026, les références de personnages fonctionnent également pour les objets et les animaux, et plus seulement pour les personnes. L’extension vidéo utilise l’intégralité du clip initial comme contexte pour la suite.</p>
<p>Le système de personnages exige une entrée vidéo, et non des images statiques, pour créer des personnages. Si vous ne disposez que de photos, vous devrez d’abord générer une courte vidéo, puis en extraire le personnage.</p>
<p><strong>Disponibilité :</strong> API OpenAI avec prise en charge de la Batch API pour les workflows de production.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>Jusqu’à 20 secondes</td>
</tr>
<tr>
<td>Résolution</td>
<td>Jusqu’à 1920x1080</td>
</tr>
<tr>
<td>Références de personnages</td>
<td>Jusqu’à 2 par génération (<code>character_id</code> persistant)</td>
</tr>
<tr>
<td>Entrée de personnage</td>
<td>Clip vidéo (plage temporelle de 1 à 3 s), pas d’images statiques</td>
</tr>
<tr>
<td>Audio</td>
<td>Synchronisé</td>
</tr>
<tr>
<td>Extension</td>
<td>Oui (clip complet utilisé comme contexte)</td>
</tr>
<tr>
<td>API</td>
<td>API OpenAI + Batch API</td>
</tr>
</tbody>
</table>
<h3 id="minimax-hailuo-02" tabindex="-1">MiniMax Hailuo 02 <a class="header-anchor" href="#minimax-hailuo-02" aria-label="Permalink to &quot;MiniMax Hailuo 02&quot;"></a></h3>
<p>À son lancement, Hailuo 02 s’est classé 2e mondial dans le benchmark d’Artificial Analysis, devant Veo 3. Il génère des clips de 10 secondes en 1080p natif, avec l’une des meilleures simulations physiques du secteur. Le modèle gère des mouvements extrêmes, comme la gymnastique et les acrobaties, sans désarticuler les sujets.</p>
<p>Il prend en charge la génération d’image en vidéo avec une forte cohérence des personnages grâce à la reconnaissance faciale et au suivi du corps. L’architecture Noise-aware Compute Redistribution répartit dynamiquement les ressources de calcul selon la complexité de la scène.</p>
<p>MiniMax a depuis dépassé Hailuo 02 avec la famille Hailuo 2.3 (Standard, Pro, Fast, Fast Pro), qui améliore les actions physiques, la stylisation et les micro-expressions des personnages. Elle produit du 1080p pendant 6 secondes ou du 768p pendant 10 secondes et est disponible via la plateforme MiniMax et fal.ai.</p>
<p><strong>Disponibilité :</strong> API commerciale. Disponible via la plateforme MiniMax, fal.ai et Replicate. 0,28 $ par vidéo.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>Jusqu’à 10 secondes</td>
</tr>
<tr>
<td>Résolution</td>
<td>1080p natif</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Oui (mode I2V)</td>
</tr>
<tr>
<td>Audio</td>
<td>Non natif</td>
</tr>
<tr>
<td>Physique</td>
<td>Simulation parmi les meilleures du marché</td>
</tr>
<tr>
<td>API</td>
<td>MiniMax, fal.ai, Replicate</td>
</tr>
</tbody>
</table>
<h3 id="luma-ray3-2" tabindex="-1">Luma Ray3.2 <a class="header-anchor" href="#luma-ray3-2" aria-label="Permalink to &quot;Luma Ray3.2&quot;"></a></h3>
<p>Ray2 de Luma a été remplacé par la famille Ray3. Ray3 (septembre 2025) a ajouté Character Reference pour verrouiller l’identité et un mode Modify de vidéo en vidéo. Ray3.2 (9 juin 2026) a ajouté un contrôle image par image avec jusqu’à 16 images clés par clip, une fonctionnalité Reframe et des clips allant jusqu’à 20 secondes, ainsi que la première API publique de la gamme Ray3. La sortie est en 1080p natif, avec de la 4K disponible via la mise à l’échelle Hi-Fi. La génération d’image en vidéo accepte des images de référence comme images clés de début ou de fin.</p>
<p><strong>Disponibilité :</strong> API Luma et interface web.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>Jusqu’à 20 secondes (Ray3.2)</td>
</tr>
<tr>
<td>Type de référence</td>
<td>Images clés de début/fin + Character Reference (identité)</td>
</tr>
<tr>
<td>Résolution</td>
<td>1080p natif, 4K par mise à l’échelle</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Oui (images clés + référence de personnage)</td>
</tr>
<tr>
<td>API</td>
<td>API Luma</td>
</tr>
</tbody>
</table>
<h3 id="pika-2-5" tabindex="-1">Pika 2.5 <a class="header-anchor" href="#pika-2-5" aria-label="Permalink to &quot;Pika 2.5&quot;"></a></h3>
<p>Pika adopte une approche fondée sur les images clés avec Pikaframes. Téléversez 2 à 5 images clés (des images de référence à des moments importants) et le modèle génère des transitions fluides entre elles. La durée totale atteint 20 à 25 secondes.</p>
<p>Pikascenes accepte jusqu’à 10 images de référence et les combine dans une seule vidéo. Le modèle utilise la reconnaissance d’images pour déterminer automatiquement le rôle de chaque référence : personnage, arrière-plan ou accessoire.</p>
<p><strong>Disponibilité :</strong> plateforme web et API de Pika. Formules d’abonnement allant de l’offre gratuite à Pro.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Durée native d’un clip</td>
<td>5 à 10 secondes</td>
</tr>
<tr>
<td>Durée avec Pikaframes</td>
<td>20 à 25 secondes</td>
</tr>
<tr>
<td>Résolution</td>
<td>Jusqu’à 1080p</td>
</tr>
<tr>
<td>Images de référence</td>
<td>Jusqu’à 10 (Pikascenes), 2 à 5 images clés (Pikaframes)</td>
</tr>
<tr>
<td>API</td>
<td>Oui</td>
</tr>
</tbody>
</table>
<h2 id="niveau-3-modeles-open-source-pour-les-workflows-auto-heberges" tabindex="-1">Niveau 3 : modèles open source pour les workflows auto-hébergés <a class="header-anchor" href="#niveau-3-modeles-open-source-pour-les-workflows-auto-heberges" aria-label="Permalink to &quot;Niveau 3 : modèles open source pour les workflows auto-hébergés&quot;"></a></h2>
<p>Ces modèles génèrent des clips plus courts, mais ils sont entièrement ouverts. Vous pouvez les exécuter sur votre propre matériel, les affiner et créer des chaînes d’extension personnalisées sans dépendre d’API.</p>
<h3 id="wan-2-1-alibaba" tabindex="-1">Wan 2.1 (Alibaba) <a class="header-anchor" href="#wan-2-1-alibaba" aria-label="Permalink to &quot;Wan 2.1 (Alibaba)&quot;"></a></h3>
<p>Wan 2.1 sert de base à plusieurs autres modèles, dont Helios. L’architecture Wan-VAE encode et décode des vidéos 1080p de n’importe quelle durée tout en préservant les informations temporelles. Le modèle est proposé en variantes I2V en 480p et 720p, ainsi qu’en modèle First-Last-Frame-to-Video, qui génère une vidéo entre deux images de référence.</p>
<p>Wan-Edit permet le transfert de style et de contenu à partir d’images de référence tout en préservant des structures ou des poses de personnages précises. Wan 2.2 (juillet 2025) est la version ouverte la plus récente : un modèle Mixture-of-Experts comprenant une variante 5B qui fonctionne sur une seule RTX 4090, toujours sous licence Apache 2.0. Une mise en garde importante pour l’auto-hébergement : Wan est devenu fermé à partir de la version 2.5. Les versions plus récentes Wan 2.5, 2.6 et désormais 2.7 — cette dernière occupant la troisième place du classement avec audio d’Artificial Analysis à la mi-2026 — ont ajouté l’audio synchronisé et une résolution supérieure, mais sont uniquement accessibles par API, sans poids publics. La version 2.2 reste donc la limite des modèles ouverts. Ignorez les pages SEO affirmant que les poids de Wan 2.7 sont téléchargeables. L’organisation GitHub officielle et le compte Hugging Face s’arrêtent à la version 2.2.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Paramètres</td>
<td>1.3B, 5B, 14B (2.1) ; 5B + 14B MoE (2.2)</td>
</tr>
<tr>
<td>Modes I2V</td>
<td>I2V-480P, I2V-720P, FLF2V-720P</td>
</tr>
<tr>
<td>Dernière version ouverte</td>
<td>Wan 2.2 (les versions 2.5 à 2.7 sont accessibles uniquement par API)</td>
</tr>
<tr>
<td>Licence</td>
<td>Apache 2.0</td>
</tr>
<tr>
<td>Matériel</td>
<td>8 Go de VRAM ou plus (variantes plus petites)</td>
</tr>
<tr>
<td>Plateformes</td>
<td>Diffusers, ComfyUI</td>
</tr>
</tbody>
</table>
<h3 id="hunyuanvideo-tencent" tabindex="-1">HunyuanVideo (Tencent) <a class="header-anchor" href="#hunyuanvideo-tencent" aria-label="Permalink to &quot;HunyuanVideo (Tencent)&quot;"></a></h3>
<p>Le modèle de 13B paramètres de Tencent a dominé la génération vidéo open source pendant la majeure partie de 2025. HunyuanVideo-I2V utilise une technique de remplacement de jetons avec un MLLM préentraîné afin d’intégrer les informations des images de référence. HunyuanVideo-1.5, sorti en novembre 2025, a amélioré l’efficacité. HunyuanCustom permet de générer des vidéos personnalisées pilotées par des entrées multimodales.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Paramètres</td>
<td>13B</td>
</tr>
<tr>
<td>I2V</td>
<td>Oui (technique de remplacement de jetons)</td>
</tr>
<tr>
<td>Licence</td>
<td>Open source</td>
</tr>
<tr>
<td>Matériel</td>
<td>60 Go de VRAM ou plus (720p)</td>
</tr>
<tr>
<td>Variantes</td>
<td>Base, I2V, 1.5, Avatar, Custom</td>
</tr>
</tbody>
</table>
<h3 id="ltx-2-lightricks" tabindex="-1">LTX-2 (Lightricks) <a class="header-anchor" href="#ltx-2-lightricks" aria-label="Permalink to &quot;LTX-2 (Lightricks)&quot;"></a></h3>
<p>Lightricks a publié LTX-2 en open source en janvier 2026, avec l’intégralité des poids, du code d’inférence et du code d’entraînement. Il s’agit d’un modèle basé sur DiT qui génère simultanément la vidéo et l’audio synchronisé en une seule passe, en 4K native et jusqu’à 50 i/s, avec des clips allant jusqu’à 20 secondes. La génération d’image en vidéo et le conditionnement par plusieurs images clés sont intégrés. Vous pouvez ainsi fixer des images de référence à différents endroits du clip, comme avec Pikaframes.</p>
<p>La licence peut être une contrainte, ou non, selon la taille de votre entreprise. LTX-2 est gratuit pour la recherche et pour un usage commercial si le chiffre d’affaires annuel est inférieur à 10 millions de dollars. Au-delà, une licence commerciale est nécessaire : il s’agit donc, au sens strict, d’un modèle à poids ouverts plutôt que d’un modèle open source. LTX-2.3, le point de contrôle actuel, est une mise à jour de 22B paramètres offrant un meilleur audio et un meilleur respect des prompts. Les poids sont disponibles sur Hugging Face, avec des variantes distillées en 8 étapes, des adaptateurs LoRA et des intégrations ComfyUI et Diffusers. Des API hébergées sont également proposées sur la plateforme LTX, fal.ai et Replicate.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Paramètres</td>
<td>22B (LTX-2.3)</td>
</tr>
<tr>
<td>Durée maximale d’un clip</td>
<td>Environ 20 secondes</td>
</tr>
<tr>
<td>Résolution</td>
<td>4K native jusqu’à 50 i/s</td>
</tr>
<tr>
<td>Audio</td>
<td>Natif et synchronisé</td>
</tr>
<tr>
<td>I2V</td>
<td>Oui (conditionnement par image + plusieurs images clés)</td>
</tr>
<tr>
<td>Licence</td>
<td>LTX-2 Community License (gratuite sous 10 M$ de revenus annuels récurrents)</td>
</tr>
<tr>
<td>Matériel</td>
<td>Variantes distillées et FP8 pour les GPU grand public</td>
</tr>
</tbody>
</table>
<h3 id="cogvideox-tsinghua-zhipu-ai" tabindex="-1">CogVideoX (Tsinghua/Zhipu AI) <a class="header-anchor" href="#cogvideox-tsinghua-zhipu-ai" aria-label="Permalink to &quot;CogVideoX (Tsinghua/Zhipu AI)&quot;"></a></h3>
<p>CogVideoX utilise un VAE causal 3D qui réduit la longueur des séquences et évite le scintillement. Le transformeur adaptatif LayerNorm améliore l’alignement entre texte et vidéo. Il est disponible en variantes 2B (Apache 2.0) et 5B (licence de recherche), avec une intégration native à Diffusers.</p>
<p>Les clips durent de 6 à 10 secondes en 720x480. C’est court, mais le rapport qualité-puissance de calcul est bon et le modèle fonctionne sur un GPU doté de 12 Go de mémoire.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Paramètres</td>
<td>2B, 5B</td>
</tr>
<tr>
<td>I2V</td>
<td>Oui (CogVideoXImageToVideoPipeline)</td>
</tr>
<tr>
<td>Résolution</td>
<td>720x480 à 8 i/s</td>
</tr>
<tr>
<td>Licence</td>
<td>Apache 2.0 (2B), recherche (5B)</td>
</tr>
<tr>
<td>Matériel</td>
<td>12 Go de VRAM</td>
</tr>
</tbody>
</table>
<h2 id="premiere-image-ou-veritable-reference-la-distinction-essentielle" tabindex="-1">Première image ou véritable référence : la distinction essentielle <a class="header-anchor" href="#premiere-image-ou-veritable-reference-la-distinction-essentielle" aria-label="Permalink to &quot;Première image ou véritable référence : la distinction essentielle&quot;"></a></h2>
<p>Toutes les prises en charge d’« images de référence » ne se valent pas. Il est essentiel de comprendre la différence pour choisir le bon modèle.</p>
<p><strong>Les modèles à première image</strong> (LongCat, Helios, Hailuo, Luma Ray2, HunyuanVideo) traitent votre image comme la toute première image de la vidéo. Le modèle crée l’animation à partir de ce visuel précis. Vous ne pouvez pas importer le portrait d’un personnage et le décrire dans une autre scène. L’image constitue la scène.</p>
<p><strong>Les véritables modèles de référence</strong> (Kling, Grok Imagine, Seedance, SkyReels V3) extraient l’identité de votre image et placent ce personnage ou cet objet dans n’importe quelle scène décrite. Importez la photo d’une personne, puis saisissez « cette personne marche dans une forêt au coucher du soleil ». Le personnage apparaît dans un environnement entièrement nouveau tout en conservant son identité. C’est ce qu’il vous faut pour créer du contenu narratif à plusieurs scènes, comme un film d’aventure.</p>
<p><strong>Les modèles à identifiant de personnage</strong> (Sora 2 Pro) extraient l’identité à partir de clips vidéo plutôt que d’images fixes. Vous créez une seule fois un identifiant de personnage persistant, puis vous le réutilisez dans un nombre illimité de générations ultérieures.</p>
<p><strong>Les modèles de style ou d’ingrédients</strong> (Veo 3.1) utilisent les images de référence pour influencer le style visuel, les textures et l’apparence générale, plutôt que pour extraire l’identité de personnages précis. Ils sont adaptés au maintien d’une cohérence visuelle dans tout un projet, mais moins précis pour contrôler des personnages individuels.</p>
<h2 id="le-veritable-processus-de-creation-de-videos-de-10-minutes" tabindex="-1">Le véritable processus de création de vidéos de 10 minutes <a class="header-anchor" href="#le-veritable-processus-de-creation-de-videos-de-10-minutes" aria-label="Permalink to &quot;Le véritable processus de création de vidéos de 10 minutes&quot;"></a></h2>
<p>Voici un état des lieux réaliste à la mi-2026. Aucun modèle ne génère de manière fiable 10 minutes de vidéo cohérente et de haute qualité en une seule fois. LongCat Video s’en rapproche le plus en annonçant jusqu’à 15 minutes, mais la qualité et la cohérence varient considérablement sur de telles durées. Helios et SkyReels V2 génèrent respectivement des vidéos « de l’ordre de la minute » et « de durée infinie », mais leurs résultats exigent des prompts soigneusement rédigés et souvent plusieurs tentatives.</p>
<p>Le processus qui fonctionne réellement pour la plupart des créateurs produisant des vidéos de 5 à 15 minutes combine plusieurs approches :</p>
<p><strong>Pour les présentateurs face caméra et les avatars :</strong> le mode piloté par l’audio de LongCat Video, lancé en 2026, ou la génération d’avatars de SkyReels V3 peuvent produire plus de 5 minutes avec un personnage parlant cohérent. C’est ce qui se rapproche le plus de « cliquer sur un bouton et obtenir une longue vidéo ».</p>
<p><strong>Pour le contenu narratif à plusieurs scènes, comme un film d’aventure :</strong> utilisez Kling 3.0, Grok Imagine ou Seedance 2.0 avec de véritables images de référence de personnages. Générez des plans individuels de 10 à 15 secondes. Réutilisez les mêmes références @Element ou <code>&lt;IMAGE&gt;</code> dans chaque génération afin de préserver l’identité des personnages. Enchaînez les plans à l’aide du mode multi-plans (Kling prend en charge 6 plans par appel) ou de l’API d’extension. Kling est la solution la plus éprouvée pour ce processus. La séparation explicite de Grok Imagine entre le « mode référence » et le « mode première image » en fait une excellente alternative. Seedance 2.0 accepte le plus grand nombre d’entrées de référence (12 fichiers), mais il est plus récent et moins éprouvé.</p>
<p><strong>Pour préserver la cohérence d’un personnage sur de nombreux clips :</strong> le système persistant <code>character_id</code> de Sora 2 Pro est l’approche la plus simple pour les projets très longs. Extrayez une seule fois le personnage depuis une courte vidéo, puis générez des dizaines de clips faisant référence à cet identifiant. L’identité du personnage ne se dégrade pas avec le temps, car elle est stockée sous forme d’embedding persistant plutôt que réinterprétée depuis une image à chaque génération.</p>
<p><strong>Pour le contenu avec transfert de style :</strong> Lucy Restyle sur fal.ai traite des vidéos existantes allant jusqu’à 30 minutes en appliquant des transformations stylistiques par IA tout en préservant le mouvement. Si vous disposez de séquences sources, cette méthode contourne entièrement le problème de la durée de génération. 0,01 $ par seconde de vidéo source.</p>
<p><strong>Pour les pipelines open source :</strong> partez de Wan 2.1 ou Helios et créez une boucle de prolongement vidéo. Générez un clip, utilisez sa dernière image comme image de départ du clip suivant, puis répétez l’opération. Les workflows ComfyUI automatisent ce processus. La cohérence se dégrade après de nombreuses itérations, mais la solution est gratuite et contrôlable.</p>
<p>Le principal défi demeure : même avec la prise en charge de véritables images de référence, la dérive des personnages s’accumule sur des dizaines de clips. Les traits du visage, les cheveux, les vêtements et le teint changent progressivement. Les solutions de contournement — photos de référence de haute qualité, prompts cohérents et génération groupée des plans — restent nécessaires. Mais les modèles comme Kling et Grok Imagine, qui dissocient l’identité du personnage de la composition de la scène, rendent le processus beaucoup plus simple que les modèles limités à la première image.</p>
<h2 id="l-approche-par-maquette-3d-rendu-simple-transformation-haut-de-gamme" tabindex="-1">L’approche par maquette 3D : rendu simple, transformation haut de gamme <a class="header-anchor" href="#l-approche-par-maquette-3d-rendu-simple-transformation-haut-de-gamme" aria-label="Permalink to &quot;L’approche par maquette 3D : rendu simple, transformation haut de gamme&quot;"></a></h2>
<p>Un processus gagne du terrain en contournant presque entièrement les problèmes de génération longue durée. Au lieu de demander à un modèle d’IA de générer 10 minutes de vidéo à partir de rien, vous produisez une cinématique 3D à faible niveau de détail, avec des mouvements de caméra, un placement des personnages et un minutage corrects, puis vous la faites passer dans un modèle vidéo-vers-vidéo avec des images de référence et un prompt d’amélioration. Le moteur 3D gère la structure. L’IA gère l’esthétique.</p>
<p>Cette méthode fonctionne parce que la transformation V2V est un problème plus restreint que la génération complète. Le modèle n’a pas besoin d’inventer les mouvements de caméra, le placement des personnages ou la composition de la scène. Il doit simplement donner un aspect photoréaliste aux séquences existantes tout en respectant vos références visuelles. C’est bien plus réalisable et la méthode s’adapte à toute durée que votre moteur 3D peut rendre.</p>
<h3 id="pourquoi-cette-methode-fonctionne" tabindex="-1">Pourquoi cette méthode fonctionne <a class="header-anchor" href="#pourquoi-cette-methode-fonctionne" aria-label="Permalink to &quot;Pourquoi cette méthode fonctionne&quot;"></a></h3>
<p>Votre moteur 3D vous apporte tout ce que les modèles vidéo d’IA maîtrisent encore mal : contrôle précis de la caméra, placement exact des personnages dans l’image, interactions physiques correctes et minutage cohérent sur plusieurs minutes de séquences. Zooms compensés, travellings, entrées et sorties de champ des personnages au bon moment : tout cela est trivial dans un moteur 3D, mais peu fiable avec une génération pilotée par des prompts textuels. Le seul travail du modèle V2V consiste à transformer les matériaux, l’éclairage et les textures en un résultat photoréaliste, tout en préservant la géométrie et les mouvements que vous avez déjà définis.</p>
<p>La cohérence des personnages devient également plus simple à maintenir. Au lieu de lutter contre la dérive d’identité au fil de 50 générations distinctes, vous montrez au modèle le même personnage 3D dans chaque image. Les images de référence lui indiquent l’apparence que ce personnage doit avoir dans le résultat final. C’est un problème plus simple que de générer chaque fois un personnage cohérent à partir de rien.</p>
<p>La durée n’est alors plus une contrainte. Lucy Restyle traite 30 minutes en un seul appel. Wan 2.1 dans ComfyUI peut traiter n’importe quelle durée par segments. Vous n’avez plus à résoudre le problème « comment générer 10 minutes », puisque les séquences existent déjà.</p>
<h3 id="realmaster-meta-universite-de-tel-aviv" tabindex="-1">RealMaster (Meta / Université de Tel-Aviv) <a class="header-anchor" href="#realmaster-meta-universite-de-tel-aviv" aria-label="Permalink to &quot;RealMaster (Meta / Université de Tel-Aviv)&quot;"></a></h3>
<p>RealMaster est un système de recherche conçu spécifiquement pour ce processus. Publié en mars 2026 par Meta Reality Labs et l’Université de Tel-Aviv, il transforme une vidéo 3D rendue en vidéo photoréaliste tout en maintenant un alignement géométrique complet avec la source.</p>
<p>La méthode extrait les cartes de contours du rendu 3D afin de préserver la structure et les mouvements, puis applique un modèle de diffusion vidéo — fondé sur l’architecture VACE/Wan — pour transformer tout le reste en résultat photoréaliste. Un adaptateur IC-LoRA léger distille le pipeline en une seule passe d’inférence qui ne nécessite aucune image d’ancrage et gère les objets apparaissant en cours de séquence.</p>
<p>Testé sur des séquences issues des simulateurs GTA-V et CARLA, RealMaster surpasse nettement les solutions généralistes de montage vidéo utilisées comme références. Il peut également superposer des effets météorologiques à l’aide du prompt textuel (« Faites pleuvoir », « Faites neiger ») lors de la transformation photoréaliste. Le modèle se généralise à différents simulateurs sans nouvel entraînement. Les poids entraînés sur des données GTA-V fonctionnent sur les rendus de CARLA sans réglage supplémentaire.</p>
<p><strong>Disponibilité :</strong> recherche uniquement. Aucun poids public ni aucune API pour le moment.</p>
<table tabindex="0">
<thead>
<tr>
<th>Caractéristique</th>
<th>Valeur</th>
</tr>
</thead>
<tbody>
<tr>
<td>Entrée</td>
<td>Vidéo 3D rendue (tout moteur)</td>
</tr>
<tr>
<td>Sortie</td>
<td>Vidéo photoréaliste préservant la géométrie et les mouvements</td>
</tr>
<tr>
<td>Architecture</td>
<td>IC-LoRA sur une base de diffusion vidéo VACE/Wan</td>
</tr>
<tr>
<td>Conditionnement</td>
<td>Cartes de contours du rendu source</td>
</tr>
<tr>
<td>Testé sur</td>
<td>Simulateurs GTA-V et CARLA</td>
</tr>
<tr>
<td>Licence</td>
<td>Non publié (article de recherche uniquement)</td>
</tr>
</tbody>
</table>
<h3 id="outils-v2v-de-production-disponibles-aujourd-hui" tabindex="-1">Outils V2V de production disponibles aujourd’hui <a class="header-anchor" href="#outils-v2v-de-production-disponibles-aujourd-hui" aria-label="Permalink to &quot;Outils V2V de production disponibles aujourd’hui&quot;"></a></h3>
<p><strong>Kling 3.0 V2V avec références d’éléments</strong> est l’option de production la plus complète. Les endpoints Edit Video et Reference V2V sur fal.ai acceptent des clips vidéo sources de 3 à 10 secondes, ainsi que des références d’éléments (<code>@Element1</code>, <code>@Element2</code> avec des photos de face et sous plusieurs angles) et un prompt d’amélioration. Le modèle analyse les trajectoires des mouvements et les mouvements de caméra de la source, puis régénère les séquences avec l’apparence des personnages et le style visuel indiqués, tout en préservant la mise en scène et le travail de caméra d’origine. Jusqu’à 7 entrées de référence. Sortie en 1080p. Traitez votre cinématique en segments de 10 à 15 secondes en réutilisant les mêmes références d’éléments pour tous les segments afin de maintenir la cohérence des personnages.</p>
<p><strong>Lucy Restyle 2</strong> traite jusqu’à 30 minutes de vidéo source en un seul appel d’API, à 0,01 $ par seconde d’entrée. Il accepte un prompt textuel et une image de référence facultative pour guider le style. Il ne propose pas de références d’éléments propres à chaque personnage comme Kling, mais c’est la solution la plus simple et la moins chère pour transférer un style cinématographique global à un rendu 3D complet. Fournissez-lui votre rendu intégral et un prompt décrivant l’apparence souhaitée. Sortie en 720p avec une cohérence temporelle sur des milliers d’images.</p>
<p><strong>Wan 2.1 VACE dans ComfyUI</strong> est la solution open source. Le modèle VACE 14B effectue une transformation V2V pilotée par référence : fournissez une vidéo source et une image de référence stylistique, puis obtenez une version restylisée qui préserve la structure et les mouvements. Le conditionnement par cartes de contours améliore la fidélité structurelle. Vous pouvez créer une boucle de traitement qui gère n’importe quelle durée par segments avec des références stylistiques cohérentes. Gratuit et exécutable localement sur votre propre matériel.</p>
<p><strong>Grok Imagine V2V</strong> accepte une vidéo source ainsi que 1 à 7 images de référence en mode référence. 0,05 $ par seconde en 720p. La séparation explicite entre le mode référence et le mode première image permet à vos références de guider l’apparence des personnages sans remplacer la structure de la vidéo source.</p>
<h3 id="ce-dont-votre-rendu-3d-a-besoin" tabindex="-1">Ce dont votre rendu 3D a besoin <a class="header-anchor" href="#ce-dont-votre-rendu-3d-a-besoin" aria-label="Permalink to &quot;Ce dont votre rendu 3D a besoin&quot;"></a></h3>
<p>Le niveau de qualité minimal du rendu est important. Une simple structure filaire ne donnera pas suffisamment d’informations au modèle V2V. Mais vous n’avez pas non plus besoin de matériaux ou d’un éclairage dignes d’une production finale.</p>
<p><strong>Proportions et géométrie correctes.</strong> Les modèles de personnages doivent avoir des proportions corporelles et une structure faciale approximativement correctes pour que les images de référence puissent être appliquées convenablement. Une géométrie humanoïde simple aux bonnes proportions suffit. Un personnage en bâtons ne produira pas un personnage reconnaissable.</p>
<p><strong>Direction d’éclairage basique.</strong> Une seule lumière directionnelle définissant l’éclairage général de la scène aide le modèle à comprendre l’ambiance recherchée. L’IA améliorera l’image et ajoutera des détails, mais elle doit savoir si la scène se déroule en plein jour ou dans un intérieur sombre.</p>
<p><strong>Mouvements de caméra fluides.</strong> Les mouvements de caméra stables et maîtrisés sont bien retranscrits. Des mouvements irréguliers ou extrêmement rapides peuvent perturber les modèles V2V. Faites en sorte que votre caméra virtuelle se comporte comme une véritable caméra.</p>
<p><strong>Ombrage plat plutôt que structure filaire.</strong> Une géométrie simple avec ombrage plat ou faible nombre de polygones donne de meilleurs résultats qu’une structure filaire ou des modèles sans texture. Même des couleurs unies basiques sur les surfaces aident le modèle à comprendre les limites entre les matériaux.</p>
<h3 id="cout-et-passage-a-l-echelle" tabindex="-1">Coût et passage à l’échelle <a class="header-anchor" href="#cout-et-passage-a-l-echelle" aria-label="Permalink to &quot;Coût et passage à l’échelle&quot;"></a></h3>
<p>Traitement d’une cinématique de 10 minutes avec différents outils :</p>
<table tabindex="0">
<thead>
<tr>
<th>Outil</th>
<th>Durée d’entrée maximale</th>
<th>Coût pour 10 min</th>
<th>Résolution</th>
<th>Images de référence</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kling O3 V2V</td>
<td>Clips de 10 s</td>
<td>~50-67 $</td>
<td>1080p</td>
<td>Jusqu’à 7 (éléments + style)</td>
</tr>
<tr>
<td>Lucy Restyle 2</td>
<td>30 minutes</td>
<td>6 $</td>
<td>720p</td>
<td>1 (style uniquement)</td>
</tr>
<tr>
<td>Grok Imagine V2V</td>
<td>Clips de 10 s</td>
<td>~30 $</td>
<td>720p</td>
<td>1-7</td>
</tr>
<tr>
<td>Wan 2.1 VACE</td>
<td>Toute durée (par segments)</td>
<td>Gratuit (GPU local)</td>
<td>720p</td>
<td>1 par segment</td>
</tr>
</tbody>
</table>
<p>Lucy Restyle est la solution la moins chère pour traiter une vidéo complète. Kling est la plus précise pour améliorer des personnages spécifiques à l’aide de références d’éléments. Wan 2.1 est gratuit si vous disposez du matériel nécessaire (environ 60 Go de VRAM pour le modèle 14B en 720p, ou 8 Go pour la variante 1.3B de moindre qualité).</p>
<h2 id="tableau-comparatif" tabindex="-1">Tableau comparatif <a class="header-anchor" href="#tableau-comparatif" aria-label="Permalink to &quot;Tableau comparatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Durée native maximale</th>
<th>Durée prolongée</th>
<th>Type de référence</th>
<th>Références max.</th>
<th>Résolution</th>
<th>API disponible</th>
<th>Open source</th>
</tr>
</thead>
<tbody>
<tr>
<td>LongCat Video</td>
<td>~15 min</td>
<td>S/O</td>
<td>Première image uniquement</td>
<td>1</td>
<td>720p/30 i/s</td>
<td>Oui (fal.ai)</td>
<td>Oui (MIT)</td>
</tr>
<tr>
<td>Seaweed APT2</td>
<td>~5 min</td>
<td>S/O</td>
<td>I2V + pose</td>
<td>1</td>
<td>720p</td>
<td>Non</td>
<td>Non</td>
</tr>
<tr>
<td>Helios</td>
<td>De l’ordre de la minute</td>
<td>S/O</td>
<td>Première image (I2V)</td>
<td>1</td>
<td>720p</td>
<td>HF Spaces</td>
<td>Oui (Apache 2.0)</td>
</tr>
<tr>
<td>SkyReels V3</td>
<td>Illimitée</td>
<td>S/O</td>
<td>Véritable référence</td>
<td>1-4</td>
<td>720p</td>
<td>Non</td>
<td>Oui</td>
</tr>
<tr>
<td><strong>Kling 3.0</strong></td>
<td>15 s</td>
<td>~3 min</td>
<td><strong>Éléments + références stylistiques</strong></td>
<td><strong>7</strong></td>
<td>1080p</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td><strong>Grok Imagine</strong></td>
<td>15 s</td>
<td>Enchaînable</td>
<td><strong>Véritable référence</strong></td>
<td><strong>7</strong></td>
<td>720p</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td><strong>Seedance 2.0</strong></td>
<td>15 s</td>
<td>S/O</td>
<td><strong>Références multimodales</strong></td>
<td><strong>12</strong></td>
<td>2K</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Runway Gen-4.5</td>
<td>10 s</td>
<td>~1 min</td>
<td>I2V (0-1)</td>
<td>1</td>
<td>1080p</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Veo 3.1</td>
<td>8 s</td>
<td>~2,5 min</td>
<td>Ingrédients (style)</td>
<td>3</td>
<td>4K</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Gemini Omni Flash</td>
<td>10 s</td>
<td>Modifications conversationnelles</td>
<td>Références multimodales</td>
<td>Images + vidéo</td>
<td>720p</td>
<td>Oui (aperçu)</td>
<td>Non</td>
</tr>
<tr>
<td>Sora 2 Pro ⚠️ bientôt abandonné</td>
<td>20 s</td>
<td>Enchaînable</td>
<td>ID de personnage (vidéo)</td>
<td>2</td>
<td>1080p</td>
<td>Fin de l’API en sept. 2026</td>
<td>Non</td>
</tr>
<tr>
<td>Hailuo 02</td>
<td>10 s</td>
<td>S/O</td>
<td>I2V (première image)</td>
<td>1</td>
<td>1080p</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Luma Ray3.2</td>
<td>20 s</td>
<td>S/O</td>
<td>Images clés + référence de personnage</td>
<td>16 images clés</td>
<td>1080p (mise à l’échelle 4K)</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Pika 2.5</td>
<td>10 s</td>
<td>25 s</td>
<td>Pikascenes</td>
<td>10</td>
<td>1080p</td>
<td>Oui</td>
<td>Non</td>
</tr>
<tr>
<td>Wan 2.1</td>
<td>Clips courts</td>
<td>Par prolongement</td>
<td>I2V / FLF2V</td>
<td>1-2</td>
<td>720p</td>
<td>Via fal.ai</td>
<td>Oui (Apache 2.0)</td>
</tr>
<tr>
<td>HunyuanVideo</td>
<td>Clips courts</td>
<td>Par prolongement</td>
<td>I2V (première image)</td>
<td>1</td>
<td>720p</td>
<td>Via fal.ai</td>
<td>Oui</td>
</tr>
<tr>
<td>LTX-2.3</td>
<td>20 s</td>
<td>Par prolongement</td>
<td>I2V + images clés</td>
<td>Plusieurs images clés</td>
<td>4K</td>
<td>Oui (LTX, fal.ai)</td>
<td>Poids (plafonnés par l’ARR)</td>
</tr>
<tr>
<td>CogVideoX</td>
<td>6-10 s</td>
<td>Par prolongement</td>
<td>I2V (première image)</td>
<td>1</td>
<td>720x480</td>
<td>Via fal.ai</td>
<td>Oui</td>
</tr>
</tbody>
</table>
<h2 id="prochainement" tabindex="-1">Prochainement <a class="header-anchor" href="#prochainement" aria-label="Permalink to &quot;Prochainement&quot;"></a></h2>
<p>La trajectoire jusqu’en 2026 est claire. LongCat Video a prouvé qu’un modèle ouvert pouvait générer des vidéos de plusieurs minutes tout en maintenant leur cohérence. Helios a montré que cela pouvait se faire en temps réel. Seaweed APT2 a démontré la génération interactive de vidéos longues. Quant aux véritables modèles de référence (Kling, Grok, Seedance), ils ont prouvé que l’identité des personnages pouvait persister dans des scènes arbitraires.</p>
<p>La prochaine étape consiste à combiner ces capacités : génération longue native et véritable prise en charge des personnages de référence. Pour l’instant, il faut choisir l’une ou l’autre. Lorsqu’un modèle pourra générer 5 minutes de vidéo tout en maintenant les personnages issus d’images de référence à travers des dizaines de changements de scène, le workflow d’enchaînement de clips deviendra obsolète. Les caractéristiques annoncées de Seedance 2.5 (clips natifs de 30 secondes, jusqu’à 50 fichiers de référence, ouverture de l’API le 16 juillet 2026) constituent le premier véritable pas dans cette direction.</p>
<p>À la mi-juillet 2026, le classement Artificial Analysis des modèles texte-vers-vidéo (avec audio) est dominé par Gemini Omni Flash de Google (~1 240 Elo), suivi de Seedance 2.0, de Wan 2.7 d’Alibaba — disponible uniquement via API — et des modèles HappyHorse. Les variantes de Kling 3.0, SkyReels V4 et Veo 3.1 les suivent de près. Le classement change fréquemment : considérez donc toute position donnée comme un instantané plutôt que comme un ordre définitif.</p>
<p>L’approche fondée sur une structure 3D suit une trajectoire parallèle. À mesure que les modèles V2V améliorent leur préservation structurelle et leur photoréalisme, l’amélioration de rendus 3D basse fidélité devient de plus en plus viable pour une production complète. RealMaster de Meta réalise déjà des transformations de qualité recherche, de la simulation vers le réel, à partir de rendus de moteurs de jeu. Lorsque cette capacité arrivera dans des API de production avec prise en charge des images de référence, toute personne possédant des compétences 3D de base pourra produire des vidéos longues photoréalistes, quelle qu’en soit la durée, avec un contrôle total de la caméra, de la mise en scène et du placement des personnages.</p>
<p>Pour l’instant, la réponse pratique dépend de votre cas d’usage :</p>
<p><strong>Meilleur choix pour les références de plusieurs personnages :</strong> Kling 3.0 (jusqu’à 7 références avec des systèmes distincts pour les éléments et le style) ou Seedance 2.0 (jusqu’à 12 entrées multimodales, puis 50 à l’ouverture de l’API Seedance 2.5 le 16 juillet 2026).</p>
<p><strong>Meilleure API pour générer une vidéo à partir d’une référence :</strong> Grok Imagine (API claire, mode de référence explicite, 0,05 $/s) ou Kling via fal.ai (0,084 à 0,112 $/s).</p>
<p><strong>Meilleur choix pour maintenir des personnages dans de nombreux clips :</strong> les références d’éléments de Kling 3.0 ou la fonctionnalité de référence et d’extension de SkyReels V3. (Le système d’identifiants de personnages de Sora 2 Pro constituait l’approche la plus propre, mais il sera abandonné en 2026 : ne lancez donc aucun nouveau projet avec celui-ci.)</p>
<p><strong>Meilleur choix open source :</strong> SkyReels V3 (1 à 4 véritables images de référence, durée illimitée) ou Helios (temps réel, Apache 2.0).</p>
<p><strong>Meilleur choix pour la durée brute :</strong> LongCat Video (~15 min, mais uniquement avec la première image).</p>
<p><strong>Meilleur choix pour améliorer des rendus 3D :</strong> Kling 3.0 V2V (références d’éléments par personnage, 1080p) ou Lucy Restyle 2 (entrée de 30 min, 0,01 $/s).</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-modele-video-d-ia-pour-les-videos-longues" tabindex="-1">Quel est le meilleur modèle vidéo d’IA pour les vidéos longues ? <a class="header-anchor" href="#quel-est-le-meilleur-modele-video-d-ia-pour-les-videos-longues" aria-label="Permalink to &quot;Quel est le meilleur modèle vidéo d’IA pour les vidéos longues ?&quot;"></a></h3>
<p>Pour la durée brute, LongCat Video génère nativement environ 15 minutes, bien qu’il ne prenne en charge que la première image. Pour produire une vidéo longue avec des personnages cohérents, la solution pratique en 2026 consiste à adopter un workflow de référence et d’extension : générez des clips avec un modèle offrant une solide prise en charge des références (Kling 3.0, Runway Gen-4.5 ou le modèle open source SkyReels V3), puis enchaînez-les. Aucun modèle ne peut à la fois générer de longues vidéos et préserver parfaitement l’identité des personnages : la plupart des productions combinent donc plusieurs approches.</p>
<h3 id="quels-modeles-video-d-ia-prennent-en-charge-les-images-de-reference" tabindex="-1">Quels modèles vidéo d’IA prennent en charge les images de référence ? <a class="header-anchor" href="#quels-modeles-video-d-ia-prennent-en-charge-les-images-de-reference" aria-label="Permalink to &quot;Quels modèles vidéo d’IA prennent en charge les images de référence ?&quot;"></a></h3>
<p>Parmi les solutions commerciales, Kling 3.0 Omni, Runway Gen-4.5, Seedance 2.0, Google Veo 3.1 et Gemini Omni Flash prennent tous en charge les images de référence. Côté open source, SkyReels V2/V3, Wan 2.1 et LTX-2 acceptent des références que vous pouvez traiter sur votre propre infrastructure. La qualité de cette prise en charge varie énormément, c’est pourquoi le guide ci-dessus les répartit en plusieurs catégories.</p>
<h3 id="l-ia-peut-elle-generer-un-personnage-coherent-tout-au-long-d-une-video" tabindex="-1">L’IA peut-elle générer un personnage cohérent tout au long d’une vidéo ? <a class="header-anchor" href="#l-ia-peut-elle-generer-un-personnage-coherent-tout-au-long-d-une-video" aria-label="Permalink to &quot;L’IA peut-elle générer un personnage cohérent tout au long d’une vidéo ?&quot;"></a></h3>
<p>Oui, mais pas en une seule génération. L’approche fiable consiste à verrouiller un personnage à l’aide d’une ou plusieurs images de référence, à générer de courts clips, puis à les prolonger ou à les assembler en réutilisant les mêmes références. Une véritable prise en charge des références — où le modèle préserve l’identité d’une génération à l’autre — est ici bien plus importante qu’un conditionnement sur la première image, qui ne définit que l’image d’ouverture.</p>
<h3 id="quelle-est-la-difference-entre-le-conditionnement-sur-la-premiere-image-et-la-veritable-prise-en-charge-des-images-de-reference" tabindex="-1">Quelle est la différence entre le conditionnement sur la première image et la véritable prise en charge des images de référence ? <a class="header-anchor" href="#quelle-est-la-difference-entre-le-conditionnement-sur-la-premiere-image-et-la-veritable-prise-en-charge-des-images-de-reference" aria-label="Permalink to &quot;Quelle est la différence entre le conditionnement sur la première image et la véritable prise en charge des images de référence ?&quot;"></a></h3>
<p>Le conditionnement sur la première image utilise littéralement votre image comme première frame du clip, puis le résultat dérive à mesure que la vidéo progresse. La véritable prise en charge des références traite l’image comme un point d’ancrage identitaire que le modèle respecte pendant toute la génération. Le personnage ou le style reste ainsi cohérent dans l’ensemble du clip et entre plusieurs clips distincts. La section ci-dessus détaille les modèles qui proposent chacune de ces approches.</p>
<hr>
<h2 id="a-decouvrir-egalement" tabindex="-1">À découvrir également <a class="header-anchor" href="#a-decouvrir-egalement" aria-label="Permalink to &quot;À découvrir également&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Modèles d’IA générative open source de pointe</a> — guide pratique de l’IA générative open source pour la vidéo, l’image, la 3D, l’audio et plus encore</li>
<li><a href="/fr/guides/ai-asset-generators-games.html">Générateurs de ressources par IA pour les jeux</a> — illustrations, modèles et contenus audio à partir d’un prompt</li>
<li><a href="/fr/guides/ai-music-generators-games.html">Meilleurs générateurs de musique par IA pour les jeux</a> — créez la bande-son de votre jeu avec de la musique générée</li>
<li><a href="/fr/tools/video.html">Générateur vidéo</a> — notre outil de génération vidéo propulsé par Kling 3.0 Pro</li>
<li><a href="/fr/blog/2026-03-04-sketch-to-animated-3d-character.html">Comment passer d’un croquis à un personnage 3D animé</a> — utiliser la génération d’images et de vidéos pour animer des personnages</li>
</ul>
<BuildCta
  title="Rendez la scène jouable plutôt que de la calculer"
  desc="Oubliez la file d’attente de rendu et parcourez-la en direct."
  prompt="Crée une ville néon dans laquelle je peux conduire la nuit" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/long-reference-video-models.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Génération de paysages avec LOD dynamique et streaming pour les mondes ouverts sur navigateur]]></title>
            <link>https://app.cinevva.com/fr/guides/landscape-generation-browser</link>
            <guid>https://app.cinevva.com/fr/guides/landscape-generation-browser</guid>
            <pubDate>Sun, 22 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Au-delà des cartes de hauteur et des fonctions de bruit. Génération de terrains physiquement réaliste, représentations volumétriques, synthèse fondée sur la diffusion et pipelines de rendu pilotés par le GPU pour les mondes ouverts sur navigateur.]]></description>
            <content:encoded><![CDATA[<h1 id="generation-de-paysages-avec-lod-dynamique-et-streaming-pour-les-mondes-ouverts-sur-navigateur" tabindex="-1">Génération de paysages avec LOD dynamique et streaming pour les mondes ouverts sur navigateur <a class="header-anchor" href="#generation-de-paysages-avec-lod-dynamique-et-streaming-pour-les-mondes-ouverts-sur-navigateur" aria-label="Permalink to &quot;Génération de paysages avec LOD dynamique et streaming pour les mondes ouverts sur navigateur&quot;"></a></h1>
<p>Les cartes de hauteur avec bruit de Perlin constituent le point de départ par défaut pour la génération procédurale de terrains. Superposez quelques octaves de fBm, appliquez un dégradé de couleurs, et vous obtenez quelque chose qui ressemble vaguement à un terrain. Tous les tutoriels s'arrêtent là. Mais les paysages réels ne ressemblent pas à un empilement de bruits. Ils présentent des vallées fluviales creusées par l'eau, des parois rocheuses façonnées par des fractures de contrainte, ainsi que des grottes et des arches formées par des millions d'années d'érosion. Leurs textures sont corrélées — herbe sur les terrains plats, roche sur les pentes abruptes, neige au-dessus de la limite des arbres — et émergent des mêmes processus physiques qui ont façonné la géométrie.</p>
<p>Ce guide aborde ce qui vient après le bruit : les méthodes de génération fondées sur la physique, les représentations volumétriques capables de gérer les grottes et les surplombs, la synthèse neuronale de terrains fondée sur la diffusion, ainsi que les pipelines de LOD et de streaming pilotés par le GPU nécessaires pour afficher le tout à 60 i/s dans un onglet de navigateur.</p>
<p>Tout ce qui suit répond à notre contrainte particulière : un monde ouvert multijoueur fonctionnant sous WebGL 2 / WebGPU, diffusé en streaming sur le réseau et modifiable par les créateurs.</p>
<h2 id="pourquoi-les-cartes-de-hauteur-ne-suffisent-pas" tabindex="-1">Pourquoi les cartes de hauteur ne suffisent pas <a class="header-anchor" href="#pourquoi-les-cartes-de-hauteur-ne-suffisent-pas" aria-label="Permalink to &quot;Pourquoi les cartes de hauteur ne suffisent pas&quot;"></a></h2>
<p>Une carte de hauteur stocke une valeur d'altitude par point de la grille. C'est une fonction 2D : étant donné (x, z), elle renvoie y. Cette représentation est compacte, adaptée au GPU et rapide à afficher. Mais elle présente des limites fondamentales qui comptent dans un monde destiné aux créateurs.</p>
<p><strong>Ni grottes ni surplombs.</strong> Une carte de hauteur ne peut pas représenter un terrain où un même point possède deux hauteurs différentes. Les grottes, les arches, les surplombs rocheux, les tunnels et les îles flottantes sont donc tous impossibles. C'est pour cette raison que Minecraft, No Man's Sky et Deep Rock Galactic ont besoin de terrains volumétriques.</p>
<p><strong>Pas de structures verticales.</strong> Dans une carte de hauteur, une paroi rocheuse verticale correspond à une pente presque infinie, ce qui entraîne un étirement extrême des textures et des artefacts de collision. Les véritables falaises possèdent des structures horizontales — corniches, crevasses — qu'une carte de hauteur ne peut pas représenter.</p>
<p><strong>Le bruit ressemble à du bruit.</strong> Même avec 8 octaves de fBm et une déformation de domaine, le terrain conserve un aspect artificiel. Il lui manque la structure directionnelle de la géologie réelle : lignes de crête, réseaux hydrographiques, dépôts sédimentaires et plis tectoniques. Ces motifs émergent de processus physiques, et non de fonctions de bruit.</p>
<p><strong>Les modifications des créateurs sont limitées.</strong> Si les créateurs peuvent uniquement modifier les hauteurs, ils ne peuvent ni creuser des tunnels, ni créer des grottes, ni construire des espaces souterrains. Pour qu'ils puissent véritablement façonner un monde, la représentation du terrain doit permettre aussi bien la soustraction que l'addition.</p>
<p>La solution ne consiste pas à abandonner entièrement les cartes de hauteur. Elles restent la meilleure représentation pour les 90 % du terrain qui forment une surface simple. Il faut plutôt adopter une approche hybride : un terrain de base sous forme de carte de hauteur, des superpositions volumétriques là où une géométrie complexe est nécessaire, une génération physiquement réaliste pour obtenir des reliefs crédibles et une synthèse neuronale pour apporter la diversité que le bruit ne peut pas produire.</p>
<h2 id="la-reponse-rapide-ce-que-nous-construirions-reellement" tabindex="-1">La réponse rapide : ce que nous construirions réellement <a class="header-anchor" href="#la-reponse-rapide-ce-que-nous-construirions-reellement" aria-label="Permalink to &quot;La réponse rapide : ce que nous construirions réellement&quot;"></a></h2>
<p>Avant d'entrer dans les détails, voici le cadre décisionnel. La suite de l'article explique chaque élément.</p>
<h3 id="representation-du-terrain" tabindex="-1">Représentation du terrain <a class="header-anchor" href="#representation-du-terrain" aria-label="Permalink to &quot;Représentation du terrain&quot;"></a></h3>
<p>Utilisez un système hybride <strong>carte de hauteur + SDF</strong>. La carte de hauteur couvre le monde entier : elle est peu coûteuse, compacte et éprouvée. Les volumes SDF n'existent que là où des grottes, des surplombs ou des éléments sculptés par les créateurs l'exigent, soit peut-être 5 à 10 % des chunks. Ainsi, 90 % du monde conserve le faible coût d'une carte de hauteur, tout en permettant une géométrie arbitraire là où elle est nécessaire.</p>
<h3 id="pipeline-de-generation" tabindex="-1">Pipeline de génération <a class="header-anchor" href="#pipeline-de-generation" aria-label="Permalink to &quot;Pipeline de génération&quot;"></a></h3>
<p>Exécutez côté serveur une chaîne de traitement :</p>
<ol>
<li><strong>Terrain Diffusion</strong> (ou MESA pour les instructions textuelles) génère la carte de hauteur de base à partir d'une graine. Cette méthode remplace le bruit par des reliefs géologiquement réalistes, appris à partir de véritables données d'altitude.</li>
<li><strong>L'érosion analytique</strong> (loi de puissance de l'écoulement) affine la carte de hauteur en quelques millisecondes en créant des réseaux fluviaux et des lignes de crête.</li>
<li><strong>TerraFusion ou Geodiffussr</strong> génère des textures corrélées à partir de la carte de hauteur. Pour la solution de repli WebGL 2, utilisez plutôt des règles procédurales fondées sur la pente et l'altitude.</li>
<li><strong>Une simulation d'écosystème</strong> produit les cartes de densité de la végétation.</li>
<li><strong>Une érosion de type Arenite</strong> génère des volumes SDF pour les parois rocheuses, les arches et les grottes là où le terrain l'exige.</li>
<li><strong>Découpage en chunks, compression et envoi vers le CDN.</strong> Taille moyenne d'un chunk : 2 à 8 Ko. Chunk complexe comportant des données volumétriques : 20 à 100 Ko.</li>
</ol>
<p>Les créateurs interagissent avec ce pipeline en ajustant des paramètres (« plus humide », « plus montagneux », « ajouter des grottes »), en esquissant leurs intentions ou en sculptant directement avec des pinceaux et des outils SDF.</p>
<h3 id="strategie-de-lod" tabindex="-1">Stratégie de LOD <a class="header-anchor" href="#strategie-de-lod" aria-label="Permalink to &quot;Stratégie de LOD&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Capacités du navigateur</th>
<th>LOD de la carte de hauteur</th>
<th>LOD volumétrique</th>
<th>LOD de la végétation</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>WebGPU</strong></td>
<td>Quadtree piloté par le GPU (CDLOD), avec culling par compute shader et dessin indirect</td>
<td>SDF multirésolution avec marching cubes par compute shader + Transvoxel</td>
<td>ComputeInstanceCulling avec dessin indirect</td>
</tr>
<tr>
<td><strong>WebGL 2</strong></td>
<td>Geometry clipmaps avec mise à jour des anneaux côté CPU</td>
<td>Maillages prégénérés à 2 ou 3 niveaux de LOD, mis en cache</td>
<td>Culling du frustum par le CPU, InstancedMesh</td>
</tr>
</tbody>
</table>
<p>Les deux voies utilisent du géomorphing dans le vertex shader afin d'éviter les apparitions brutales lors des transitions. Toutes deux emploient également des imposteurs de type billboard pour la végétation lointaine. La voie WebGPU est plus rapide — budget de 3,5 ms pour le terrain — mais la voie WebGL 2 reste viable avec 6,5 ms.</p>
<h3 id="streaming" tabindex="-1">Streaming <a class="header-anchor" href="#streaming" aria-label="Permalink to &quot;Streaming&quot;"></a></h3>
<p>Chargement progressif : géométrie du terrain en premier (&lt;100 ms), textures en deuxième (&lt;300 ms), végétation en troisième (&lt;1 s), données volumétriques en quatrième (❤️ s). Préchargement fondé sur la vitesse du joueur. Budget mémoire total pour le terrain : 256 Mo.</p>
<h3 id="modification" tabindex="-1">Modification <a class="header-anchor" href="#modification" aria-label="Permalink to &quot;Modification&quot;"></a></h3>
<p>Pinceaux de carte de hauteur pour sculpter la surface — élever, abaisser, lisser, éroder. Primitives SDF pour la modification volumétrique — creuser des grottes, ajouter des arches. Les deux sont instantanés localement, se synchronisent avec le serveur en 100 à 300 ms et sont transmis aux autres joueurs au moyen de mises à jour différentielles.</p>
<h3 id="dans-quel-ordre-construire-chaque-element" tabindex="-1">Dans quel ordre construire chaque élément <a class="header-anchor" href="#dans-quel-ordre-construire-chaque-element" aria-label="Permalink to &quot;Dans quel ordre construire chaque élément&quot;"></a></h3>
<p><strong>Mois 1 à 2 : terrain avec carte de hauteur et geometry clipmaps.</strong> WebGL 2 uniquement. Streaming depuis le CDN. Matériaux procéduraux fondés sur la pente et l'altitude. Cela permet d'afficher le terrain dans tous les navigateurs. Utilisez du bruit et une érosion analytique pour la génération ; Terrain Diffusion peut attendre.</p>
<p><strong>Mois 3 à 4 : végétation et atmosphère.</strong> Herbe et arbres instanciés par le GPU à partir de cartes de densité. Ciel procédural avec cycle jour/nuit. Brouillard atmosphérique. Cascaded shadow maps. Le monde commence à ressembler à un véritable lieu.</p>
<p><strong>Mois 5 à 6 : outils de modification pour les créateurs.</strong> Pinceaux de carte de hauteur. Synchronisation différentielle des modifications du terrain en multijoueur. Verrouillage spatial pour les modifications simultanées. C'est à ce stade que les créateurs commencent à façonner le monde.</p>
<p><strong>Mois 7 à 9 : terrain volumétrique et voie WebGPU.</strong> Superpositions SDF pour les grottes et les surplombs. Marching cubes dans les compute shaders WebGPU. Transvoxel pour les limites entre niveaux de LOD. Outils de sculpture SDF. Cette étape débloque l'ensemble complet des outils de création.</p>
<p><strong>Mois 10 à 12 : génération neuronale et finitions.</strong> Terrain Diffusion ou MESA pour la carte de hauteur de base. TerraFusion/Geodiffussr pour les textures. Bruit de phaseur pour les microdétails. Pavage hexagonal pour éviter les répétitions. Texturation virtuelle. Fusion laplacienne. Le terrain atteint une qualité de production.</p>
<p>Avec cet ordre, une version jouable existe après 2 mois, une version esthétique après 4 mois, une version modifiable après 6 mois et une version à la pointe de la technologie après 12 mois.</p>
<p>La suite de cet article présente les recherches qui sous-tendent chaque décision.</p>
<h2 id="representations-du-terrain-au-dela-des-cartes-de-hauteur" tabindex="-1">Représentations du terrain au-delà des cartes de hauteur <a class="header-anchor" href="#representations-du-terrain-au-dela-des-cartes-de-hauteur" aria-label="Permalink to &quot;Représentations du terrain au-delà des cartes de hauteur&quot;"></a></h2>
<h3 id="champs-de-distance-signes-sdf" tabindex="-1">Champs de distance signés (SDF) <a class="header-anchor" href="#champs-de-distance-signes-sdf" aria-label="Permalink to &quot;Champs de distance signés (SDF)&quot;"></a></h3>
<p>Un champ de distance signé stocke, en chaque point de l'espace 3D, la distance jusqu'à la surface la plus proche. Les valeurs positives se trouvent à l'extérieur, les valeurs négatives à l'intérieur, et le passage par zéro correspond à la surface elle-même. Les SDF peuvent représenter des formes 3D arbitraires, notamment des grottes, des arches et des géométries flottantes.</p>
<p>Pour afficher un SDF sous forme de maillage, on exécute marching cubes — ou une variante — afin d'extraire l'isosurface zéro sous forme de triangles. La résolution du maillage dépend de celle de la grille : une grille SDF de 256x256x256 produit un terrain couvrant approximativement un chunk avec une résolution d'un mètre.</p>
<p><strong>Implémentation dans le navigateur :</strong> marching cubes sous WebGPU s'exécute entièrement sur le GPU à l'aide de compute shaders. L'implémentation <a href="https://www.willusher.io/webgpu-marching-cubes/" target="_blank" rel="noreferrer">webgpu-marching-cubes</a> de Will Usher traite une grille de 256^3 en temps réel dans le navigateur, avec des performances comparables à une application native. L'algorithme est massivement parallélisable — chaque cellule est traitée indépendamment — ce qui le rend idéal pour le calcul sur GPU.</p>
<div class="language-wgsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">wgsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">compute</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">workgroup_size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> marchingCubes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(global_invocation_id) id: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> sdfValues </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> sampleSDF</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(id);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> caseIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> classifyCell</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(sdfValues);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (caseIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">==</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0u</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> ||</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> caseIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">==</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 255u</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) { </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">; }</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> triangles </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> lookupTriangulation</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(caseIndex);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> vertices </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interpolateEdges</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(sdfValues, triangles);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    appendToMeshBuffer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(vertices);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p><strong>Coût de stockage :</strong> un SDF de 256^3 avec une précision quantifiée sur 8 bits occupe 16 Mo sans compression. Toutefois, la majeure partie du volume est vide — loin de la surface. L'encodage par longueurs de plages ou le stockage dans un octree creux réduit généralement cette taille à 100–500 Ko par chunk, soit un volume comparable à celui d'un terrain sous forme de carte de hauteur.</p>
<p><strong>Modification :</strong> les terrains SDF sont naturellement modifiables. L'ajout de matière correspond à une opération <code>min()</code> sur le champ de distance. Le retrait de matière — le creusement — utilise une opération <code>max()</code> avec une forme inversée. La fusion progressive entre les formes emploie <code>smoothMin()</code>. Ces opérations s'exécutent dans un compute shader à des fréquences interactives.</p>
<h3 id="dual-contouring" tabindex="-1">Dual Contouring <a class="header-anchor" href="#dual-contouring" aria-label="Permalink to &quot;Dual Contouring&quot;"></a></h3>
<p>Marching cubes place les sommets sur les arêtes de la grille, ce qui produit des surfaces lisses, mais fait disparaître les détails saillants comme les arêtes des falaises et les angles des rochers. Le dual contouring place un sommet par cellule, à la position qui représente le mieux la surface à l'intérieur de celle-ci, préservant ainsi les arêtes vives et les angles.</p>
<p>L'algorithme a besoin à la fois des valeurs du champ de distance et des normales à la surface — le gradient du SDF — en chaque point de la grille. Il résout un petit problème de moindres carrés par cellule afin de déterminer la position optimale du sommet. Le maillage obtenu restitue à la fois les terrains lisses et les reliefs rocheux aux arêtes marquées.</p>
<p><strong>Neural Dual Contouring</strong> (Chen et al., 2022, <a href="https://arxiv.org/abs/2202.01999" target="_blank" rel="noreferrer">arXiv:2202.01999</a>) remplace le solveur des moindres carrés par un réseau neuronal qui prédit la position optimale des sommets et les intersections avec les arêtes. Cette méthode améliore la précision de la reconstruction des surfaces et la préservation des détails, en particulier pour les formations rocheuses naturelles complexes.</p>
<h3 id="l-algorithme-transvoxel" tabindex="-1">L'algorithme Transvoxel <a class="header-anchor" href="#l-algorithme-transvoxel" aria-label="Permalink to &quot;L'algorithme Transvoxel&quot;"></a></h3>
<p>Le problème le plus difficile des terrains volumétriques n'est pas la génération du maillage, mais les transitions de LOD. Lorsqu'un chunk en haute résolution jouxte un chunk en basse résolution, les maillages ne coïncident pas à leur frontière, ce qui crée des fissures visibles.</p>
<p>L'algorithme Transvoxel, conçu par Eric Lengyel (<a href="https://transvoxel.org/" target="_blank" rel="noreferrer">transvoxel.org</a>), résout ce problème en insérant des cellules de transition spéciales le long des frontières entre les résolutions. Ces cellules comblent la différence de résolution à l'aide de triangles supplémentaires qui correspondent exactement aux deux côtés. L'algorithme réduit ce problème complexe de frontière à 73 classes d'équivalence, contre environ 1,2 million de cas avec une approche par force brute.</p>
<p>Transvoxel est spécialement conçu pour les applications en temps réel dans lesquelles les données voxel changent dynamiquement — modifications des créateurs, érosion, minage. Il est libre de brevets et a été utilisé dans des jeux commercialisés comme Space Engineers et Astroneer. Pour un monde sur navigateur doté d'un terrain volumétrique modifiable, Transvoxel constitue la solution de LOD.</p>
<h3 id="approche-hybride-base-sous-forme-de-carte-de-hauteur-et-superpositions-volumetriques" tabindex="-1">Approche hybride : base sous forme de carte de hauteur et superpositions volumétriques <a class="header-anchor" href="#approche-hybride-base-sous-forme-de-carte-de-hauteur-et-superpositions-volumetriques" aria-label="Permalink to &quot;Approche hybride : base sous forme de carte de hauteur et superpositions volumétriques&quot;"></a></h3>
<p>L'approche pratique pour un monde ouvert sur navigateur repose sur un système en couches :</p>
<p><strong>Couche 1 : le terrain sous forme de carte de hauteur</strong> couvre le monde entier. Il s'agit de la représentation peu coûteuse et compacte pour les collines, les vallées et les montagnes. Il est transmis sous forme de petites sections de carte de hauteur par chunk, de 2 à 4 Ko chacune. Le rendu utilise des geometry clipmaps dont le coût GPU reste constant.</p>
<p><strong>Couche 2 : les superpositions volumétriques</strong> n'existent que dans les chunks nécessitant une géométrie complexe. Les grottes, les parois rocheuses, les arches, les tunnels creusés par les créateurs et les espaces souterrains sont stockés sous forme de volumes SDF creux. Seuls les chunks contenant des données volumétriques supportent le coût de stockage des SDF et du marching cubes.</p>
<p><strong>Couche 3 : les modifications des créateurs</strong> sont stockées sous forme d'opérations SDF superposées aux couches de base. Lorsqu'un créateur creuse un tunnel, la forme SDF de celui-ci est enregistrée. Le système de rendu combine la surface de la carte de hauteur avec les soustractions et les additions volumétriques afin de produire le maillage final.</p>
<p>Cette approche hybride ne coûte presque rien pour les terrains plats — uniquement la carte de hauteur — et son coût n'augmente que là où la complexité l'exige. Dans un monde typique, seuls 5 à 10 % des chunks peuvent nécessiter des données volumétriques.</p>
<h2 id="generation-de-terrains-physiquement-realiste" tabindex="-1">Génération de terrains physiquement réaliste <a class="header-anchor" href="#generation-de-terrains-physiquement-realiste" aria-label="Permalink to &quot;Génération de terrains physiquement réaliste&quot;"></a></h2>
<p>Le bruit produit un terrain aléatoire. La physique produit un terrain réaliste. La différence est visible : un terrain généré par du bruit ne possède aucune structure — il est irrégulier de façon aléatoire partout — tandis qu'un terrain physique présente des réseaux fluviaux, des lignes de crête, des cônes alluviaux et des strates rocheuses qui émergent de l'érosion et de la tectonique.</p>
<h3 id="erosion-hydraulique-le-fondement" tabindex="-1">Érosion hydraulique : le fondement <a class="header-anchor" href="#erosion-hydraulique-le-fondement" aria-label="Permalink to &quot;Érosion hydraulique : le fondement&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/eaXk97ujbPQ" title="Aventure de programmation : érosion hydraulique" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">L'implémentation de l'érosion hydraulique de Sebastian Lague en action. Des gouttes de pluie simulées s'écoulent vers le bas, érodent la matière en fonction de leur vitesse et de la pente, puis déposent des sédiments lorsqu'elles ralentissent — transformant un bruit uniforme en vallées fluviales, lignes de crête et cônes alluviaux.</div>
<p>L'eau s'écoule vers le bas, emporte des sédiments et les dépose lorsqu'elle ralentit. Ce processus unique, simulé sur des millions d'années virtuelles, transforme un bruit sans relief distinctif en terrain doté de caractéristiques géologiques reconnaissables.
L’approche basée sur des particules dépose des gouttes de pluie simulées sur la carte de hauteur. Chaque goutte s’écoule vers le bas (en suivant le gradient), érode le matériau en fonction de sa vitesse et de la pente, transporte des sédiments sous forme de charge dissoute et les dépose lorsque sa vitesse diminue ou que sa capacité est dépassée. Après 200 000 à 500 000 particules, le terrain développe :</p>
<ul>
<li><strong>Des vallées fluviales</strong> qui suivent le trajet du débit d’eau maximal</li>
<li><strong>Des lignes de crête</strong> qui séparent les bassins versants</li>
<li><strong>Des cônes alluviaux</strong> là où des vallées abruptes débouchent sur des plaines</li>
<li><strong>Des vallées en V</strong> dans les terrains montagneux, et en U dans les terrains glaciaires</li>
</ul>
<p><strong>Implémentation GPU :</strong> La simulation de particules est parallélisable. Chaque particule est indépendante (l’approximation ignore les interactions entre particules, ce qui convient pour l’érosion). Un shader de calcul WebGPU traite 10 000 particules par image à 60 i/s, achevant le traitement de 200 000 particules en environ 3 secondes en temps réel.</p>
<p>L’implémentation open source de Sebastian Lague (<a href="https://github.com/SebLague/Hydraulic-Erosion" target="_blank" rel="noreferrer">GitHub</a>) constitue le point de départ de référence. Elle s’exécute sur un seul thread en C# et traite une carte de hauteur de 1024 x 1024 en quelques secondes. La version GPU est 50 à 100 fois plus rapide.</p>
<h3 id="erosion-thermique" tabindex="-1">Érosion thermique <a class="header-anchor" href="#erosion-thermique" aria-label="Permalink to &quot;Érosion thermique&quot;"></a></h3>
<p>L’eau n’est pas la seule force d’érosion. Les variations de température provoquent la fissuration et l’effritement de la roche (altération thermique). Lorsque la pente entre deux points du terrain dépasse l’angle de repos d’un matériau, celui-ci tombe du point le plus élevé vers le plus bas. Cela produit :</p>
<ul>
<li><strong>Des talus d’éboulis</strong> au pied des falaises (amas de roches tombées)</li>
<li><strong>Des lignes de crête adoucies</strong> au fil du temps</li>
<li><strong>Des profils dépendant du matériau</strong> (la roche dure conserve des pentes raides, tandis que les sols meubles s’affaissent selon des angles plus doux)</li>
</ul>
<p>L’érosion thermique est plus simple que l’érosion hydraulique. Il s’agit d’une opération locale : pour chaque cellule, on compare la différence de hauteur avec les cellules voisines. Si la pente dépasse le seuil, le matériau est déplacé vers le bas. Chaque itération s’exécute en une seule passe de shader de calcul, et le processus converge en 50 à 100 itérations.</p>
<p>Combiner l’érosion hydraulique et l’érosion thermique produit un terrain nettement plus naturel que l’une ou l’autre seule. L’eau creuse les vallées ; l’érosion thermique adoucit les crêtes qui les séparent et remplit les fonds de vallée de débris.</p>
<h3 id="la-loi-de-puissance-des-cours-d-eau-erosion-analytique" tabindex="-1">La loi de puissance des cours d’eau : érosion analytique <a class="header-anchor" href="#la-loi-de-puissance-des-cours-d-eau-erosion-analytique" aria-label="Permalink to &quot;La loi de puissance des cours d’eau : érosion analytique&quot;"></a></h3>
<p>Des recherches récentes proposent une alternative à la simulation basée sur des particules. La loi de puissance des cours d’eau (une équation géomorphologique reliant le taux d’érosion à l’aire de drainage et à la pente) peut être résolue analytiquement plutôt que simulée de manière itérative.</p>
<p>Cordonnier et al. (2024, <a href="https://hal.science/hal-04525371" target="_blank" rel="noreferrer">HAL</a>) combinent la loi analytique de puissance des cours d’eau avec des processus de glissement de terrain et de diffusion des versants. Il en résulte une génération de terrain fondée sur la physique, mais qui s’exécute comme une fonction mathématique plutôt que comme une simulation temporelle. Vous fournissez une carte de hauteur basée sur du bruit et des paramètres (taux de précipitations, dureté de la roche, taux de soulèvement tectonique), puis obtenez un terrain érodé en quelques millisecondes.</p>
<p>Cette approche analytique est idéale pour un monde accessible dans le navigateur, car elle ne s’exécute qu’une fois côté serveur lors de la génération du terrain, sans itérations. Les créateurs peuvent ajuster les paramètres (« rendre cette région plus montagneuse » modifie le taux de soulèvement ; « la rendre plus humide » augmente les précipitations et approfondit les vallées).</p>
<h3 id="arenite-erosion-multiphysique-siggraph-2025" tabindex="-1">Arenite : érosion multiphysique (SIGGRAPH 2025) <a class="header-anchor" href="#arenite-erosion-multiphysique-siggraph-2025" aria-label="Permalink to &quot;Arenite : érosion multiphysique (SIGGRAPH 2025)&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pl_GdrBSAmA" title="Arenite : simulateur de grès basé sur la physique (SIGGRAPH 2025)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Arenite simule les contraintes, l’érosion éolienne, l’érosion fluviale et le dépôt de particules afin de générer des arches, des cheminées de fée et des buttes à partir de couches rocheuses. La génération côté serveur produit des volumes SDF qui alimentent directement un pipeline de marching cubes.</div>
<p>Arenite (<a href="https://jango6324.github.io/arenite/" target="_blank" rel="noreferrer">Page du projet</a>) est un simulateur de grès basé sur la physique qui génère des arches, des alcôves, des cheminées de fée et des buttes à partir de conditions initiales simples. Les utilisateurs peignent des cartes d’érodabilité (couches de roche tendre ou dure) et de végétation, puis le système simule :</p>
<ul>
<li><strong>La répartition des contraintes</strong> dans la colonne rocheuse</li>
<li><strong>L’érosion éolienne</strong> qui élimine en priorité les matériaux tendres exposés</li>
<li><strong>L’érosion fluviale</strong> due à l’écoulement de l’eau</li>
<li><strong>Le dépôt de particules</strong> qui crée de nouvelles formations</li>
</ul>
<p>L’implémentation GPU s’exécute en moins de 5 minutes pour des formations complexes sur un GPU de bureau. Si cela reste trop lent pour une utilisation en temps réel dans le navigateur, c’est suffisamment rapide pour une génération côté serveur. Un créateur pourrait définir une falaise composée de couches rocheuses tendres et dures et obtenir une formation en arche réaliste en quelques minutes.</p>
<p>La sortie est un champ voxelique 3D, qui s’intègre directement à notre pipeline SDF/marching cubes.</p>
<h3 id="une-erosion-flexible-pour-differentes-representations" tabindex="-1">Une érosion flexible pour différentes représentations <a class="header-anchor" href="#une-erosion-flexible-pour-differentes-representations" aria-label="Permalink to &quot;Une érosion flexible pour différentes représentations&quot;"></a></h3>
<p>Un article de 2024 d’IRIT-STORM (« Flexible Terrain Erosion », <a href="https://link.springer.com/article/10.1007/s00371-024-03444-w" target="_blank" rel="noreferrer">Springer</a>) résout un problème pratique : la plupart des méthodes d’érosion ne fonctionnent que sur des champs de hauteur. Si votre terrain utilise des voxels, des SDF ou des matériaux en couches, vous devez disposer d’un code d’érosion distinct pour chaque représentation.</p>
<p>La méthode d’érosion flexible décompose l’érosion en deux processus indépendants : l’altération du terrain (retrait de matériau à la surface) et le transport de matériau (déplacement des sédiments par des particules régies par des principes physiques élémentaires). Chaque particule possède une taille, une densité, une restitution et une capacité sédimentaire configurables. Un champ vectoriel facultatif contrôle le mouvement des particules afin de reproduire une dynamique des fluides réaliste.</p>
<p>Comme les particules interagissent avec le terrain par l’intermédiaire d’une interface unifiée d’altération des matériaux, la même simulation fonctionne avec les champs de hauteur, les grilles de voxels, les surfaces implicites et les empilements de matériaux en couches. Pour notre terrain hybride (base en carte de hauteur + superpositions SDF), cela signifie qu’un seul système d’érosion gère les deux représentations. La simulation de particules s’exécute en parallèle sur le GPU.</p>
<h3 id="reseaux-fluviaux-et-bassins-versants" tabindex="-1">Réseaux fluviaux et bassins versants <a class="header-anchor" href="#reseaux-fluviaux-et-bassins-versants" aria-label="Permalink to &quot;Réseaux fluviaux et bassins versants&quot;"></a></h3>
<p>L’érosion creuse les rivières, mais générer des réseaux fluviaux convaincants exige davantage que de simplement faire s’écouler l’eau vers le bas. Deux approches donnent de meilleurs résultats :</p>
<p><strong>Génération fondée d’abord sur le drainage</strong> (Amit Patel, Red Blob Games, <a href="https://www.redblobgames.com/x/1723-procedural-river-growing/" target="_blank" rel="noreferrer">Projet</a>) construit le réseau fluvial avant d’attribuer les altitudes. On commence par un graphe (Voronoï ou maillage triangulaire). Les arêtes sont classées comme crêtes (aucun écoulement), entrées (l’eau arrive) ou exutoires (l’eau sort). Cela crée des hiérarchies de drainage réalistes, dans lesquelles les rivières convergent depuis de petits affluents vers de grands cours d’eau, conformément au système de classification de Rosgen pour les différents types de rivières (chenaux en tresses sur les terrains plats, gorges étroites en montagne).</p>
<p><strong>L’accumulation des écoulements</strong> mesure la quantité d’eau qui traverse chaque cellule du terrain. On simule une pluie uniforme, on fait s’écouler l’eau vers le bas et on compte les passages dans chaque cellule. Les cellules présentant une forte accumulation deviennent des chenaux fluviaux. Celles dont l’accumulation est modérée deviennent des cours d’eau saisonniers. La carte d’accumulation détermine également l’intensité de l’érosion (plus d’eau = plus d’érosion) et la répartition de la végétation (les berges sont plus humides et accueillent donc d’autres espèces végétales).</p>
<p>Pour un monde créé par un utilisateur, le réseau fluvial est généré côté serveur pendant la création du terrain, puis stocké sous forme d’une carte 2D des directions d’écoulement et d’une carte d’accumulation d’eau par chunk. Le client dans le navigateur utilise ces cartes pour afficher les surfaces aquatiques (des plans plats placés à la bonne hauteur dans les chenaux) et déterminer la répartition de la végétation (plus luxuriante près de l’eau).</p>
<h3 id="generation-des-cotes-et-des-rivages" tabindex="-1">Génération des côtes et des rivages <a class="header-anchor" href="#generation-des-cotes-et-des-rivages" aria-label="Permalink to &quot;Génération des côtes et des rivages&quot;"></a></h3>
<p>Les côtes sont les zones où le terrain rencontre l’eau, et elles présentent des caractéristiques distinctives que l’érosion standard ne produit pas : falaises maritimes, dépôts de plage, vasières intertidales, stacks et plates-formes d’abrasion marine.</p>
<p>NEWTS1.0 (2024, <a href="https://dspace.mit.edu/handle/1721.1/157677" target="_blank" rel="noreferrer">MIT</a>) modélise l’évolution des côtes rocheuses au moyen de deux mécanismes d’érosion : le recul uniforme (taux d’érosion constant) et l’érosion provoquée par les vagues (taux d’érosion dépendant de la distance de fetch et de l’angle d’incidence des vagues). Le modèle couvre des milliers d’années simulées et produit des promontoires, des baies, des stacks et des arches correspondant à la géomorphologie côtière réelle.</p>
<p>Pour un monde dans le navigateur, les éléments côtiers seraient prégénérés lors de la création du monde. Les paramètres (direction dominante des vagues, variation de la dureté de la roche le long de la côte) permettent aux créateurs de contrôler le caractère de leur littoral. Un réglage « fjord norvégien » produit des bras de mer aux versants abrupts. Un réglage « atoll tropical » produit des rivages sablonneux de faible altitude avec des lagons.</p>
<h3 id="generation-de-grottes-et-de-souterrains" tabindex="-1">Génération de grottes et de souterrains <a class="header-anchor" href="#generation-de-grottes-et-de-souterrains" aria-label="Permalink to &quot;Génération de grottes et de souterrains&quot;"></a></h3>
<p>Les grottes nécessitent un terrain entièrement volumétrique (SDF ou voxels), car les cartes de hauteur ne peuvent pas représenter des espaces clos. Les approches de génération comprennent :</p>
<p><strong>Le seuillage de bruit 3D</strong> est la méthode la plus simple. On échantillonne un bruit de Perlin ou simplex 3D dans chaque voxel. Les valeurs inférieures à un seuil sont solides, celles qui sont supérieures sont vides. Le seuil et les paramètres du bruit permettent de contrôler le diamètre des tunnels, leur connectivité et la taille des salles. Cela produit des réseaux de grottes organiques et sinueux qui rappellent Minecraft.</p>
<p><strong>PLUME (Procedural Layer Underground Modeling Engine)</strong> (2024, <a href="https://arxiv.org/html/2508.20926v1" target="_blank" rel="noreferrer">arXiv:2508.20926</a>) génère des environnements réalistes de grottes et de tunnels de lave au moyen de règles procédurales en couches. Initialement conçu pour la recherche sur l’exploration spatiale (simulation de tunnels de lave martiens), il produit des structures souterraines géologiquement plausibles, avec des stalactites, des colonnes et des réseaux de salles.</p>
<p><strong>Les tunnels en système de Lindenmayer avec excavation par métaboules</strong> utilisent une grammaire de système de Lindenmayer pour développer des trajectoires de tunnels ramifiées à travers le terrain, puis creusent leur géométrie réelle à l’aide de surfaces implicites de métaboules. Les métaboules produisent des parois de grotte lisses et arrondies. Plusieurs passes avec des paramètres différents créent des galeries principales, des salles latérales et d’étroits tunnels de liaison.</p>
<p>Pour un monde de créateur, la génération de grottes est intégrée au système de superposition SDF. Le terrain de base est une carte de hauteur (sans grottes). Lorsqu’un chunk doit contenir des grottes, qu’elles soient issues de la génération procédurale ou conçues par un créateur, un volume SDF est généré afin de soustraire la géométrie des grottes au terrain de base. Le pipeline de marching cubes affiche la surface combinée.</p>
<h3 id="la-vegetation-comme-processus-physique" tabindex="-1">La végétation comme processus physique <a class="header-anchor" href="#la-vegetation-comme-processus-physique" aria-label="Permalink to &quot;La végétation comme processus physique&quot;"></a></h3>
<p>Dans les jeux, la végétation est généralement placée de manière procédurale selon des règles telles que « herbe en dessous de 2 000 m, arbres en dessous de 1 500 m, neige au-dessus de 3 000 m ». Cette méthode est rapide, mais produit une répartition uniforme et peu réaliste.</p>
<p>La simulation de végétation fondée sur la physique modélise chaque plante comme étant en concurrence pour les ressources (lumière, eau, nutriments du sol). La simulation :</p>
<ol>
<li>Disperse des graines sur le terrain</li>
<li>Fait pousser chaque plante en fonction des ressources disponibles (l’eau provient de la simulation d’érosion hydraulique, l’ensoleillement dépend de la pente et de l’orientation, et la profondeur du sol dépend de l’historique de l’érosion)</li>
<li>Met les plantes en concurrence : les arbres privent l’herbe de lumière, et un couvert dense empêche l’apparition de nouveaux semis</li>
<li>Au fil du temps simulé, fait émerger naturellement des biomes : forêts dans les vallées riches en eau, végétation clairsemée sur les crêtes balayées par le vent, zones humides là où l’eau s’accumule</li>
</ol>
<p>La simulation d’écosystème de Deussen et al. (<a href="https://export.arxiv.org/pdf/2208.01471v1.pdf" target="_blank" rel="noreferrer">Article</a>) génère des répartitions forestières correspondant à des modèles écologiques réels. La simulation s’exécute sur une grille 2D (une cellule par chunk de terrain) et produit des cartes de densité et des attributions d’espèces que le système de rendu utilise pour placer la végétation par instanciation GPU.</p>
<p>Pour un monde dans le navigateur, la simulation de végétation s’exécute une seule fois lors de la génération du monde (côté serveur). La sortie est un ensemble de cartes de densité par chunk : densité d’arbres, densité d’herbe, densité de fleurs et densité de débris rocheux. Le client dans le navigateur utilise ces cartes avec l’instanciation GPU pour disperser la végétation à l’exécution.</p>
<h2 id="synthese-de-terrain-basee-sur-la-diffusion" tabindex="-1">Synthèse de terrain basée sur la diffusion <a class="header-anchor" href="#synthese-de-terrain-basee-sur-la-diffusion" aria-label="Permalink to &quot;Synthèse de terrain basée sur la diffusion&quot;"></a></h2>
<p>C’est dans ce domaine que les progrès sont les plus rapides. Les modèles de diffusion (la même technologie que celle utilisée par Stable Diffusion pour les images) sont appliqués à la génération de terrains, avec des résultats nettement plus réalistes que ceux des méthodes basées sur le bruit.</p>
<h3 id="terrain-diffusion-un-successeur-du-bruit-de-perlin" tabindex="-1">Terrain Diffusion : un successeur du bruit de Perlin <a class="header-anchor" href="#terrain-diffusion-un-successeur-du-bruit-de-perlin" aria-label="Permalink to &quot;Terrain Diffusion : un successeur du bruit de Perlin&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/hJoaCZ7wZ5s" title="Intégration de Terrain Diffusion dans Minecraft" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Terrain Diffusion s’exécutant dans Minecraft et diffusant en temps réel un terrain infini cohérent avec sa graine. Entraîné sur des données d’altitude réelles, il produit des paysages dotés d’une structure géologique que les fonctions de bruit ne peuvent pas reproduire.</div>
<p>Terrain Diffusion (Goslin, 2025, <a href="https://arxiv.org/abs/2512.08309" target="_blank" rel="noreferrer">arXiv:2512.08309</a>, <a href="https://xandergos.github.io/terrain-diffusion/" target="_blank" rel="noreferrer">Page du projet</a>) constitue l’avancée la plus importante en matière de génération procédurale de terrains depuis le bruit de Perlin en 1985. Ces travaux ont depuis été acceptés à la SIGGRAPH 2026, et leur titre de référence sur arXiv est désormais « InfiniteDiffusion: Bridging Learned Fidelity and Procedural Utility for Open-World Terrain Generation ». L’algorithme InfiniteDiffusion et le framework Terrain Diffusion constituent les deux volets du même article.</p>
<p>L’innovation principale est <strong>InfiniteDiffusion</strong>, un algorithme qui reformule l’échantillonnage par diffusion pour des domaines non bornés. Les modèles de diffusion traditionnels génèrent des sorties de taille fixe (par exemple, une carte de hauteur de 512 x 512). InfiniteDiffusion génère un terrain d’étendue infinie avec :</p>
<ul>
<li><strong>Cohérence de la graine :</strong> une même graine produit toujours le même terrain, comme avec le bruit de Perlin</li>
<li><strong>Accès aléatoire en temps constant :</strong> vous pouvez interroger la hauteur de n’importe quel point sans générer d’abord les régions voisines</li>
<li><strong>Aucun artefact aux limites :</strong> une génération infinie sans raccords visibles ni répétitions</li>
</ul>
<p>Le système utilise une pile hiérarchique de modèles de diffusion. Le niveau supérieur capture les caractéristiques à l’échelle planétaire (continents, chaînes de montagnes). Chaque niveau suivant ajoute des détails plus fins (sommets individuels, vallées, rugosité à petite échelle). Un encodage laplacien compact stabilise les sorties sur l’immense plage dynamique allant du niveau de la mer aux sommets himalayens.</p>
<p><strong>Performances :</strong> La génération suit le rythme d’une exploration en temps réel. L’article indique que, même à la limite théorique d’une vitesse orbitale (environ 7 700 m/s), la synthèse du terrain s’exécute 9 fois plus vite que le déplacement sur un GPU grand public. Le projet comprend une intégration à Minecraft qui démontre la synthèse de terrain en temps réel.
<strong>Pourquoi c’est important pour nous :</strong> Terrain Diffusion produit des paysages entraînés à partir de données d’altitude réelles (la topographie effective de la Terre). Les réseaux fluviaux, chaînes de montagnes, éléments côtiers et plateaux présents dans les résultats sont issus des données d’entraînement, et non de paramètres de bruit réglés manuellement. Un créateur pourrait demander « générer un terrain semblable aux Highlands écossais » et le modèle de diffusion produirait un résultat présentant les caractéristiques géologiques appropriées.</p>
<p>Le modèle s’exécute côté serveur pendant la génération du monde. Le résultat est une carte de hauteur standard, transmise progressivement au navigateur comme n’importe quelle autre donnée de terrain. La méthode de génération est invisible pour le client.</p>
<h3 id="terrafusion-geometrie-et-texture-generees-conjointement" tabindex="-1">TerraFusion : géométrie et texture générées conjointement <a class="header-anchor" href="#terrafusion-geometrie-et-texture-generees-conjointement" aria-label="Permalink to &quot;TerraFusion : géométrie et texture générées conjointement&quot;"></a></h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/terrafusion-teaser.png" alt="TerraFusion génère conjointement des cartes de hauteur de terrain et les textures de surface correspondantes à partir de croquis grâce à la diffusion latente" />
</div>
<div class="game-caption">TerraFusion génère simultanément une carte de hauteur et une texture à partir d’un croquis dessiné à la main. La corrélation entre géométrie et matériau est intégrée dès la génération : les lits de rivière sont sablonneux, les parois des falaises rocheuses et les terrains plats herbeux, sans aucune peinture manuelle de splat maps.</div>
<p>TerraFusion (2025, <a href="https://arxiv.org/abs/2505.04050" target="_blank" rel="noreferrer">arXiv:2505.04050</a>) va plus loin en générant conjointement des cartes de hauteur et des textures de terrain. L’idée clé : la géométrie du terrain et l’apparence de sa surface sont corrélées (les lits de rivière sont sablonneux, les parois des falaises rocheuses et les zones plates herbeuses). Les générer séparément produit des incohérences.</p>
<p>TerraFusion utilise un modèle de diffusion latente doté de VAE distincts pour les cartes de hauteur et les textures, entraîné à modéliser leur distribution conjointe. Le système prend en charge :</p>
<ul>
<li><strong>Génération non conditionnée :</strong> terrain plausible aléatoire avec des textures correspondantes</li>
<li><strong>Génération conditionnée par un croquis :</strong> un créateur dessine une carte approximative (vallées ici, crêtes là, falaises le long de ce bord) et le modèle génère une géométrie détaillée ainsi que des textures correspondant au croquis</li>
</ul>
<p>Pour un monde de créateur, c’est très puissant. Le créateur esquisse la disposition générale de sa parcelle, puis le système complète le tout avec un terrain géologiquement plausible et des matériaux de surface appropriés. Nul besoin de peindre une carte de hauteur, de projeter des textures par splatting ou d’attribuer manuellement les matériaux.</p>
<h3 id="mesa-du-texte-au-terrain" tabindex="-1">MESA : du texte au terrain <a class="header-anchor" href="#mesa-du-texte-au-terrain" aria-label="Permalink to &quot;MESA : du texte au terrain&quot;"></a></h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/mesa-header.png" alt="MESA génère des images de terrain de style satellite et des cartes d’altitude à partir de prompts textuels, grâce à un entraînement sur les données mondiales de Copernicus" />
</div>
<div class="game-caption">MESA produit des paires composées d’images satellite et de MNT à partir de prompts textuels. Entraîné sur le jeu de données mondial de Copernicus, il comprend les terrains réels à toutes les échelles et dans toutes les zones climatiques : fjords, steppes, terres agricoles et crêtes alpines.</div>
<p>MESA (2025, <a href="https://arxiv.org/abs/2504.07210" target="_blank" rel="noreferrer">arXiv:2504.07210</a>, atelier CVPR 2025) génère des terrains à partir de descriptions textuelles. Il est entraîné sur les données mondiales de télédétection du programme Copernicus, ce qui l’expose à tous les types de paysages terrestres.</p>
<p>Un prompt tel que « un fjord aux parois abruptes de granite s’ouvrant sur une côte rocheuse » produit une carte de hauteur présentant la structure géologique appropriée. « Des terres agricoles vallonnées, avec de douces collines et une large vallée fluviale » produit un résultat totalement différent.</p>
<p>MESA introduit le jeu de données d’extension Major TOM Core-DEM, qui associe à l’échelle mondiale des images satellite à des modèles numériques d’altitude. Ces données d’entraînement permettent au modèle de comprendre l’apparence des terrains réels à toutes les échelles et dans toutes les zones climatiques.</p>
<h3 id="geodiffussr-texturation-du-terrain-guidee-par-du-texte" tabindex="-1">Geodiffussr : texturation du terrain guidée par du texte <a class="header-anchor" href="#geodiffussr-texturation-du-terrain-guidee-par-du-texte" aria-label="Permalink to &quot;Geodiffussr : texturation du terrain guidée par du texte&quot;"></a></h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/geodiffussr-teaser.png" alt="Geodiffussr génère des textures de terrain à partir de descriptions textuelles tout en respectant les données d’altitude : neige sur les sommets, sable sur les côtes et forêt sur les pentes" />
</div>
<div class="game-caption">Geodiffussr prend une carte de hauteur et un prompt textuel, puis génère des textures de surface respectant l’altitude. La neige n’apparaît qu’au-dessus d’altitudes plausibles, la végétation se raréfie avec la hauteur et l’eau occupe les dépressions. La géométrie reste inchangée.</div>
<p>Geodiffussr (2025, <a href="https://arxiv.org/abs/2511.23029" target="_blank" rel="noreferrer">arXiv:2511.23029</a>) prend une carte de hauteur existante et génère des textures guidées par des descriptions textuelles, tout en respectant les données d’altitude. « Forêt automnale » produit un feuillage orange et doré sur les pentes modérées, avec de la roche nue sur les parois abruptes. « Côte tropicale » produit une végétation de palmiers sur les terres basses, avec du sable corallien au niveau de la mer.</p>
<p>Le système utilise une agrégation de contenu multi-échelle afin que l’attribution des textures respecte l’altitude : la neige n’apparaît qu’au-dessus d’une altitude physiquement plausible, les étendues d’eau occupent les dépressions et la végétation se raréfie avec l’altitude.</p>
<p>Pour un monde de créateur, cela signifie que les textures du terrain peuvent être régénérées à partir d’un prompt textuel sans modifier la géométrie. Le créateur sculpte le terrain voulu, puis décrit l’ambiance (« sombre étendue volcanique désolée » ou « forêt tempérée luxuriante ») et le système génère les matériaux de surface appropriés.</p>
<h2 id="lod-dynamique-pour-les-terrains-dans-le-navigateur" tabindex="-1">LOD dynamique pour les terrains dans le navigateur <a class="header-anchor" href="#lod-dynamique-pour-les-terrains-dans-le-navigateur" aria-label="Permalink to &quot;LOD dynamique pour les terrains dans le navigateur&quot;"></a></h2>
<p>Il est impossible, dans un navigateur, d’afficher partout un vaste terrain en pleine résolution. Un monde de 4 km sur 4 km avec une résolution d’un mètre représente à lui seul 16 millions de sommets de terrain. Le LOD dynamique ramène ce nombre à une quantité constante et gérable, quelle que soit la taille du monde.</p>
<h3 id="clipmaps-geometriques" tabindex="-1">Clipmaps géométriques <a class="header-anchor" href="#clipmaps-geometriques" aria-label="Permalink to &quot;Clipmaps géométriques&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/yoUQRT-Hmcc" title="Clipmaps géométriques : rendu de terrain à l’aide de grilles régulières imbriquées (SIGGRAPH 2004)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">La présentation originale des clipmaps géométriques à SIGGRAPH 2004. Des anneaux concentriques de terrain aux résolutions successivement divisées par deux maintiennent un nombre constant de sommets, quelle que soit la taille du monde. Cette technique demeure le fondement de la plupart des systèmes de LOD de terrain dans les navigateurs actuels.</div>
<p>Les clipmaps géométriques (Losasso et Hoppe, SIGGRAPH 2004, <a href="https://hhoppe.com/geomclipmap.pdf" target="_blank" rel="noreferrer">Article</a>) restent la référence pour le LOD des terrains reposant sur des cartes de hauteur. Le principe : afficher le terrain sous la forme d’un ensemble d’anneaux carrés concentriques centrés sur la caméra. Chaque anneau couvre une surface deux fois supérieure à celle du précédent, mais à la moitié de sa résolution.</p>
<p>Près de la caméra (anneau le plus intérieur) : pleine résolution, avec un espacement de grille d’un mètre.
Anneau suivant : espacement de 2 mètres, couvrant 4 fois plus de surface.
Anneau suivant : espacement de 4 mètres, couvrant 16 fois plus de surface.
Et ainsi de suite sur 6 à 8 niveaux, jusqu’à ce que l’anneau le plus extérieur couvre toute la distance visible.</p>
<p>Le nombre total de sommets est constant : environ N^2 * niveaux, où N représente la largeur d’un anneau en nombre de sommets. Avec N=256 et 8 niveaux, cela représente environ 500 000 sommets au total. Le rendu reste identique, que le monde mesure 1 km ou 100 km de large.</p>
<p><strong>Implémentation dans le navigateur :</strong> les clipmaps géométriques fonctionnent avec WebGL 2, car elles ne nécessitent que des mises à jour standard des tampons de sommets, sans compute shaders. À mesure que la caméra se déplace, le processeur met à jour les données de carte de hauteur de chaque anneau en échantillonnant le terrain à la résolution appropriée. Le vertex shader lit les valeurs d’altitude dans une texture et déplace la grille plane.</p>
<p><strong>Morphing :</strong> la transition entre les niveaux de LOD produit des « sauts » visibles lorsqu’elle est gérée naïvement. Le géomorphing, détaillé dans sa propre section ci-dessous, interpole les positions des sommets entre les niveaux au sein d’une zone de transition dans le vertex shader. Il produit ainsi des transitions fluides et sans saut, sans coût d’appel de rendu supplémentaire.</p>
<h3 id="cdlod-clipmaps-adaptatives-basees-sur-un-quadtree" tabindex="-1">CDLOD : clipmaps adaptatives basées sur un quadtree <a class="header-anchor" href="#cdlod-clipmaps-adaptatives-basees-sur-un-quadtree" aria-label="Permalink to &quot;CDLOD : clipmaps adaptatives basées sur un quadtree&quot;"></a></h3>
<p>CDLOD (Strugar, 2014, <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf" target="_blank" rel="noreferrer">Article</a>) améliore les clipmaps géométriques en utilisant un quadtree au lieu d’anneaux concentriques fixes. Le quadtree s’adapte au terrain : les zones planes utilisent des nœuds grossiers, tandis que les zones très détaillées, comme les falaises et les crêtes, bénéficient d’une subdivision plus fine.</p>
<p>C’est important pour un monde de créateur, car la complexité varie d’un chunk à l’autre. Une prairie plane ne nécessite qu’une résolution minimale. Une région montagneuse dotée de falaises et de grottes exige un niveau de détail maximal. CDLOD affecte la résolution là où elle est nécessaire.</p>
<p>Le parcours du quadtree côté processeur est léger, avec quelques centaines de nœuds, et détermine quelles parcelles de terrain afficher et à quelle résolution. Le processeur graphique affiche chaque parcelle sous la forme d’une grille instanciée, avec des uniformes de LOD propres à chaque parcelle.</p>
<h3 id="arbres-binaires-concurrents-tessellation-a-l-echelle-planetaire" tabindex="-1">Arbres binaires concurrents : tessellation à l’échelle planétaire <a class="header-anchor" href="#arbres-binaires-concurrents-tessellation-a-l-echelle-planetaire" aria-label="Permalink to &quot;Arbres binaires concurrents : tessellation à l’échelle planétaire&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/0TzgFwDmbGg" title="Expérimentation avec des arbres binaires concurrents pour le rendu de terrain à grande échelle" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Tessellation adaptative par CBT pour un terrain à l’échelle planétaire : les triangles se subdivisent près de la caméra et fusionnent au loin, entièrement sur le processeur graphique. Moins de 0,2 ms sur du matériel de console.</div>
<p>Les arbres binaires concurrents (CBT) sont une structure de données adaptée au processeur graphique pour la tessellation adaptative des terrains, présentée par Benyoub et Dupuy (Intel, HPG 2024, <a href="https://arxiv.org/html/2407.02215v1" target="_blank" rel="noreferrer">Article</a>, <a href="https://github.com/AnisB/large_cbt" target="_blank" rel="noreferrer">GitHub</a>).</p>
<p>Le principe fondamental : représenter le terrain sous la forme d’un arbre binaire dont chaque nœud est un triangle. La subdivision adaptative divise les triangles proches de la caméra et fusionne ceux qui en sont éloignés. L’arbre binaire réside entièrement dans la mémoire du processeur graphique sous forme de tableau unidimensionnel, ou tas binaire, et les opérations de subdivision et de fusion s’exécutent dans des compute shaders.</p>
<p>L’article de 2024 étend les CBT des domaines carrés de cartes de hauteur aux maillages polygonaux arbitraires. Cela permet de tesseller une sphère, pour le rendu planétaire, ou un maillage de base arbitraire, pour un monde de jeu aux limites non rectangulaires. L’amélioration clé consiste à employer le CBT comme gestionnaire de réserve mémoire au lieu d’utiliser un encodage implicite, ce qui autorise des niveaux de subdivision beaucoup plus élevés.</p>
<p>Performances : tessellation d’un terrain à l’échelle planétaire en moins de 0,2 ms sur du matériel de niveau console. L’algorithme évolue linéairement avec le nombre de processeurs. Pour WebGPU, cela ouvre la voie au rendu de terrains à l’échelle planétaire dans un navigateur, même si la mise en œuvre reste complexe.</p>
<h3 id="lod-pilote-par-le-processeur-graphique-avec-webgpu" tabindex="-1">LOD piloté par le processeur graphique avec WebGPU <a class="header-anchor" href="#lod-pilote-par-le-processeur-graphique-avec-webgpu" aria-label="Permalink to &quot;LOD piloté par le processeur graphique avec WebGPU&quot;"></a></h3>
<p>WebGPU permet de créer un pipeline de terrain entièrement piloté par le processeur graphique, supprimant toute intervention du processeur central dans les décisions de LOD :</p>
<ol>
<li>
<p><strong>Passe de calcul 1 : élimination par frustum et occlusion.</strong> Un compute shader teste la boîte englobante de chaque parcelle de terrain par rapport au frustum de vue et à un tampon d’occlusion, c’est-à-dire le tampon de profondeur de l’image précédente sous-échantillonné. Les parcelles invisibles sont entièrement éliminées.</p>
</li>
<li>
<p><strong>Passe de calcul 2 : sélection du LOD.</strong> Pour les parcelles visibles, le système calcule la taille à l’écran et sélectionne le niveau de LOD approprié. Il écrit le niveau de LOD et l’identifiant de la parcelle dans un tampon de rendu indirect.</p>
</li>
<li>
<p><strong>Passe de calcul 3 : génération du maillage (pour les terrains volumétriques).</strong> Pour les chunks contenant des données SDF, l’algorithme des marching cubes génère le maillage à la résolution de LOD sélectionnée.</p>
</li>
<li>
<p><strong>Rendu indirect.</strong> Un unique appel à <code>drawIndexedIndirect()</code> affiche toutes les parcelles de terrain. Le processeur graphique décide de tout : quoi afficher, à quelle résolution et dans quel ordre.</p>
</li>
</ol>
<p>Ce pipeline présente un coût processeur constant, limité au lancement des compute shaders et à l’appel de rendu indirect, indépendamment de la taille ou de la complexité du monde. Le processeur graphique gère toutes les décisions propres à chaque parcelle.</p>
<div class="language-wgsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">wgsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">compute</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">workgroup_size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> lodSelection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(global_invocation_id) id: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> patchIdx </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">x;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> bounds </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> patchBounds[patchIdx];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">!</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">frustumTest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(bounds, viewProjection)) { </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">; }</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">occlusionTest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(bounds, depthPyramid) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">==</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> OCCLUDED</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) { </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">; }</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> screenSize </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> projectedSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(bounds, viewProjection, screenDimensions);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> lod </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clamp</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">log2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(maxScreenSize </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> screenSize)), </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0u</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, MAX_LOD);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> drawIdx </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> atomicAdd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">&#x26;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">drawCount, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1u</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    drawArgs[drawIdx] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> DrawArgs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(patchIdx, lod, indexCount[lod], indexOffset[lod]);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><h3 id="geomorphing-transitions-de-lod-sans-saut" tabindex="-1">Géomorphing : transitions de LOD sans saut <a class="header-anchor" href="#geomorphing-transitions-de-lod-sans-saut" aria-label="Permalink to &quot;Géomorphing : transitions de LOD sans saut&quot;"></a></h3>
<p>Le principal artefact visuel du LOD de terrain est le saut : les sommets changent brusquement de position lorsqu’une parcelle passe à un autre niveau de LOD. Le géomorphing élimine ce problème en interpolant progressivement la position des sommets entre les niveaux de LOD dans une zone de transition.</p>
<p>L’implémentation réside entièrement dans le vertex shader. Chaque sommet stocke à la fois sa position au LOD actuel et sa position au niveau de LOD moins détaillé suivant. Lorsque la distance de la caméra franchit le seuil de transition, un facteur de morphing effectue l’interpolation entre les deux :</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> morphFactor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(lodNear, lodFar, distanceToCamera);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> morphedHeight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(fineLodHeight, coarseLodHeight, morphFactor);</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">gl_Position</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> viewProjection </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(worldPos.x, morphedHeight, worldPos.z, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span></code></pre>
</div><p>L’article de Hoppe sur les clipmaps géométriques (GPU Gems 2, <a href="https://developer.nvidia.com/gpugems/gpugems2/part-i-geometric-complexity/chapter-2-terrain-rendering-using-gpu-based-geometry" target="_blank" rel="noreferrer">Chapitre 2</a>) décrit l’implémentation complète pour les anneaux de clipmap. La zone de morphing correspond aux 20 % extérieurs de chaque anneau. Dans cette zone, les sommets convergent progressivement vers la résolution de l’anneau suivant. Visuellement, la géométrie du terrain « fond » entre les niveaux de détail au lieu de changer brutalement. Aux vitesses de caméra habituelles, la transition est invisible.</p>
<p>Le mélange dans l’espace image (Scherzer et al., <a href="https://onlinelibrary.wiley.com/doi/10.1111/j.1467-8659.2007.00943.x" target="_blank" rel="noreferrer">Article</a>) constitue une autre approche, qui mélange dans l’espace écran les images rendues de deux niveaux de LOD. Cette méthode gère des différences de LOD plus extrêmes, par exemple les transitions entre maillage et billboard, mais nécessite une passe de rendu supplémentaire pour la zone de transition.</p>
<h3 id="elimination-de-la-vegetation-pilotee-par-le-processeur-graphique" tabindex="-1">Élimination de la végétation pilotée par le processeur graphique <a class="header-anchor" href="#elimination-de-la-vegetation-pilotee-par-le-processeur-graphique" aria-label="Permalink to &quot;Élimination de la végétation pilotée par le processeur graphique&quot;"></a></h3>
<p>La végétation, notamment les arbres, l’herbe et les rochers, constitue souvent la principale source d’appels de rendu dans un monde ouvert. Une approche naïve affiche chaque instance de végétation à chaque image. L’élimination pilotée par le processeur graphique, désormais disponible dans Three.js via WebGPU, supprime les instances invisibles avant qu’elles n’atteignent le rastériseur.</p>
<p><code>ComputeInstanceCulling</code> de Three.js (<a href="https://www.threejs-blocks.com/docs/ComputeInstanceCulling" target="_blank" rel="noreferrer">Documentation</a>) assure l’élimination par frustum et par LOD pour les maillages instanciés, avec des gains de performances de 10 à 100 fois lorsque le nombre d’instances est élevé. Le pipeline :</p>
<ol>
<li>Un compute shader lit les sphères englobantes de toutes les instances</li>
<li>Il teste chacune d’elles par rapport au frustum de la caméra, à l’aide d’un test sur 6 plans</li>
<li>Il applique un LOD fondé sur la distance : les instances situées au-delà d’un seuil passent à un niveau de détail inférieur ou sont entièrement éliminées</li>
<li>Les instances restantes sont compactées dans un tampon et affichées via <code>drawIndirect</code>
Le CPU n’effectue aucun travail par instance. Après la configuration initiale, le coût se résume à un dispatch de calcul et un appel de rendu indirect par type de végétation, quel que soit le nombre d’instances.</li>
</ol>
<p>Pour une végétation plus dense, l’<code>IndirectBatchedMesh</code> de Three.js (<a href="https://www.threejs-blocks.com/docs/IndirectBatchedMesh" target="_blank" rel="noreferrer">Documentation</a>) regroupe plusieurs types de géométrie (arbres, buissons, rochers) dans un seul tampon et les affiche au moyen d’un rendu indirect multi-draw. Un seul appel de rendu suffit pour toute la végétation d’un chunk.</p>
<p>Combiné à la dispersion fondée sur les cartes de densité de notre système de végétation, cela signifie que la carte de densité génère les positions de 50 000 brins d’herbe dans un shader de calcul, que la passe d’élimination retire les 70 % qui sont hors écran ou trop éloignés, puis qu’un seul appel de rendu indirect affiche les 15 000 brins restants. Coût total côté CPU : négligeable.</p>
<h3 id="lod-pour-les-terrains-volumetriques" tabindex="-1">LOD pour les terrains volumétriques <a class="header-anchor" href="#lod-pour-les-terrains-volumetriques" aria-label="Permalink to &quot;LOD pour les terrains volumétriques&quot;"></a></h3>
<p>Les terrains volumétriques (SDF + marching cubes) nécessitent leur propre système de LOD, car le maillage est généré et non créé au préalable. Voici l’approche :</p>
<p><strong>Stockage SDF multirésolution.</strong> Stockez le SDF à plusieurs résolutions dans une hiérarchie semblable à celle des mipmaps. Le niveau 0 utilise la pleine résolution (voxels de 1 mètre). Le niveau 1 utilise des voxels de 2 mètres (8 fois moins de données). Le niveau 2 utilise des voxels de 4 mètres. À chaque niveau, le SDF est sous-échantillonné en retenant la distance absolue minimale.</p>
<p><strong>Marching cubes sélectionné selon le LOD.</strong> Exécutez marching cubes sur le niveau SDF correspondant au LOD souhaité. Les chunks proches utilisent le niveau 0. Les chunks éloignés utilisent le niveau 2 ou 3. L’algorithme Transvoxel gère la frontière entre les différents niveaux.</p>
<p><strong>Mise en cache.</strong> Les maillages générés sont mis en cache jusqu’à ce que le SDF change (modification par un créateur) ou que le niveau de LOD change (déplacement important de la caméra). Pour un terrain statique, le maillage est généré une seule fois, puis réutilisé.</p>
<h2 id="architecture-de-streaming-du-terrain" tabindex="-1">Architecture de streaming du terrain <a class="header-anchor" href="#architecture-de-streaming-du-terrain" aria-label="Permalink to &quot;Architecture de streaming du terrain&quot;"></a></h2>
<h3 id="format-des-donnees-d-un-chunk" tabindex="-1">Format des données d’un chunk <a class="header-anchor" href="#format-des-donnees-d-un-chunk" aria-label="Permalink to &quot;Format des données d’un chunk&quot;"></a></h3>
<p>Chaque chunk de terrain (64 × 64 mètres) est transmis sous la forme d’un paquet binaire compact :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>ChunkPacket {</span></span>
<span class="line"><span>  header: {</span></span>
<span class="line"><span>    chunkX: i16, chunkZ: i16,</span></span>
<span class="line"><span>    version: u32,</span></span>
<span class="line"><span>    flags: u8  // hasHeightmap | hasVolumetric | hasVegetation</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>  heightmap: {</span></span>
<span class="line"><span>    resolution: u8,      // 65x65 for full, 33x33 for half, 17x17 for quarter</span></span>
<span class="line"><span>    quantizedHeights: u16[resolution * resolution],  // delta-encoded, zlib compressed</span></span>
<span class="line"><span>    splatMap: u8[4 * resolution * resolution]         // RGBA blend weights, LZ4 compressed</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>  volumetric?: {         // only present if flags.hasVolumetric</span></span>
<span class="line"><span>    sdfResolution: u8,   // typically 32 or 64</span></span>
<span class="line"><span>    sparseOctree: bytes  // run-length encoded sparse SDF</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>  vegetation?: {         // only present if flags.hasVegetation</span></span>
<span class="line"><span>    treeDensityMap: u8[16 * 16],    // 4m resolution density grid</span></span>
<span class="line"><span>    grassDensityMap: u8[32 * 32],   // 2m resolution density grid</span></span>
<span class="line"><span>    rockDensityMap: u8[16 * 16]</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>  creatorObjects: {</span></span>
<span class="line"><span>    count: u16,</span></span>
<span class="line"><span>    objects: PlacedObject[]   // assetId + transform + properties, ~40 bytes each</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span></code></pre>
</div><p><strong>Tailles habituelles :</strong></p>
<ul>
<li>Chunk avec carte de hauteur uniquement (terrain plat) : 2 à 4 Ko compressés</li>
<li>Carte de hauteur + végétation : 4 à 8 Ko</li>
<li>Carte de hauteur + données volumétriques + végétation (chunk complexe) : 20 à 100 Ko</li>
<li>Voisinage de 5 × 5 chunks en pleine résolution : 50 à 500 Ko au total</li>
</ul>
<h3 id="chargement-progressif-des-chunks" tabindex="-1">Chargement progressif des chunks <a class="header-anchor" href="#chargement-progressif-des-chunks" aria-label="Permalink to &quot;Chargement progressif des chunks&quot;"></a></h3>
<p>Les chunks sont chargés par ordre de priorité en fonction de la distance, de la direction du déplacement et du type de données :</p>
<p><strong>Priorité 1 (immédiate, &lt;100 ms) :</strong> géométrie de la carte de hauteur pour les chunks dans lesquels le joueur est sur le point d’entrer. La surface du terrain apparaît en premier. Même à la résolution la plus basse (17 × 17 par chunk), le sol est présent.</p>
<p><strong>Priorité 2 (rapide, &lt;300 ms) :</strong> splat maps et textures du terrain. Le sol acquiert ses couleurs.</p>
<p><strong>Priorité 3 (streaming, &lt;1 s) :</strong> passage de la carte de hauteur à la pleine résolution. Cartes de densité de la végétation. L’instanciation GPU génère les arbres et l’herbe.</p>
<p><strong>Priorité 4 (arrière-plan, ❤️ s) :</strong> données SDF volumétriques pour les chunks comportant des grottes ou des surplombs. Marching cubes génère le maillage dans un Web Worker, puis transfère le tampon vers le thread principal.</p>
<p><strong>Priorité 5 (différée, &lt;10 s) :</strong> objets placés par les créateurs. Textures haute résolution des structures. Objets de détail comme les fleurs, les petits rochers et les débris.</p>
<h3 id="prechargement-predictif" tabindex="-1">Préchargement prédictif <a class="header-anchor" href="#prechargement-predictif" aria-label="Permalink to &quot;Préchargement prédictif&quot;"></a></h3>
<p>N’attendez pas que le joueur entre dans un chunk pour le charger. Prédisez sa destination à partir de sa vélocité et chargez les données en avance :</p>
<ul>
<li><strong>Marche (5 km/h) :</strong> préchargez 2 chunks en avant (128 m). Avec la latence habituelle d’une connexion haut débit, cela offre une avance de 200 à 400 ms.</li>
<li><strong>Course/déplacement à monture (15 km/h) :</strong> préchargez 4 chunks en avant. L’anneau de chargement se décale selon la direction de la vélocité.</li>
<li><strong>Vol/voyage rapide :</strong> suspendez le rendu pendant la transition. Transmettez les chunks de destination avec la priorité la plus élevée. Reprenez le rendu dès que suffisamment de données sont disponibles pour produire une première image.</li>
</ul>
<p>Le système de préchargement suit les chunks présents dans le cache, ceux en cours de transfert (demandés, mais pas encore reçus) et ceux qui sont nécessaires. Une file de priorité trie les requêtes en attente selon leur urgence. Annulez les requêtes concernant les chunks dont le joueur s’est éloigné.</p>
<h3 id="budget-memoire-et-eviction" tabindex="-1">Budget mémoire et éviction <a class="header-anchor" href="#budget-memoire-et-eviction" aria-label="Permalink to &quot;Budget mémoire et éviction&quot;"></a></h3>
<p>Un onglet de navigateur dispose de 2 à 4 Go sur un ordinateur de bureau. Le système de terrain doit n’en utiliser qu’une partie, le reste étant réservé au rendu, à la physique, au réseau et au tas JavaScript.</p>
<p><strong>Budget cible : 256 Mo pour toutes les données du terrain.</strong></p>
<p>Avec les tailles habituelles de nos chunks :</p>
<ul>
<li>Chunks en pleine résolution mis en cache : environ 100 (voisinage de 10 × 10) à 5-100 Ko chacun = 5 à 10 Mo de données brutes</li>
<li>Géométrie du terrain sur le GPU : environ 50 Mo (tampons de sommets et d’indices du terrain visible)</li>
<li>Textures du terrain : environ 100 Mo (compressées en KTX2 et regroupées dans des atlas)</li>
<li>Tampons d’instances de végétation : environ 50 Mo (positions, rotations et échelles pour l’instanciation GPU)</li>
<li>Volumes SDF et maillages marching cubes mis en cache : environ 50 Mo</li>
</ul>
<p>Les chunks situés au-delà de la portée visible sont d’abord évincés de la mémoire GPU (textures, tampons de sommets), puis du cache CPU. Les données brutes des cartes de hauteur sont supprimées en dernier, car elles sont les moins coûteuses à conserver et les plus importantes à avoir sous la main lorsque le joueur fait demi-tour.</p>
<h2 id="transitions-entre-biomes-et-suppression-des-repetitions" tabindex="-1">Transitions entre biomes et suppression des répétitions <a class="header-anchor" href="#transitions-entre-biomes-et-suppression-des-repetitions" aria-label="Permalink to &quot;Transitions entre biomes et suppression des répétitions&quot;"></a></h2>
<h3 id="frontieres-fluides-entre-les-biomes" tabindex="-1">Frontières fluides entre les biomes <a class="header-anchor" href="#frontieres-fluides-entre-les-biomes" aria-label="Permalink to &quot;Frontières fluides entre les biomes&quot;"></a></h3>
<p>Les paysages réels ne présentent pas de frontières nettes entre les biomes. Une forêt ne s’arrête pas brusquement sur une ligne pour devenir un désert. Il existe un gradient : la forêt dense s’éclaircit pour laisser place à des arbres dispersés, puis à une végétation de broussailles et enfin à une végétation désertique clairsemée. Une transition réussie donne l’impression d’un monde continu plutôt que constitué de tuiles.</p>
<p><strong>AutoBiomes</strong> (Kötter et al., <a href="https://cgvr.cs.uni-bremen.de/papers/cgi20/AutoBiomes.pdf" target="_blank" rel="noreferrer">Article</a>) associe la génération procédurale de terrain à une simulation climatique simplifiée. La température, l’humidité et l’altitude déterminent le type de biome en chaque point. Entre les biomes, les poids des matériaux et la densité de la végétation sont interpolés sur une zone de transition, généralement large de 50 à 100 mètres. La largeur de la transition varie selon la paire de biomes : celle entre une forêt et une prairie est large et progressive, tandis que celle entre une falaise et l’eau est étroite et abrupte.</p>
<p>Dans un monde créé par les utilisateurs, l’attribution des biomes s’effectue sur une grille grossière (un échantillon de biome par zone de 16 × 16 mètres). Le shader du terrain lit les valeurs de biome du fragment actuel et de ses voisins, interpole les poids des matériaux dans la zone de transition, puis mélange les textures en conséquence. La dispersion de la végétation utilise les mêmes valeurs de densité interpolées, si bien que la densité des arbres diminue progressivement à la lisière de la forêt.</p>
<p>Contrôle des créateurs : permettez-leur de peindre des remplacements de biome sur leurs parcelles. Le système génère des biomes par défaut à partir des propriétés du terrain, mais les créateurs peuvent les remplacer. Peignez un « marais » dans une zone basse et le matériau se transforme en eau trouble, en mousse et en arbres morts. La carte de peinture des biomes est une grille par chunk de 16 × 16 identifiants de biome (256 octets), qui remplace l’attribution procédurale.</p>
<h3 id="pavage-hexagonal-eliminer-la-repetition-des-textures" tabindex="-1">Pavage hexagonal : éliminer la répétition des textures <a class="header-anchor" href="#pavage-hexagonal-eliminer-la-repetition-des-textures" aria-label="Permalink to &quot;Pavage hexagonal : éliminer la répétition des textures&quot;"></a></h3>
<p>L’artefact visuel le plus courant dans le rendu de terrain est la répétition des textures. Une texture d’herbe de 1 mètre répétée sur une prairie de 100 mètres produit des motifs de grille visibles. Deux techniques permettent d’y remédier :</p>
<p><strong>Pavage hexagonal</strong> (Mikkelsen, <a href="https://github.com/mmikk/hextile-demo" target="_blank" rel="noreferrer">Démo</a>) remplace la grille de pavage carrée par une grille hexagonale. Chaque tuile hexagonale échantillonne la texture avec un décalage et une rotation aléatoires. Les limites hexagonales sont fusionnées afin de masquer les raccords. Le résultat est une surface qui semble uniformément aléatoire plutôt que répétitive. Coût : environ 3 échantillonnages de texture supplémentaires par fragment. Cette technique est largement utilisée dans les jeux en production et fonctionne dans n’importe quel fragment shader.</p>
<p><strong>Filtrage stochastique des textures</strong> (Pharr et al., NVIDIA, 2024, <a href="https://research.nvidia.com/labs/rtr/publication/pharr2024stochtex/" target="_blank" rel="noreferrer">Article</a>) applique le filtrage après l’ombrage plutôt qu’avant, en utilisant un échantillonnage stochastique. L’erreur issue de cet échantillonnage est minime et bien corrigée par le débruitage spatiotemporel. Cette méthode produit un filtrage plus précis et fonctionne avec les textures compressées ou creuses. Pour le terrain, elle élimine à la fois les artefacts de répétition et ceux de filtrage que le pavage hexagonal peut parfois introduire au niveau des transitions.</p>
<p>Pour un monde dans le navigateur, le pavage hexagonal constitue le choix le plus pratique, car il fonctionne dans n’importe quel shader. Le filtrage stochastique nécessite davantage d’infrastructure, mais produit de meilleurs résultats lorsqu’un débruitage temporel est disponible, comme ce serait le cas dans une chaîne de rendu WebGPU avec TAA.</p>
<h2 id="systeme-de-materiaux-du-terrain" tabindex="-1">Système de matériaux du terrain <a class="header-anchor" href="#systeme-de-materiaux-du-terrain" aria-label="Permalink to &quot;Système de matériaux du terrain&quot;"></a></h2>
<h3 id="projection-triplanaire" tabindex="-1">Projection triplanaire <a class="header-anchor" href="#projection-triplanaire" aria-label="Permalink to &quot;Projection triplanaire&quot;"></a></h3>
<p>Les textures utilisant un mapping UV standard s’étirent terriblement sur les pentes raides, car les coordonnées UV se compriment. La projection triplanaire projette les textures le long des trois axes (X, Y, Z) et les mélange selon la normale de la surface :</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> abs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(normal);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">blending </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> normalize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(blending, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.00001</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">));</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">blending </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">/=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (blending.x </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending.y </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending.z);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> xaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> texture</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(material, worldPos.yz </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70"> scale</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> yaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> texture</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(material, worldPos.xz </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70"> scale</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> zaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> texture</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(material, worldPos.xy </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70"> scale</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> color </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> xaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending.x </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> yaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending.y </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> zaxis </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> blending.z;</span></span></code></pre>
</div><p>Les parois des falaises utilisent la projection X ou Z, sans étirement. Les sols plats utilisent la projection Y. Le mélange est fluide et automatique. Aucun dépliage UV n’est nécessaire.</p>
<p>Babylon.js possède un <a href="https://doc.babylonjs.com/toolsAndResources/assetLibraries/materialsLibrary/triPlanarMat" target="_blank" rel="noreferrer">matériau triplanaire</a> intégré. Three.js nécessite un shader personnalisé, mais l’implémentation ne demande qu’une trentaine de lignes de GLSL.</p>
<p>Pour un terrain PBR, appliquez la projection triplanaire à tous les canaux : albédo, normales, rugosité et occlusion ambiante. Les mêmes poids de mélange s’appliquent à chaque canal.</p>
<h3 id="attribution-des-materiaux-selon-la-pente-et-l-altitude" tabindex="-1">Attribution des matériaux selon la pente et l’altitude <a class="header-anchor" href="#attribution-des-materiaux-selon-la-pente-et-l-altitude" aria-label="Permalink to &quot;Attribution des matériaux selon la pente et l’altitude&quot;"></a></h3>
<p>Au lieu de peindre manuellement des splat maps, attribuez les matériaux de manière procédurale selon les propriétés du terrain :</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> slope </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> acos</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(normal, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)));</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> altitude </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> worldPos.y;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> grassWeight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, slope) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">2000.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1500.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, altitude);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> rockWeight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, slope);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> snowWeight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">2500.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">3000.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, altitude) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, slope);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> sandWeight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">5.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, altitude) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.15</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, slope);</span></span></code></pre>
</div><p>À basse altitude, les sols plats sont recouverts d’herbe. Les pentes raides sont rocheuses. La neige apparaît en altitude, mais uniquement sur les surfaces suffisamment plates pour qu’elle puisse s’accumuler. Le sable apparaît près du niveau de la mer. Les transitions sont fluides et reposent sur des principes physiques.</p>
<p>Dans un monde créé par les utilisateurs, exposez les seuils d’altitude et les zones de mélange sous forme de paramètres modifiables à la peinture pour chaque chunk. Les créateurs peuvent relever ou abaisser la limite des arbres, étendre la couverture neigeuse ou transformer une colline herbeuse en désert de sable en ajustant les règles de matériaux de leur parcelle.</p>
<h3 id="melange-laplacien-de-textures-optimise-pour-le-gpu" tabindex="-1">Mélange laplacien de textures optimisé pour le GPU <a class="header-anchor" href="#melange-laplacien-de-textures-optimise-pour-le-gpu" aria-label="Permalink to &quot;Mélange laplacien de textures optimisé pour le GPU&quot;"></a></h3>
<p>Le mélange standard des textures, par interpolation linéaire entre les couches, produit soit des raccords visibles, soit des résultats délavés et peu contrastés. Le mélange par pyramide laplacienne résout ce problème, mais nécessite traditionnellement un prétraitement coûteux.</p>
<p>Wronski (NVIDIA, 2025, <a href="https://jcgt.org/published/0014/01/02/" target="_blank" rel="noreferrer">JCGT</a>) présente une variante adaptée au GPU qui fonctionne dans des shaders en temps réel, sans prétraitement ni mémoire supplémentaire. Cette technique utilise la chaîne de mipmaps standard comme approximation de la pyramide laplacienne : elle échantillonne la texture à la fois au niveau de mipmap actuel et à un niveau plus grossier, calcule la différence (le laplacien), puis mélange les contributions laplaciennes de chaque couche.</p>
<p>Le résultat préserve les détails locaux nets, comme les brins d’herbe et les fissures des rochers, tout en assurant un mélange fluide à plus grande échelle. Le coût se limite à quelques lectures de texture supplémentaires par fragment. Pour un terrain où plus de quatre couches de matériaux sont mélangées par pixel, cette méthode produit des résultats sensiblement meilleurs que le mélange linéaire, surtout aux transitions entre l’herbe, la roche et le sable.</p>
<h3 id="bruit-de-phase-pour-les-details-d-erosion" tabindex="-1">Bruit de phase pour les détails d’érosion <a class="header-anchor" href="#bruit-de-phase-pour-les-details-d-erosion" aria-label="Permalink to &quot;Bruit de phase pour les détails d’érosion&quot;"></a></h3>
<p>Les terrains standards paraissent souvent plats de près, car la simulation d’érosion fonctionne à la résolution de la carte de hauteur, sur une grille de 1 mètre. Les terrains réels présentent des motifs d’érosion à petite échelle — rigoles, ravines et fissures dues aux intempéries — de l’ordre du centimètre.</p>
<p>Grenier et al. (2024, <a href="https://diglib.eg.org/bitstream/handle/10.1111/cgf14992/v43i1_05_cgf14992.pdf" target="_blank" rel="noreferrer">CGF</a>) utilisent le bruit de phase pour ajouter en temps réel des microdétails au terrain. Le bruit de phase synthétise des motifs structurés en définissant un champ de phase stochastique fourni à des fonctions périodiques. Appliqué au terrain, il crée des motifs d’érosion spatialement variables qui :</p>
<ul>
<li>Font converger d’étroites rigoles en ravines plus importantes à différentes échelles</li>
<li>S’alignent automatiquement sur la pente du terrain, les motifs d’érosion suivant la ligne de plus grande pente</li>
<li>Atteignent un facteur d’amplification pouvant aller jusqu’à 32, en ajoutant des détails à une résolution 32 fois supérieure à celle de la carte de hauteur</li>
<li>S’exécutent entièrement dans un fragment shader à des fréquences d’images interactives</li>
</ul>
<p>Pour un monde dans le navigateur, le bruit de phase s’exécute dans le shader du terrain comme une couche de détails. La carte de hauteur fournit la forme à grande échelle. Le bruit de phase ajoute des micro-érosions convaincantes dans le fragment shader sans augmenter la complexité géométrique. Les paramètres — fréquence, amplitude et orientation des motifs — peuvent varier selon le biome : rigoles profondes sur la roche nue, douces ondulations sur les dunes de sable, texture rugueuse évoquant l’écorce sur la boue séchée.</p>
<h3 id="texturation-virtuelle-du-terrain" tabindex="-1">Texturation virtuelle du terrain <a class="header-anchor" href="#texturation-virtuelle-du-terrain" aria-label="Permalink to &quot;Texturation virtuelle du terrain&quot;"></a></h3>
<p>À grande échelle, l’atlas de textures du terrain devient difficile à gérer. Un monde de 4 km × 4 km avec 1 texel par centimètre nécessiterait une texture de 400 000 × 400 000 pixels. C’est évidemment impossible.</p>
<p>La texturation virtuelle, également appelée mégatexture d’après Rage d’id Software, résout ce problème en traitant la texture du terrain comme une structure paginée. La texture complète existe conceptuellement, mais seules les tuiles visibles à l’écran sont chargées dans la mémoire GPU.
Le pipeline :</p>
<ol>
<li><strong>Passe de rétroaction :</strong> effectuez le rendu du terrain avec un shader qui indique la tuile de texture requise par chaque pixel (ID de tuile et niveau de mipmap). Renvoyez ces données au CPU, ou traitez-les avec un shader de calcul.</li>
<li><strong>Chargement des tuiles :</strong> chargez les tuiles demandées depuis le CDN ou générez-les procéduralement à partir des données de la splat map.</li>
<li><strong>Texture d’indirection :</strong> une petite texture associe les coordonnées des tuiles virtuelles aux coordonnées des tuiles physiques dans un atlas de textures.</li>
<li><strong>Passe de rendu :</strong> le shader du terrain consulte la texture d’indirection pour trouver la bonne tuile physique, puis échantillonne la texture du matériau dans l’atlas.</li>
</ol>
<p>Les shaders de calcul de WebGPU peuvent gérer entièrement sur le GPU l’analyse de la rétroaction et la gestion de la table des pages. Le CPU ne gère que les entrées-sorties des tuiles.</p>
<p>Résultat : un terrain doté de textures uniques à n’importe quelle résolution, sans explosion de la mémoire dédiée aux textures. Les tuiles éloignées de la caméra sont chargées en basse résolution. Les tuiles vues de près sont chargées en haute résolution. L’utilisation totale de la mémoire reste dans les limites d’un budget fixe, généralement un atlas de textures de 128 à 256 Mo.</p>
<h2 id="effets-de-terrain-dynamiques" tabindex="-1">Effets de terrain dynamiques <a class="header-anchor" href="#effets-de-terrain-dynamiques" aria-label="Permalink to &quot;Effets de terrain dynamiques&quot;"></a></h2>
<h3 id="flaques-et-surfaces-mouillees" tabindex="-1">Flaques et surfaces mouillées <a class="header-anchor" href="#flaques-et-surfaces-mouillees" aria-label="Permalink to &quot;Flaques et surfaces mouillées&quot;"></a></h3>
<p>La pluie ne fait pas que tomber. Elle s’accumule. Dans les creux, elle forme des flaques. Sur les surfaces, elle crée un éclat humide. Sur les pentes raides, elle ruisselle. La simulation de ces phénomènes donne l’impression que la météo interagit avec le terrain au lieu de n’être qu’une simple surcouche visuelle.</p>
<p>L’approche fondée sur les shaders ne simule pas la dynamique des fluides. Elle utilise la heightmap du terrain pour déterminer où l’eau s’accumule :</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> concavity </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightCenter </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 4.0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> -</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightLeft </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightRight </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightUp </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightDown;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> puddleDepth </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, concavity </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> rainIntensity </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> evaporationRate </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> timeSinceRain);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> wetness </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> smoothstep</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.02</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, puddleDepth);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> wetColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> baseColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.7</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> wetRoughness </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> baseRoughness </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> finalColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(baseColor, wetColor, wetness);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> finalRoughness </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(baseRoughness, wetRoughness, wetness);</span></span></code></pre>
</div><p>Les zones concaves (laplacien négatif de la heightmap) recueillent l’eau. Plus la concavité est profonde, plus la flaque est grande. Les surfaces mouillées s’assombrissent et deviennent plus réfléchissantes, avec une rugosité plus faible. L’effet s’estompe progressivement après l’arrêt de la pluie.</p>
<p>Pour obtenir des reflets complets dans les flaques, ajoutez une passe de réflexion plane au niveau de leur surface. Vous pouvez aussi utiliser des réflexions en espace écran (SSR), moins coûteuses et déjà disponibles dans les piles de post-traitement de Three.js et Babylon.js.</p>
<p>Les gouttes de pluie à la surface des flaques utilisent une simple équation d’onde 2D dans une texture de rétroaction (Saurel, 2026, <a href="https://www.4rknova.com/blog/2026/02/08/raindrops-on-puddle" target="_blank" rel="noreferrer">blog</a>). Chaque goutte crée une onde qui se propage vers l’extérieur avant de s’atténuer. La texture d’onde module la normal map de la flaque, produisant des ondulations convaincantes à 60 images par seconde.</p>
<h3 id="empreintes-de-pas-et-deformation-du-terrain" tabindex="-1">Empreintes de pas et déformation du terrain <a class="header-anchor" href="#empreintes-de-pas-et-deformation-du-terrain" aria-label="Permalink to &quot;Empreintes de pas et déformation du terrain&quot;"></a></h3>
<p>Lorsqu’un joueur marche sur un terrain meuble comme le sable, la neige ou la boue, les empreintes renforcent la sensation de présence physique. La technique consiste à conserver une petite texture de déformation par chunk (64 × 64 pixels, soit 4 Ko) qui stocke les décalages de hauteur. Lorsqu’un personnage pose le pied sur un terrain meuble, la forme d’une empreinte est appliquée à la texture de déformation.</p>
<p>Le vertex shader du terrain lit la texture de déformation et soustrait le décalage à la hauteur. Le fragment shader du terrain assombrit la zone de l’empreinte, car le sol comprimé est plus sombre, et augmente sa rugosité pour représenter une surface perturbée.</p>
<p>Les empreintes s’effacent progressivement : la neige les comble et la pluie élimine les traces dans la boue. Pour cela, la texture de déformation est graduellement remise à zéro. La vitesse d’effacement dépend de la météo : elle est rapide sous la pluie et lente par temps sec.</p>
<p>Dans un monde multijoueur, les données des empreintes sont éphémères et locales. Chaque client génère les empreintes des joueurs visibles. Il n’est pas nécessaire de synchroniser la texture de déformation entre les clients, car chacun voit sa propre version de ces empreintes temporaires. Cela évite le coût réseau qu’impliquerait la diffusion de chaque pas.</p>
<h3 id="ciel-procedural-et-cycle-jour-nuit" tabindex="-1">Ciel procédural et cycle jour/nuit <a class="header-anchor" href="#ciel-procedural-et-cycle-jour-nuit" aria-label="Permalink to &quot;Ciel procédural et cycle jour/nuit&quot;"></a></h3>
<p>Le ciel est la plus grande surface visible de tout monde ouvert. Il définit l’ambiance de l’ensemble du terrain.</p>
<p>Three.js dispose d’un <a href="https://discourse.threejs.org/t/complete-sky-system-for-three-js-skybox-sun-moon-day-night-cycle-clouds-stars-lensflares/88311" target="_blank" rel="noreferrer">système de ciel complet</a> comprenant un soleil et une lune procéduraux, un cycle jour/nuit, des nuages, des étoiles et des reflets de lentille. L’exemple <code>Sky</code> intégré à Three.js, également disponible avec <a href="https://threejs.org/examples/webgpu_sky.html" target="_blank" rel="noreferrer">WebGPU</a>, implémente le modèle analytique de ciel de Preetham.</p>
<p>Pour des résultats physiquement plus précis, <a href="https://jolifantobambla.github.io/webgpu-sky-atmosphere/" target="_blank" rel="noreferrer">webgpu-sky-atmosphere</a> implémente le modèle atmosphérique de Hillaire sous la forme d’un post-traitement WebGPU. Il prend en charge plusieurs fonctions de phase de diffusion et produit, à partir de principes physiques, une perspective aérienne correcte où le terrain lointain paraît plus brumeux, ainsi que les couleurs du soleil et du coucher de soleil et les dégradés du ciel.</p>
<p><a href="https://dev.to/the_lone_engineer/terrainview7-full-scale-planet-rendering-in-webgpu-emscripten-now-with-precomputed-atmospheric-18ik" target="_blank" rel="noreferrer">TerrainView7</a> présente le rendu d’une planète à l’échelle réelle dans WebGPU avec une diffusion atmosphérique précalculée, prouvant qu’un rendu atmosphérique physiquement précis peut fonctionner dans un navigateur.</p>
<p>Dans un monde de créateurs, les paramètres du ciel — position du soleil, couverture nuageuse et densité de la brume — sont synchronisés entre tous les clients à partir de l’horloge du monde gérée par le serveur. Le shader du ciel s’exécute localement sur chaque client, produisant un éclairage cohérent pour tous les joueurs.</p>
<h3 id="eclairage-du-terrain-illumination-indirecte" tabindex="-1">Éclairage du terrain : illumination indirecte <a class="header-anchor" href="#eclairage-du-terrain-illumination-indirecte" aria-label="Permalink to &quot;Éclairage du terrain : illumination indirecte&quot;"></a></h3>
<p>La lumière directe du soleil est gérée par les shadow maps. Mais la couleur et la luminosité du terrain dans l’ombre, c’est-à-dire la lumière ambiante et indirecte, sont tout aussi importantes pour la qualité visuelle. Des ombres entièrement noires ne sont pas réalistes. Elles doivent être teintées par la couleur du ciel : bleues par temps clair, grises par temps couvert.</p>
<p>Pour un monde dans le navigateur, l’approche pratique est la suivante :</p>
<p>L’<strong>éclairage indirect en espace écran</strong> avec masque de bits de visibilité (Jimenez et al., 2023, <a href="https://export.arxiv.org/pdf/2301.11376v2.pdf" target="_blank" rel="noreferrer">article</a>) améliore le SSAO standard en suivant 32 secteurs de visibilité directionnelle par pixel. Il détermine ainsi non seulement le degré d’occlusion d’un point, mais aussi la direction de cette occlusion. Les surfaces minces laissent correctement passer la lumière provenant de l’autre côté. Le résultat est une illumination indirecte qui réagit à la géométrie voisine sans nécessiter d’infrastructure d’illumination globale.</p>
<p>Le coût est comparable à celui du SSAO, soit 1 à 2 ms. L’amélioration visuelle est importante : le terrain au fond des canyons reçoit la lumière réfléchie par leurs parois. Le dessous des surplombs est éclairé par la réflexion du sol. Cet effet se combine à la diffusion atmosphérique du shader du ciel pour produire un éclairage ambiant fondé sur des principes physiques.</p>
<h2 id="integration-de-la-physique-du-terrain" tabindex="-1">Intégration de la physique du terrain <a class="header-anchor" href="#integration-de-la-physique-du-terrain" aria-label="Permalink to &quot;Intégration de la physique du terrain&quot;"></a></h2>
<h3 id="colliders-de-heightfield-rapier" tabindex="-1">Colliders de heightfield Rapier <a class="header-anchor" href="#colliders-de-heightfield-rapier" aria-label="Permalink to &quot;Colliders de heightfield Rapier&quot;"></a></h3>
<p>Le moteur physique WASM Rapier fournit des colliders de heightfield natifs optimisés pour le terrain. La création d’un collider de terrain est simple :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> heights</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Float32Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">65</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> *</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 65</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Fill with heightmap data...</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> groundCollider</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> RAPIER</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.ColliderDesc.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">heightfield</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">  64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, heights, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> RAPIER</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">Vector3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">64.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">100.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">64.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">world.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">createCollider</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(groundCollider);</span></span></code></pre>
</div><p>Le collider de heightfield exploite la grille structurée pour effectuer efficacement les requêtes de broadphase. Un raycast sur une heightfield a une complexité O(log n), contre O(n) sur un maillage triangulaire. Pour un chunk de 65 × 65, les requêtes de collision sont résolues en quelques microsecondes.</p>
<p>Pour les chunks comportant un terrain volumétrique, sous forme de surcouches SDF, générez un maillage triangulaire à partir du résultat de marching cubes et utilisez un collider de trimesh. Celui-ci est plus coûteux qu’un collider de heightfield, mais prend en charge une géométrie arbitraire. Ne générez des colliders de trimesh que pour les 3 à 5 chunks les plus proches du joueur. Les chunks éloignés n’ont pas besoin de physique.</p>
<p><strong>Performances :</strong> le collider de heightfield de Rapier pour un chunk de 65 × 65 ajoute environ 0,1 ms par étape de simulation physique pour les requêtes du contrôleur de personnage. Cinq chunks actifs dotés de colliders de heightfield prennent 0,5 ms. Un collider de trimesh pour un chunk volumétrique prend de 0,2 à 0,5 ms. Le budget total de la physique du terrain reste inférieur à 1 ms, bien dans la limite du budget de 2 à 3 ms consacré à la physique de l’ensemble du monde.</p>
<h3 id="controleur-de-personnage-adapte-au-terrain" tabindex="-1">Contrôleur de personnage adapté au terrain <a class="header-anchor" href="#controleur-de-personnage-adapte-au-terrain" aria-label="Permalink to &quot;Contrôleur de personnage adapté au terrain&quot;"></a></h3>
<p>Le contrôleur de personnage doit réagir aux propriétés du terrain :</p>
<ul>
<li><strong>Limitation de pente :</strong> le personnage peut marcher sur des pentes allant jusqu’à 45 degrés. Les pentes plus raides le font glisser. Ce comportement utilise la normale du terrain à la position du personnage, calculée à faible coût à partir du gradient de la heightmap.</li>
<li><strong>Réaction au matériau de surface :</strong> marcher sur de la roche produit des bruits de pas et une vitesse de déplacement différents de ceux du sable ou de la boue. La splat map du terrain fournit le matériau de surface en tout point.</li>
<li><strong>Franchissement de marches :</strong> le personnage peut franchir des rebords mesurant jusqu’à 0,5 mètre. Le <code>KinematicCharacterController</code> de Rapier gère automatiquement ce comportement grâce à une hauteur de marche configurable.</li>
</ul>
<h2 id="edition-interactive-du-terrain-dans-le-navigateur" tabindex="-1">Édition interactive du terrain dans le navigateur <a class="header-anchor" href="#edition-interactive-du-terrain-dans-le-navigateur" aria-label="Permalink to &quot;Édition interactive du terrain dans le navigateur&quot;"></a></h2>
<p>Dans un monde de créateurs, le terrain n’est pas seulement généré. Il est sculpté, modifié et remodelé par les joueurs. Les outils d’édition doivent être réactifs, avec un retour visuel instantané, et mis en réseau afin que les autres joueurs voient les modifications en quelques secondes.</p>
<h3 id="editeur-sdf-webgpu" tabindex="-1">Éditeur SDF WebGPU <a class="header-anchor" href="#editeur-sdf-webgpu" aria-label="Permalink to &quot;Éditeur SDF WebGPU&quot;"></a></h3>
<p>Le <a href="https://reindernijhoff.net/2026/01/webgpu-sdf-editor-real-time-signed-distance-field-modeling/" target="_blank" rel="noreferrer">WebGPU SDF Editor</a> de Reinder Nijhoff démontre qu’une modélisation SDF complète fonctionne aujourd’hui dans le navigateur. L’éditeur prend en charge :</p>
<ul>
<li><strong>Six formes primitives</strong> — sphère, boîte, cône, cylindre, capsule et tore — avec position, rotation et échelle</li>
<li><strong>Des opérations booléennes</strong> — union, soustraction et intersection — avec fusion progressive et rayons de fusion configurables</li>
<li><strong>Des graphes de scène hiérarchiques</strong> avec des groupes et des opérations imbriquées</li>
<li><strong>Le rendu en temps réel</strong> à l’aide de plusieurs étapes de shaders de calcul GPU, d’un partitionnement spatial fondé sur un octree couvrant 16 384 cellules de grille et d’une extraction de surface par marching cubes ou surface nets</li>
<li><strong>L’anticrénelage temporel et l’occlusion ambiante</strong> au moyen de shadow maps</li>
</ul>
<p>Chaque primitive est stockée sous la forme de 28 nombres flottants (112 octets) dans un unique tampon GPU. Grâce à cette représentation compacte, une modification complexe du terrain — des dizaines de primitives SDF définissant l’entrée d’une grotte, une arche ou une falaise sculptée — pèse moins de 5 Ko et se synchronise instantanément avec les autres joueurs.</p>
<p>Dans un monde de créateurs, le processus d’édition SDF est le suivant :</p>
<ol>
<li>Le créateur sélectionne un outil de sculpture : ajout d’une sphère, soustraction d’une boîte ou fusion progressive.</li>
<li>Il clique ou fait glisser le pointeur dans le monde afin de positionner et de dimensionner la primitive SDF.</li>
<li>Le client exécute immédiatement marching cubes sur le SDF modifié afin d’actualiser le maillage local, avec un retour en moins de 16 ms.</li>
<li>La modification SDF — type de primitive, transformation et mode de fusion, soit environ 100 octets — est envoyée au serveur.</li>
<li>Le serveur valide la modification, en vérifiant qu’elle se trouve dans la parcelle du créateur et qu’elle ne chevauche aucune zone protégée, puis la diffuse aux joueurs proches.</li>
<li>Les clients des autres joueurs appliquent la modification SDF et régénèrent leur maillage local.</li>
</ol>
<p>Le temps aller-retour total nécessaire pour qu’une modification devienne visible par les autres joueurs est de 100 à 300 ms, selon la latence réseau. Le créateur voit sa modification instantanément, car elle est appliquée localement avant la confirmation du serveur.</p>
<h3 id="edition-de-heightmap-au-pinceau" tabindex="-1">Édition de heightmap au pinceau <a class="header-anchor" href="#edition-de-heightmap-au-pinceau" aria-label="Permalink to &quot;Édition de heightmap au pinceau&quot;"></a></h3>
<p>Pour la couche de heightmap, qui représente les 90 % du terrain ne nécessitant aucune fonctionnalité volumétrique, un modèle d’édition plus simple suffit. Le créateur peint les modifications de hauteur avec un pinceau :</p>
<ul>
<li><strong>Élever/abaisser :</strong> ajouter ou soustraire de la hauteur dans un rayon, avec atténuation</li>
<li><strong>Lisser :</strong> calculer la moyenne des hauteurs dans un rayon afin de supprimer les reliefs abrupts</li>
<li><strong>Aplanir :</strong> régler toutes les hauteurs d’un rayon sur une valeur cible</li>
<li><strong>Pinceau d’érosion :</strong> appliquer localement quelques étapes d’érosion hydraulique dans le rayon du pinceau</li>
</ul>
<p>La modification de la heightmap est un delta : une petite zone de changements de hauteur superposée au terrain de base. Cette zone de delta est minuscule — une grille de 32 × 32 décalages de hauteur sur 16 bits, soit 2 Ko — et se synchronise avec les autres joueurs dans un seul message. Plusieurs zones de delta s’accumulent par chunk et sont périodiquement fusionnées côté serveur dans la heightmap persistante du chunk.</p>
<h3 id="contraintes-de-l-edition-collaborative" tabindex="-1">Contraintes de l’édition collaborative <a class="header-anchor" href="#contraintes-de-l-edition-collaborative" aria-label="Permalink to &quot;Contraintes de l’édition collaborative&quot;"></a></h3>
<p>Lorsque plusieurs créateurs modifient simultanément le même chunk, le système doit appliquer certaines règles :</p>
<ul>
<li><strong>Verrouillage spatial :</strong> un seul créateur à la fois peut modifier une sous-région donnée de 8 × 8 mètres. Le verrou est acquis lorsque le créateur commence un trait et libéré lorsqu’il relève le pinceau. Les verrous expirent après 10 secondes d’inactivité.</li>
<li><strong>Modifications sans chevauchement :</strong> si deux créateurs modifient des parties différentes du même chunk, les deux modifications sont appliquées sans conflit, car elles affectent des cellules de heightmap ou des régions SDF différentes.</li>
<li><strong>Modifications avec chevauchement :</strong> si deux créateurs modifient le même emplacement, le serveur sérialise les modifications dans leur ordre d’arrivée. Après réconciliation, les deux clients voient le même résultat final.</li>
</ul>
<p>Cette approche est plus simple que le modèle CRDT complet utilisé pour les objets placés, car les modifications de terrain sont des opérations additives appliquées à un champ continu — hauteurs ou distances SDF — plutôt qu’à l’état d’objets discrets.</p>
<h2 id="geometrie-virtuelle-de-type-nanite-dans-webgpu" tabindex="-1">Géométrie virtuelle de type Nanite dans WebGPU <a class="header-anchor" href="#geometrie-virtuelle-de-type-nanite-dans-webgpu" aria-label="Permalink to &quot;Géométrie virtuelle de type Nanite dans WebGPU&quot;"></a></h2>
<p>Nanite d’Unreal Engine 5 affiche des milliards de triangles en construisant au moment de la compilation un DAG de clusters, c’est-à-dire un graphe orienté acyclique, puis en sélectionnant à l’exécution le bon LOD pour chaque cluster selon l’erreur en espace écran. L’ensemble du pipeline s’exécute sur le GPU. Cette approche a été portée vers WebGPU.</p>
<h3 id="nanite-webgpu" tabindex="-1">Nanite WebGPU <a class="header-anchor" href="#nanite-webgpu" aria-label="Permalink to &quot;Nanite WebGPU&quot;"></a></h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/nanite-webgpu-scene.png" alt="Nanite WebGPU effectuant dans un navigateur le rendu d’une scène complexe composée de plusieurs objets à l’aide d’une hiérarchie de LOD par meshlets et d’un rastériseur logiciel" />
</div>
<div class="game-caption">Nanite WebGPU effectuant le rendu d’une scène complète dans Chrome à l’aide de LOD par meshlets, d’une rastérisation logicielle dans des shaders de calcul WGSL et d’un culling du frustum et des occlusions par meshlet. Aucun plugin natif : uniquement WebGPU.</div>
<p><a href="https://scthe.github.io/nanite-webgpu/" target="_blank" rel="noreferrer">Nanite WebGPU</a> de Scthe, qui compte plus de 1 100 étoiles sur GitHub, est une implémentation complète dans le navigateur de l’architecture fondamentale de Nanite :</p>
<ul>
<li><strong>Une hiérarchie de LOD par meshlets</strong> construite hors ligne à l’aide de la génération de clusters de meshoptimizer</li>
<li><strong>Un rastériseur logiciel</strong> implémenté dans des shaders de calcul WGSL, qui tient compte des contraintes de WebGPU lorsque la rastérisation matérielle ne peut pas exécuter efficacement des appels de rendu par cluster</li>
<li><strong>Un culling par instance et par meshlet</strong> fondé sur des tests de frustum et d’occlusion</li>
<li><strong>Des imposteurs de type billboard</strong> pour les objets extrêmement éloignés</li>
<li><strong>La prise en charge des textures et des normales par sommet</strong>
Le pipeline fonctionne ainsi : les maillages sont divisés en clusters d’environ 128 triangles. Les clusters voisins sont regroupés, puis chaque groupe est simplifié (à l’aide de meshoptimizer) tout en préservant les frontières communes. Ce processus se répète récursivement jusqu’à ce que le maillage entier soit réduit à un seul cluster. À l’exécution, un shader de calcul parcourt le DAG et sélectionne, pour chaque groupe, le cluster le moins détaillé produisant une erreur inférieure à 1 pixel à la résolution d’écran actuelle.</li>
</ul>
<p><strong>THREE-Nanite</strong> est une implémentation Three.js émergente qui atteint 20 à 40 FPS sur du matériel graphique intégré tout en gérant des centaines de milliers de triangles. Elle démontre qu’un rendu de type Nanite est viable même sur du matériel peu puissant dans un navigateur.</p>
<h3 id="meshoptimizer-la-fondation-du-pipeline-de-lod" tabindex="-1">meshoptimizer : la fondation du pipeline de LOD <a class="header-anchor" href="#meshoptimizer-la-fondation-du-pipeline-de-lod" aria-label="Permalink to &quot;meshoptimizer : la fondation du pipeline de LOD&quot;"></a></h3>
<p><a href="https://meshoptimizer.org/" target="_blank" rel="noreferrer">meshoptimizer</a> (par Arseny Kapoulkine) est la bibliothèque à la base de la plupart des pipelines de LOD compatibles avec les navigateurs. La version 1.0 (2025) fournit :</p>
<ul>
<li><strong>Simplification de maillage</strong> avec métriques d’erreur (mesurant à quel point la forme a changé, afin de sélectionner le LOD)</li>
<li><strong>Génération de clusters</strong> pour les hiérarchies de meshlets de type Nanite</li>
<li><strong>Optimisation du cache de sommets</strong> pour un ordonnancement des triangles adapté au GPU</li>
<li><strong>Optimisation du surdessin</strong> afin de réduire le coût des shaders de pixels</li>
<li><strong>Quantification et compression des sommets</strong> pour réduire la taille des téléchargements</li>
</ul>
<p>meshoptimizer 1.0 (publié en décembre 2025) inclut un nouveau fichier d’en-tête unique, <code>clusterlod.h</code>, qui implémente directement un LOD continu de type Nanite. Il construit une hiérarchie de clusters progressivement regroupés et simplifiés, utilisable telle quelle ou comme référence pour un pipeline personnalisé. Il s’agit exactement de la primitive de DAG de clusters dont le pipeline de terrain a besoin pour gérer le LOD des maillages issus de SDF et de marching cubes.</p>
<p>Pour notre pipeline de terrain, meshoptimizer traite la sortie de marching cubes du terrain SDF afin de produire des maillages optimisés et organisés en clusters avec des hiérarchies de LOD. Le traitement hors ligne s’exécute côté serveur. Le navigateur reçoit des maillages préregroupés en clusters et effectue à l’exécution une sélection du LOD pilotée par le GPU.</p>
<p>L’association de meshoptimizer pour générer les LOD et du calcul WebGPU pour les sélectionner à l’exécution donne au terrain dans le navigateur le même modèle architectural que Nanite, adapté aux contraintes du Web.</p>
<h2 id="conception-de-niveaux-guidee-par-le-terrain" tabindex="-1">Conception de niveaux guidée par le terrain <a class="header-anchor" href="#conception-de-niveaux-guidee-par-le-terrain" aria-label="Permalink to &quot;Conception de niveaux guidée par le terrain&quot;"></a></h2>
<p>Le terrain n’est pas seulement une surface sur laquelle marcher. Sa forme guide les déplacements des joueurs, oriente leur attention et crée le rythme émotionnel de l’exploration. Les meilleurs mondes ouverts utilisent le terrain comme outil de conception.</p>
<h3 id="lignes-de-vue-et-points-de-repere" tabindex="-1">Lignes de vue et points de repère <a class="header-anchor" href="#lignes-de-vue-et-points-de-repere" aria-label="Permalink to &quot;Lignes de vue et points de repère&quot;"></a></h3>
<p>Le <a href="https://book.leveldesignbook.com/process/blockout/wayfinding" target="_blank" rel="noreferrer">chapitre sur l’orientation</a> du Level Design Book explique comment l’altitude du terrain contrôle ce que les joueurs voient et où ils vont. Une crête cache ce qui se trouve derrière elle et suscite la curiosité. Une vallée canalise les déplacements vers son point le plus bas. Un point de repère élevé (une tour, un sommet montagneux ou un arbre inhabituel), visible de loin, donne aux joueurs un objectif vers lequel marcher.</p>
<p>Pour un monde créé par les utilisateurs, cela signifie que la génération du terrain doit produire des éléments d’orientation naturels. Les lignes de crête doivent interrompre les lignes de vue et créer des « moments de révélation » lorsqu’un joueur atteint le sommet d’une colline et découvre une nouvelle zone. Les vallées doivent converger vers des lieux intéressants. Des points élevés doivent être disponibles pour permettre aux créateurs d’y placer des repères visibles de loin.</p>
<h3 id="exploration-guidee-par-la-curiosite" tabindex="-1">Exploration guidée par la curiosité <a class="header-anchor" href="#exploration-guidee-par-la-curiosite" aria-label="Permalink to &quot;Exploration guidée par la curiosité&quot;"></a></h3>
<p>Une étude de l’université Purdue (<a href="https://web.ics.purdue.edu/~cmousas/papers/conf22-FDG-SpatialExploration.pdf" target="_blank" rel="noreferrer">article</a>) identifie quatre déclencheurs de l’exploration spatiale :</p>
<ol>
<li><strong>Atteindre des points extrêmes</strong> (le plus haut sommet, la limite la plus éloignée, la grotte la plus profonde). Le terrain doit comporter des extrêmes clairement identifiables qui récompensent les joueurs lorsqu’ils les atteignent.</li>
<li><strong>Découvrir ce que cachent les obstacles visuels</strong> (qu’y a-t-il derrière cette falaise ? à l’intérieur de cette grotte ?). Un terrain qui bloque la vue incite à se déplacer pour découvrir ce qui est caché.</li>
<li><strong>Repérer des objets incongrus</strong> (une structure en pleine nature, une lumière dans l’obscurité). Les objets placés par les créateurs sur un terrain naturel créent un contraste qui attire l’attention.</li>
<li><strong>Comprendre les connexions spatiales</strong> (comment cette vallée rejoint-elle cette côte ?). Un terrain qui crée une géographie lisible encourage la lecture de carte et la planification d’itinéraires.</li>
</ol>
<h3 id="plotmap-placement-de-points-d-interet-assiste-par-l-ia" tabindex="-1">PlotMap : placement de points d’intérêt assisté par l’IA <a class="header-anchor" href="#plotmap-placement-de-points-d-interet-assiste-par-l-ia" aria-label="Permalink to &quot;PlotMap : placement de points d’intérêt assisté par l’IA&quot;"></a></h3>
<p>PlotMap (<a href="https://arxiv.org/html/2309.15242v4" target="_blank" rel="noreferrer">arXiv:2309.15242</a>) automatise la disposition des points d’intérêt en prenant des contraintes narratives (cette quête nécessite un village près d’une rivière, cette autre quête nécessite des ruines au sommet d’une colline) et en recherchant des emplacements qui satisfont ces contraintes spatiales. Pour un monde créé par les utilisateurs, un système similaire pourrait suggérer où placer des structures selon les propriétés du terrain : « ce sommet offre de bonnes lignes de vue pour une tour de guet », « cette vallée abritée conviendrait à un village ».</p>
<h2 id="eau-courante-et-cascades" tabindex="-1">Eau courante et cascades <a class="header-anchor" href="#eau-courante-et-cascades" aria-label="Permalink to &quot;Eau courante et cascades&quot;"></a></h2>
<p>Les rivières et les cascades sont des éléments du terrain qui combinent attrait visuel, ambiance sonore et possibilités de gameplay (l’eau comme obstacle, ressource ou voie de déplacement).</p>
<h3 id="rendu-des-rivieres" tabindex="-1">Rendu des rivières <a class="header-anchor" href="#rendu-des-rivieres" aria-label="Permalink to &quot;Rendu des rivières&quot;"></a></h3>
<p>Dans les mondes ouverts, les rivières sont généralement rendues sous la forme de bandes texturées qui suivent la surface du terrain. Le maillage de la bande est généré à partir de la spline de la rivière (stockée sous forme de points de contrôle), puis projeté sur la carte de hauteur du terrain. Le shader de la rivière applique :</p>
<ul>
<li><strong>Des UV alignées sur le courant</strong> qui défilent dans le sens de la rivière pour créer l’apparence d’une eau en mouvement</li>
<li><strong>De l’écume sur les bords</strong>, là où la rivière rencontre la berge (en fonction de la profondeur, comme l’écume du littoral)</li>
<li><strong>Une variation de vitesse</strong> selon la largeur du chenal (les sections étroites s’écoulent plus vite, les sections larges plus lentement)</li>
<li><strong>Une transparence avec une couleur dépendant de la profondeur</strong> (l’eau peu profonde est claire, l’eau profonde est sombre)</li>
</ul>
<p>Pour un monde dans le navigateur, les données d’une rivière sont compactes : une spline (20 à 50 points de contrôle par segment de rivière, environ 400 octets), plus des paramètres de largeur et de vitesse d’écoulement. Le client génère localement le maillage de la rivière en projetant la spline sur la surface de son terrain.</p>
<h3 id="rendu-des-cascades" tabindex="-1">Rendu des cascades <a class="header-anchor" href="#rendu-des-cascades" aria-label="Permalink to &quot;Rendu des cascades&quot;"></a></h3>
<p>Lorsqu’une rivière tombe d’une falaise, un système de particules de cascade remplace la surface plane de la rivière. L’approche hybride issue de la recherche sur la simulation de l’eau en temps réel (<a href="https://diglib.eg.org/items/d0320015-4b07-416b-8f41-047485c9f7f3" target="_blank" rel="noreferrer">EG</a>) convertit les régions qui ne peuvent pas être représentées par un champ de hauteur (cascades, éclaboussures) en particules d’embruns, d’éclaboussures et d’écume qui échangent masse et quantité de mouvement avec la simulation du fluide.</p>
<p>Pour un monde dans le navigateur, les cascades sont plus simples : détecter l’endroit où la spline de la rivière traverse une discontinuité de hauteur du terrain, générer à cet endroit un système de particules doté d’une vitesse descendante, puis ajouter une gerbe d’écume à la base. Les particules sont des quadrilatères instanciés par le GPU avec des textures alpha défilantes. 500 particules par cascade, en un seul appel de rendu. Le bruit de l’eau qui tombe utilise l’API Web Audio avec une atténuation en fonction de la distance.</p>
<h2 id="imposteurs-pour-les-elements-de-terrain-eloignes" tabindex="-1">Imposteurs pour les éléments de terrain éloignés <a class="header-anchor" href="#imposteurs-pour-les-elements-de-terrain-eloignes" aria-label="Permalink to &quot;Imposteurs pour les éléments de terrain éloignés&quot;"></a></h2>
<p>Les arbres, rochers, bâtiments et autres éléments du terrain deviennent minuscules à distance. Les afficher sous forme de maillages 3D complets gaspille des cycles GPU. Les imposteurs remplacent les objets éloignés par des images planes prérendues orientées vers la caméra.</p>
<h3 id="atlas-d-imposteurs-octaedriques" tabindex="-1">Atlas d’imposteurs octaédriques <a class="header-anchor" href="#atlas-d-imposteurs-octaedriques" aria-label="Permalink to &quot;Atlas d’imposteurs octaédriques&quot;"></a></h3>
<p>Un imposteur octaédrique capture l’apparence d’un objet 3D sous plusieurs angles de vue et les stocke dans un atlas de textures. À l’exécution, le shader échantillonne l’atlas en fonction de la direction de vue actuelle et interpole entre les deux angles capturés les plus proches.</p>
<p>Un atlas hémi-octaédrique (avec uniquement des vues depuis l’hémisphère supérieur, puisqu’on regarde rarement les arbres par-dessous) offre une résolution angulaire deux fois supérieure à celle d’un atlas octaédrique complet de même taille. Le système d’imposteurs de Unity indique que le temps de calcul d’une image passe de 111 ms à 5,78 ms lorsque 1 600 instances d’arbres sont remplacées par des imposteurs au lieu d’utiliser leurs véritables maillages (140 000 triangles chacun).</p>
<p>Pour un monde dans le navigateur, le pipeline d’imposteurs fonctionne ainsi :</p>
<ol>
<li>Côté serveur : afficher chaque ressource sous 16 à 32 angles de vue en capturant la couleur, les normales et la profondeur</li>
<li>Regrouper ces captures dans un atlas de textures (un atlas par ressource, environ 256 × 256 pixels, moins de 100 Ko au format KTX2)</li>
<li>À l’exécution : afficher les instances situées au-delà de la distance d’imposteur (généralement 100 à 200 m) sous forme de panneaux échantillonnant l’atlas</li>
<li>Effectuer un fondu enchaîné entre le maillage et l’imposteur sur une zone de transition de 20 m afin de masquer le changement</li>
</ol>
<h3 id="projection-de-panneaux-bbsplat" tabindex="-1">Projection de panneaux (BBSplat) <a class="header-anchor" href="#projection-de-panneaux-bbsplat" aria-label="Permalink to &quot;Projection de panneaux (BBSplat)&quot;"></a></h3>
<p>Billboard Splatting (2024, <a href="https://arxiv.org/abs/2411.08508" target="_blank" rel="noreferrer">arXiv:2411.08508</a>) va plus loin en utilisant des primitives planes texturées pouvant être apprises. Au lieu d’employer des vues prérendues, BBSplat optimise la position et les textures des panneaux afin de représenter au mieux l’objet 3D sous n’importe quel angle. Cette méthode permet une compression jusqu’à 17 fois supérieure à celle du 3D Gaussian Splatting tout en conservant une apparence dépendante du point de vue. Pour les éléments de terrain éloignés dans un monde exécuté dans le navigateur, BBSplat pourrait réduire l’espace de stockage des imposteurs par ressource tout en améliorant la couverture angulaire.</p>
<h2 id="outils-de-terrain-professionnels-et-enseignements-a-en-tirer" tabindex="-1">Outils de terrain professionnels et enseignements à en tirer <a class="header-anchor" href="#outils-de-terrain-professionnels-et-enseignements-a-en-tirer" aria-label="Permalink to &quot;Outils de terrain professionnels et enseignements à en tirer&quot;"></a></h2>
<p>Avant de créer un pipeline de terrain à partir de zéro, il est utile de comprendre le fonctionnement des outils professionnels hors ligne. Ces outils représentent des décennies de recherche sur la génération de terrains, condensées en workflows de production.</p>
<p><strong>Gaea</strong> (QuadSpinner) est accéléré par le GPU et fournit un retour presque instantané sur les modifications. Il prend en charge des générations en tuiles allant jusqu’à 2 millions de pixels de côté, l’export automatique de maillages avec LOD et un graphe à base de nœuds dans lequel chaque nœud représente un processus physique (érosion, sédimentation, soulèvement, altération thermique). Les nœuds d’érosion de Gaea produisent des terrains qui semblent sculptés à la main parce qu’ils modélisent des processus physiques précis plutôt qu’un bruit générique. L’idée essentielle : Gaea n’utilise pas un algorithme d’érosion unique. Il propose des nœuds distincts pour l’érosion fluviale (creusement par les rivières), l’érosion thermique (effritement des falaises), l’érosion côtière (action des vagues) et l’érosion éolienne (formation de dunes de sable). Leur combinaison dans un graphe produit un terrain possédant le caractère géologique d’un climat donné.</p>
<p><strong>World Machine</strong> adopte une approche similaire par graphe, en mettant l’accent sur la macrostructure du terrain. Son « générateur de disposition » permet aux artistes d’esquisser la forme générale des éléments du terrain (une montagne ici, une vallée là, un littoral le long de ce bord), puis le système ajoute des détails physiquement plausibles. C’est exactement le workflow que nous souhaitons pour les créateurs : esquisser une intention et obtenir une géologie.</p>
<p><strong>World Creator</strong> se distingue par son aperçu en temps réel pendant l’édition et par son système intégré de génération de rivières, qui analyse le terrain et calcule automatiquement les trajectoires d’écoulement à partir d’une analyse du drainage.</p>
<p><strong>Ce que nous retenons de ces outils :</strong> l’approche par graphe de nœuds, qui combine des processus physiques, est plus puissante que n’importe quel algorithme isolé. Notre pipeline de génération côté serveur doit permettre d’enchaîner les étapes : bruit de base &gt; soulèvement tectonique &gt; érosion hydraulique &gt; altération thermique &gt; érosion côtière &gt; végétation. Les créateurs contrôlent les paramètres à chaque étape. Le pipeline s’exécute côté serveur en quelques secondes et produit des cartes de hauteur, des splat maps et des cartes de densité de végétation.</p>
<h3 id="soilmachine-geomorphologie-open-source" tabindex="-1">SoilMachine : géomorphologie open source <a class="header-anchor" href="#soilmachine-geomorphologie-open-source" aria-label="Permalink to &quot;SoilMachine : géomorphologie open source&quot;"></a></h3>
<div class="img-embed">
<img src="https://cdn.cinevva.com/blog/soilmachine-banner.png" alt="SoilMachine : simulateur modulaire open source de géomorphologie montrant un terrain soumis à des érosions hydraulique, thermique et éolienne couplées" />
</div>
<div class="game-caption">SoilMachine associe les érosions hydraulique, thermique et éolienne dans un modèle de terrain stratifié unique. La structure de données multicouche prend en charge des éléments que les cartes de hauteur ne peuvent pas représenter : grottes, surplombs, buttes et répartition des eaux souterraines.</div>
<p><a href="https://github.com/weigert/soilmachine" target="_blank" rel="noreferrer">SoilMachine</a> est un simulateur modulaire open source de géomorphologie qui associe plusieurs systèmes d’érosion (hydraulique, thermique et éolienne) au transport et au dépôt de sédiments. Développé en C++ avec du calcul GPU, il fournit une implémentation de référence de l’approche d’érosion multiprocessus utilisée par les outils professionnels.</p>
<p>La bibliothèque associée <a href="https://github.com/erosiv/soillib" target="_blank" rel="noreferrer">soillib</a> (C++20, licence MIT) fournit les primitives sous-jacentes de simulation géomorphologique sous forme de bibliothèque réutilisable. Quant à <a href="https://github.com/ger0/hydro-gen" target="_blank" rel="noreferrer">hydro-gen</a>, il implémente à la fois une érosion hydraulique basée sur une grille (eaux peu profondes) et une autre basée sur des particules (gouttes de pluie), au moyen de shaders de calcul OpenGL dont les paramètres peuvent être ajustés en temps réel.</p>
<p>Ces outils open source pourraient être adaptés à notre pipeline de génération côté serveur. Les implémentations en shaders de calcul peuvent être transposées directement vers WebGPU si nous souhaitons un jour exécuter l’érosion dans le navigateur afin d’offrir aux créateurs un retour en temps réel.</p>
<h2 id="materiaux-de-terrain-multicouches" tabindex="-1">Matériaux de terrain multicouches <a class="header-anchor" href="#materiaux-de-terrain-multicouches" aria-label="Permalink to &quot;Matériaux de terrain multicouches&quot;"></a></h2>
<p>Un terrain réel n’est pas une surface unique. Il est constitué de couches : roche mère au fond, terre au-dessus, puis neige ou sable s’accumulant sur les surfaces. La superposition dynamique modifie le caractère visuel du terrain selon les saisons, la météo et les actions des créateurs.</p>
<h3 id="representation-par-champs-de-hauteur-stratifies" tabindex="-1">Représentation par champs de hauteur stratifiés <a class="header-anchor" href="#representation-par-champs-de-hauteur-stratifies" aria-label="Permalink to &quot;Représentation par champs de hauteur stratifiés&quot;"></a></h3>
<p>Au lieu d’une carte de hauteur unique, utilisez plusieurs couches de hauteur par cellule de grille :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>Cell {</span></span>
<span class="line"><span>  bedrock_height: f16,    // surface rocheuse permanente</span></span>
<span class="line"><span>  soil_height: f16,       // terre/sédiments accumulés au-dessus de la roche mère</span></span>
<span class="line"><span>  snow_height: f16,       // accumulation dynamique de neige</span></span>
<span class="line"><span>  water_height: f16       // profondeur de l’eau stagnante</span></span>
<span class="line"><span>}</span></span></code></pre>
</div><p>Total : 8 octets par cellule (contre 2 octets pour une carte de hauteur unique). Pour un chunk de 65 × 65, cela représente 34 Ko avant compression. Cela reste compact.</p>
<p>La surface visuelle correspond à <code>bedrock + soil + snow</code>. Le shader du terrain lit toutes les couches et mélange les matériaux en conséquence : là où la couche de terre est mince, la roche affleure. Là où la neige s’est accumulée, la surface est blanche. Là où l’eau stagne, des flaques ou des lacs apparaissent.</p>
<h3 id="accumulation-dynamique" tabindex="-1">Accumulation dynamique <a class="header-anchor" href="#accumulation-dynamique" aria-label="Permalink to &quot;Accumulation dynamique&quot;"></a></h3>
<p>Lorsqu’il neige, la neige s’accumule sur les surfaces planes orientées vers le haut. Le taux d’accumulation dépend de la normale de la surface (les pentes raides ne retiennent pas la neige), de la température (qui dépend de l’altitude) et de la présence d’un abri (les zones situées sous des surplombs restent dégagées). Une passe de shader de calcul met à jour la couche de neige à chaque cycle météorologique, toutes les quelques secondes.</p>
<p>L’accumulation de sable fonctionne de façon similaire, avec un dépôt entraîné par le vent. Le vent emporte les particules depuis les surfaces exposées et les dépose derrière les obstacles et dans les zones abritées.</p>
<p>Pour un monde créé par les utilisateurs, l’accumulation dynamique signifie que le terrain change d’apparence selon la météo. La neige recouvre le monde pendant une tempête, puis fond lorsque le ciel se dégage. La pluie remplit les dépressions d’eau. Le monde paraît ainsi réactif sans que les créateurs aient à intervenir.</p>
<h3 id="erosion-multicouche" tabindex="-1">Érosion multicouche <a class="header-anchor" href="#erosion-multicouche" aria-label="Permalink to &quot;Érosion multicouche&quot;"></a></h3>
<p>L’article de 2024 « 3D Real-Time Hydraulic Erosion Simulation using Multi-Layered Heightmaps » (<a href="https://diglib.eg.org/items/deefa865-6a25-4463-adcd-d8de2b37507e" target="_blank" rel="noreferrer">EG</a>) étend l’érosion afin qu’elle agisse sur plusieurs couches. L’eau érode la terre plus rapidement que la roche mère. Les sédiments se déposent sous forme d’une nouvelle couche de terre. La simulation préserve l’intégrité des couches (la roche mère reste sous la terre) tout en permettant des structures complexes comme les surplombs, lorsque la roche mère surplombe la terre érodée en dessous.
Performances : environ 6 ms par étape de simulation sur une RTX 3070 à une résolution de 2048x2048. C’est suffisamment rapide pour une génération côté serveur, mais trop lent pour une simulation à chaque image dans le navigateur. La représentation en couches convient à la génération de terrains statiques, tandis que l’accumulation dynamique de neige et d’eau s’exécute dans un shader par image moins coûteux.</p>
<h2 id="rendu-de-l-herbe-des-rochers-et-des-details" tabindex="-1">Rendu de l’herbe, des rochers et des détails <a class="header-anchor" href="#rendu-de-l-herbe-des-rochers-et-des-details" aria-label="Permalink to &quot;Rendu de l’herbe, des rochers et des détails&quot;"></a></h2>
<p>Le paysage ne se résume pas à la géométrie et aux textures du terrain. Il lui faut des brins d’herbe qui ondulent au vent, des rochers dispersés sur les pentes et de petits détails comme des fleurs, des cailloux et des branches tombées pour rendre les vues rapprochées naturelles.</p>
<h3 id="herbe-instanciee-sur-le-gpu" tabindex="-1">Herbe instanciée sur le GPU <a class="header-anchor" href="#herbe-instanciee-sur-le-gpu" aria-label="Permalink to &quot;Herbe instanciée sur le GPU&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/pzkcM1rfKZw" title="Rendu d’un million de brins d’herbe dans Unity" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Un million de brins d’herbe rendus par instanciation GPU en un seul appel de rendu. La même technique fonctionne dans Three.js et WebGPU : transformations par instance, animation du vent dans le shader de sommets et carte de densité pour répartir les brins à partir des données du terrain.</div>
<p>Le rendu de l’herbe dans le navigateur est une technique éprouvée avec Three.js et repose sur l’instanciation GPU. L’approche de la <a href="https://al-ro.github.io/projects/grass/" target="_blank" rel="noreferrer">démo d’herbe d’al-ro</a> rend 100 000 brins d’herbe en un seul appel de rendu avec <code>InstancedBufferGeometry</code>.</p>
<p>Chaque brin d’herbe est un simple quadrilatère (4 à 8 triangles). Des attributs par instance définissent sa position, sa hauteur, la direction de sa courbure, ses variations de couleur et sa phase d’animation dans le vent. Le shader de sommets :</p>
<ol>
<li>Lit la transformation propre à l’instance</li>
<li>Applique une animation du vent à l’aide d’ondes sinusoïdales déterminées par la position dans le monde et le temps</li>
<li>Courbe le brin en fonction de la force du vent (courbure plus forte à la pointe, nulle à la base)</li>
<li>Applique un dégradé de couleur (plus sombre à la base et plus clair à la pointe pour simuler la diffusion sous la surface)</li>
</ol>
<p><strong>Le tutoriel de Codrops sur l’herbe duveteuse</strong> (2025, <a href="https://tympanus.net/codrops/2025/02/04/how-to-make-the-fluffiest-grass-with-three-js/" target="_blank" rel="noreferrer">Tutoriel</a>) présente une approche de texturation par couches : le plan du sol est rendu plusieurs fois avec des décalages croissants, chaque couche échantillonnant une texture de bruit pour créer l’apparence d’un volume d’herbe dense. Cette méthode est moins coûteuse que l’instanciation de brins individuels pour une couverture très dense, mais moins réaliste de près.</p>
<p>Dans un monde créé par les utilisateurs, la densité de l’herbe provient de la carte de densité de la végétation de chaque chunk. Le GPU répartit les positions des brins à partir de cette carte au moment du rendu. Aucune donnée propre à chaque brin n’est stockée ni transmise. La carte de densité est une grille de 32x32 par chunk (1 Ko), à partir de laquelle le GPU génère des milliers d’instances de brins.</p>
<h3 id="details-proceduraux-des-rochers-et-des-falaises" tabindex="-1">Détails procéduraux des rochers et des falaises <a class="header-anchor" href="#details-proceduraux-des-rochers-et-des-falaises" aria-label="Permalink to &quot;Détails procéduraux des rochers et des falaises&quot;"></a></h3>
<p>Les parois des falaises et les terrains rocheux ont besoin de détails géométriques que la carte de hauteurs ou le SDF de base ne peuvent pas fournir à une résolution raisonnable. Deux approches se complètent :</p>
<p><strong>Resurfaçage par mesh shader sur le GPU</strong> (Raad et al., Eurographics 2025, <a href="https://hal.science/hal-05176868v1/file/Paper_Resurfacing_2024.pdf" target="_blank" rel="noreferrer">Article</a>) génère une géométrie procédurale au moment du rendu à partir d’un maillage de contrôle grossier. Le mesh shader lit une surface de terrain de base et ajoute du déplacement, des fissures et des protubérances sans stocker la géométrie détaillée en mémoire. Cela réduit l’utilisation de la VRAM et permet un LOD dynamique.</p>
<p><strong>La répartition de rochers instanciés</strong> place des maillages de rochers préfabriqués sur les pentes raides et au bord des falaises au moyen de l’instanciation GPU. Un shader de calcul lit la normale et la pente du terrain, puis répartit les instances de rochers là où la pente dépasse un certain seuil. Chaque instance est un petit maillage (200 à 500 triangles) doté d’une rotation et d’une échelle aléatoires. Grâce à l’instanciation, 10 000 rochers dispersés n’ajoutent qu’un coût de rendu négligeable.</p>
<h3 id="routes-et-chemins" tabindex="-1">Routes et chemins <a class="header-anchor" href="#routes-et-chemins" aria-label="Permalink to &quot;Routes et chemins&quot;"></a></h3>
<p>Les routes, sentiers et chemins placés par les créateurs doivent épouser le terrain et modifier le matériau de sa surface en remplaçant l’herbe par de la terre ou de la pierre.</p>
<p>L’approche employée par tous les principaux moteurs de jeu consiste à définir le chemin comme une spline, c’est-à-dire une série de points de contrôle. La spline est projetée sur la surface du terrain. Un maillage en bande qui suit la spline et se situe légèrement au-dessus du terrain est ensuite généré. Une texture de route est appliquée à cette bande. Dans le shader du terrain, le matériau du terrain est progressivement mélangé au matériau de la route sur la largeur de la spline à l’aide d’une texture projetée ou d’un décalque.</p>
<p>Dans un monde accessible par navigateur, un créateur dessine un chemin sur le terrain. Le client génère les points de contrôle et les envoie au serveur, soit quelques dizaines de valeurs vec3. Le serveur stocke la spline. Tous les clients rendent localement la bande de la route en projetant la spline sur leur maillage de terrain. Les données de la route sont minuscules — les points de sa spline, soit environ 200 octets — mais son impact visuel est considérable : des chemins reliant les créations donnent l’impression que le monde est habité.</p>
<h2 id="ombres-du-terrain" tabindex="-1">Ombres du terrain <a class="header-anchor" href="#ombres-du-terrain" aria-label="Permalink to &quot;Ombres du terrain&quot;"></a></h2>
<p>Les ombres du terrain sont essentielles à sa lisibilité — pour comprendre sa forme — et à son atmosphère — pour évoquer un moment de la journée. Dans un monde ouvert, le soleil projette des ombres sur l’ensemble du terrain visible.</p>
<h3 id="cartes-d-ombres-en-cascades-csm" tabindex="-1">Cartes d’ombres en cascades (CSM) <a class="header-anchor" href="#cartes-d-ombres-en-cascades-csm" aria-label="Permalink to &quot;Cartes d’ombres en cascades (CSM)&quot;"></a></h3>
<p>Les CSM divisent le frustum de vue en 3 à 4 plages de distance, ou cascades. Chaque cascade produit une carte d’ombres depuis le point de vue du soleil, à une résolution adaptée à sa distance. Cascade proche : haute résolution pour les ombres détaillées sous les arbres et les bâtiments. Cascade lointaine : basse résolution pour les grandes ombres des montagnes.</p>
<p>Three.js et Babylon.js prennent tous deux en charge les CSM. L’optimisation essentielle pour le terrain consiste à ne rendre que celui-ci dans la carte d’ombres, et non chaque brin d’herbe ou petit détail. L’herbe reçoit ses ombres depuis la carte d’ombres du terrain plutôt que de calculer ses propres ombres.</p>
<p><strong>Budget de performances :</strong> 3 à 4 cascades d’ombres de 1024x1024 chacune. Le rendu du terrain dans les cartes d’ombres coûte 0,5 à 1 ms, car sa géométrie se trouve déjà dans la mémoire du GPU. L’échantillonnage de 4 cascades dans le shader du terrain ajoute 0,2 à 0,3 ms.</p>
<h3 id="auto-ombrage-du-terrain-a-partir-de-la-carte-de-hauteurs" tabindex="-1">Auto-ombrage du terrain à partir de la carte de hauteurs <a class="header-anchor" href="#auto-ombrage-du-terrain-a-partir-de-la-carte-de-hauteurs" aria-label="Permalink to &quot;Auto-ombrage du terrain à partir de la carte de hauteurs&quot;"></a></h3>
<p>Pour les très grands terrains où les CSM deviennent coûteuses, il est possible de précalculer une carte d’horizon : pour chaque cellule du terrain, elle stocke l’angle d’élévation maximal dans 8 directions cardinales et intercardinales. Au moment du rendu, l’angle du soleil est comparé à la carte d’horizon pour déterminer si un point se trouve dans l’ombre. C’est ainsi que Skyrim gère l’auto-ombrage du terrain lointain, au-delà de la portée des CSM.</p>
<p>La carte d’horizon est calculée côté serveur à partir de la carte de hauteurs, en quelques secondes de traitement, puis transmise sous forme de texture de 128x128 par chunk, soit 16 Ko compressés. L’impact visuel est important : les vallées montagneuses s’assombrissent de manière réaliste, même à des distances d’affichage extrêmes.</p>
<h2 id="compression-des-donnees-de-terrain-pour-la-diffusion" tabindex="-1">Compression des données de terrain pour la diffusion <a class="header-anchor" href="#compression-des-donnees-de-terrain-pour-la-diffusion" aria-label="Permalink to &quot;Compression des données de terrain pour la diffusion&quot;"></a></h2>
<p>Le réseau est le goulot d’étranglement d’un monde accessible par navigateur. Chaque octet économisé dans les données du terrain réduit le temps de chargement.</p>
<h3 id="compression-des-cartes-de-hauteurs" tabindex="-1">Compression des cartes de hauteurs <a class="header-anchor" href="#compression-des-cartes-de-hauteurs" aria-label="Permalink to &quot;Compression des cartes de hauteurs&quot;"></a></h3>
<p>Les cartes de hauteurs brutes sur 16 bits se compressent bien, car les cellules adjacentes présentent des valeurs similaires. Le pipeline est le suivant :</p>
<ol>
<li><strong>Encodage différentiel :</strong> stocker la différence entre chaque cellule et sa valeur prédite, obtenue par la moyenne de ses voisines. Les valeurs différentielles sont petites et se concentrent près de zéro.</li>
<li><strong>Quantification :</strong> pour les chunks éloignés, réduire la précision de 16 bits à 12 ou 8 bits. À 500 mètres de distance, une précision de hauteur sur 8 bits — résolution de 0,4 m sur une plage d’altitudes de 100 m — est impossible à distinguer d’une précision sur 16 bits.</li>
<li><strong>Codage entropique :</strong> appliquer une compression zlib ou brotli au flux encodé par différences. Taux de compression habituel : 4 à 8x.</li>
</ol>
<p>Résultat : un chunk de 65x65 sur 16 bits passe de 8,4 Ko de données brutes à 1 ou 2 Ko compressés. Avec une précision réduite à 8 bits : 0,5 à 1 Ko.</p>
<h3 id="diffusion-progressive-des-cartes-de-hauteurs" tabindex="-1">Diffusion progressive des cartes de hauteurs <a class="header-anchor" href="#diffusion-progressive-des-cartes-de-hauteurs" aria-label="Permalink to &quot;Diffusion progressive des cartes de hauteurs&quot;"></a></h3>
<p>Le terrain est d’abord envoyé en basse résolution, puis progressivement affiné. Une carte de hauteurs de 17x17 — le minimum pour un chunk de 64 m avec un espacement de 4 m entre les cellules — représente 578 octets bruts et moins de 200 octets compressés. Le terrain apparaît instantanément. L’affinement en 33x33 est ensuite transmis, en ajoutant les échantillons des lignes et colonnes impaires, puis vient la résolution complète de 65x65. Chaque niveau ajoute des détails sans remplacer les données précédentes.</p>
<p>Cela correspond aux anneaux de LOD de la geometry clipmap : le terrain lointain utilise la version en basse résolution (17x17), la moyenne distance utilise la version intermédiaire (33x33) et les vues rapprochées utilisent la résolution complète (65x65). La priorité de diffusion suit le LOD de rendu.</p>
<h3 id="compression-des-volumes-sdf" tabindex="-1">Compression des volumes SDF <a class="header-anchor" href="#compression-des-volumes-sdf" aria-label="Permalink to &quot;Compression des volumes SDF&quot;"></a></h3>
<p>Les volumes SDF clairsemés se compressent fortement, car la plupart des voxels sont éloignés de la surface et représentent donc un espace vide. Plusieurs options existent :</p>
<p><strong>Codage par plages :</strong> encode les suites de valeurs identiques, comme les voxels vides. Les volumes SDF courants sont vides à plus de 95 %, si bien que le RLE atteint un taux de compression de 10 à 50x.</p>
<p><strong>Octree clairsemé :</strong> ne stocke que les nœuds de l’octree qui contiennent des voxels traversés par la surface. L’espace vide ne comporte aucun nœud. Un volume SDF de 64^3 contenant un seul tunnel de grotte peut ne comporter que 2 000 à 5 000 nœuds occupés, contre 262 144 voxels au total, chacun étant stocké sur 1 à 2 octets.</p>
<p><strong>Compression progressive guidée par l’entropie</strong> (2024, <a href="https://inria.hal.science/hal-04630545v1/file/sgp2024.pdf" target="_blank" rel="noreferrer">HAL</a>) s’applique aux données spatiales 3D en partitionnant récursivement l’espace au moyen de plans optimisés selon l’entropie et d’une quantification adaptative. Elle produit un flux d’affinements optimisé pour les compromis entre débit et distorsion, particulièrement avantageux aux faibles débits de la diffusion sur réseau.</p>
<h2 id="assemblage-de-l-ensemble-le-pipeline-de-terrain-pour-navigateur" tabindex="-1">Assemblage de l’ensemble : le pipeline de terrain pour navigateur <a class="header-anchor" href="#assemblage-de-l-ensemble-le-pipeline-de-terrain-pour-navigateur" aria-label="Permalink to &quot;Assemblage de l’ensemble : le pipeline de terrain pour navigateur&quot;"></a></h2>
<p>La vue d’ensemble stratégique présentée au début de cet article fournit un cadre de décision rapide et un plan de développement par phases. Cette section détaille entièrement le pipeline de génération côté serveur et le pipeline de rendu dans le navigateur.</p>
<h3 id="pipeline-de-generation-cote-serveur" tabindex="-1">Pipeline de génération côté serveur <a class="header-anchor" href="#pipeline-de-generation-cote-serveur" aria-label="Permalink to &quot;Pipeline de génération côté serveur&quot;"></a></h3>
<p>Le pipeline de génération s’exécute sous la forme d’un graphe orienté de processus physiques, inspiré de l’approche par graphe de nœuds de Gaea et World Machine. Chaque étape reçoit la sortie de l’étape précédente et l’affine. Les créateurs contrôlent les paramètres de chaque étape.</p>
<table tabindex="0">
<thead>
<tr>
<th>Étape</th>
<th>Entrée</th>
<th>Processus</th>
<th>Sortie</th>
<th>Durée</th>
</tr>
</thead>
<tbody>
<tr>
<td>1. Terrain de base</td>
<td>Graine ou requête textuelle</td>
<td>Terrain Diffusion / MESA / bruit + fBm</td>
<td>Carte de hauteurs sur 16 bits</td>
<td>1-5 s</td>
</tr>
<tr>
<td>2. Érosion</td>
<td>Carte de hauteurs</td>
<td>Puissance analytique des cours d’eau + érosion thermique</td>
<td>Carte de hauteurs érodée, carte d’accumulation des écoulements, carte des sédiments</td>
<td>0,5-2 s</td>
</tr>
<tr>
<td>3. Rivières</td>
<td>Carte de hauteurs érodée, carte des écoulements</td>
<td>Extraction du réseau hydrographique, creusement des chenaux</td>
<td>Splines des rivières, carte du niveau de l’eau</td>
<td>0,5 s</td>
</tr>
<tr>
<td>4. Littoral</td>
<td>Carte de hauteurs près du niveau de la mer</td>
<td>Érosion par les vagues de type NEWTS</td>
<td>Éléments du littoral (falaises, plages, stacks)</td>
<td>1-3 s</td>
</tr>
<tr>
<td>5. Volumétrie</td>
<td>Carte de hauteurs + intention du créateur</td>
<td>Érosion Arenite / génération de grottes / sculpture SDF</td>
<td>Volumes SDF clairsemés pour les chunks concernés</td>
<td>1-60 s</td>
</tr>
<tr>
<td>6. Matériaux</td>
<td>Carte de hauteurs + cartes d’érosion</td>
<td>TerraFusion / Geodiffussr / règles procédurales</td>
<td>Splat maps, textures du terrain</td>
<td>1-5 s</td>
</tr>
<tr>
<td>7. Végétation</td>
<td>Carte de hauteurs + carte des écoulements + matériaux</td>
<td>Simulation de la concurrence entre écosystèmes</td>
<td>Cartes de densité par biome et par chunk</td>
<td>1-3 s</td>
</tr>
<tr>
<td>8. Cartes d’horizon</td>
<td>Carte de hauteurs finale</td>
<td>Angle d’élévation maximal dans 8 directions</td>
<td>Texture d’auto-ombrage par chunk</td>
<td>2-5 s</td>
</tr>
<tr>
<td>9. Découpage en chunks</td>
<td>Toutes les sorties</td>
<td>Découpage, encodage différentiel, compression, hachage</td>
<td>Paquets de chunks sur le CDN</td>
<td>5-10 s</td>
</tr>
<tr>
<td><strong>Total</strong></td>
<td></td>
<td></td>
<td></td>
<td><strong>15-90 s</strong></td>
</tr>
</tbody>
</table>
<p>Un nouveau monde de 4x4 km est généré en 15 à 90 secondes. Les modifications des créateurs — sculpture ou changements de paramètres — ne relancent que les étapes et les chunks concernés, généralement en moins de 5 secondes.</p>
<h3 id="pipeline-de-rendu-dans-le-navigateur" tabindex="-1">Pipeline de rendu dans le navigateur <a class="header-anchor" href="#pipeline-de-rendu-dans-le-navigateur" aria-label="Permalink to &quot;Pipeline de rendu dans le navigateur&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Étape</th>
<th>Parcours WebGPU</th>
<th>Solution de repli WebGL 2</th>
<th>Budget par image</th>
</tr>
</thead>
<tbody>
<tr>
<td>1. Diffusion</td>
<td>File de priorité, préchargement prédictif</td>
<td>Identique</td>
<td>N/A (asynchrone)</td>
</tr>
<tr>
<td>2. Terrain par carte de hauteurs</td>
<td>Quadtree CDLOD piloté par le GPU, culling par calcul, rendu indirect</td>
<td>Geometry clipmaps, mise à jour des anneaux par le CPU</td>
<td>0,5-1 ms</td>
</tr>
<tr>
<td>3. Maillage volumétrique</td>
<td>Marching cubes par calcul + Transvoxel</td>
<td>Maillages prégénérés dans un Web Worker, 2 à 3 LOD en cache</td>
<td>0,5-2 ms</td>
</tr>
<tr>
<td>4. Transitions de LOD</td>
<td>Geomorphing dans le shader de sommets</td>
<td>Identique</td>
<td>Inclus ci-dessus</td>
</tr>
<tr>
<td>5. Matériaux</td>
<td>PBR triplanaire + mélange laplacien + détails par bruit de phaseurs + texturation virtuelle</td>
<td>PBR triplanaire + mélange linéaire + splat maps précalculées</td>
<td>1-1,5 ms</td>
</tr>
<tr>
<td>6. Végétation</td>
<td>ComputeInstanceCulling + IndirectBatchedMesh, couverture végétale au sol pavée en hexagones</td>
<td>Culling du frustum par le CPU + InstancedMesh</td>
<td>1-1,5 ms</td>
</tr>
<tr>
<td>7. Eau</td>
<td>Bandes de rivière alignées sur l’écoulement, écume du rivage fondée sur la profondeur</td>
<td>Identique (réflexions simplifiées)</td>
<td>0,5 ms</td>
</tr>
<tr>
<td>8. Ombres</td>
<td>CSM à 3 ou 4 cascades + auto-ombrage par carte d’horizon</td>
<td>CSM à 2 cascades</td>
<td>0,5-1 ms</td>
</tr>
<tr>
<td>9. Atmosphère</td>
<td>Modèle de ciel de Hillaire + brouillard volumétrique + particules météorologiques</td>
<td>Ciel de Preetham + brouillard de distance</td>
<td>0,5 ms</td>
</tr>
<tr>
<td>10. Effets dynamiques</td>
<td>Accumulation des flaques, déformation par les empreintes, neige/pluie</td>
<td>Accumulation des flaques, particules de pluie</td>
<td>0,3 ms</td>
</tr>
<tr>
<td><strong>Total du terrain</strong></td>
<td></td>
<td></td>
<td><strong>3,5-6,5 ms</strong></td>
</tr>
</tbody>
</table>
<p>À 60 ips — 16,6 ms par image — le système de terrain utilise 21 % du budget d’une image avec WebGPU et 39 % avec WebGL 2. Le reste est disponible pour les avatars des joueurs, les objets des créateurs, l’interface, le réseau et le post-traitement.</p>
<h3 id="pourquoi-cela-fonctionne-dans-un-navigateur" tabindex="-1">Pourquoi cela fonctionne dans un navigateur <a class="header-anchor" href="#pourquoi-cela-fonctionne-dans-un-navigateur" aria-label="Permalink to &quot;Pourquoi cela fonctionne dans un navigateur&quot;"></a></h3>
<p>L’ensemble du pipeline est conçu autour de trois contraintes propres aux navigateurs :</p>
<p><strong>Mémoire (2 à 4 Go maximum) :</strong> le budget de 256 Mo consacré au terrain est respecté, car les chunks de carte de hauteurs ne pèsent que 2 à 8 Ko chacun après encodage différentiel, les volumes SDF sont clairsemés — 100 à 500 Ko par chunk volumétrique —, la végétation est générée à l’exécution à partir de cartes de densité de 1 Ko et les textures utilisent la compression KTX2 — 150 Ko par texture de 1024x1024. À tout moment, le monde visible dans le navigateur pèse au total entre 50 et 200 Mo.</p>
<p><strong>Aucun accès au disque :</strong> tout est diffusé sur le réseau. Le chargement progressif permet au joueur de voir le terrain en moins de 100 ms grâce à une carte de hauteurs en basse résolution, le terrain texturé en moins de 300 ms et tous les détails en moins de 3 s. Le préchargement fondé sur la vitesse masque les temps de chargement pendant l’exploration normale.</p>
<p><strong>Les performances des GPU varient énormément :</strong> le parcours WebGPU prend en charge les ordinateurs haut de gamme. La solution de repli WebGL 2 couvre tous les autres appareils, y compris les mobiles. Les mêmes données de chunks alimentent les deux parcours. Seule la technique de rendu diffère, pas le format des données. Un Chromebook exécutant WebGL 2 affiche le même monde qu’une RTX 4090 exécutant WebGPU, simplement avec moins de détails et une distance d’affichage plus courte.</p>
<h2 id="articles-de-recherche" tabindex="-1">Articles de recherche <a class="header-anchor" href="#articles-de-recherche" aria-label="Permalink to &quot;Articles de recherche&quot;"></a></h2>
<h3 id="representation-du-terrain-et-generation-de-maillages" tabindex="-1">Représentation du terrain et génération de maillages <a class="header-anchor" href="#representation-du-terrain-et-generation-de-maillages" aria-label="Permalink to &quot;Représentation du terrain et génération de maillages&quot;"></a></h3>
<p><strong>« Marching Cubes: A High Resolution 3D Surface Construction Algorithm »</strong> — Lorensen et Cline (SIGGRAPH 1987). <a href="https://doi.org/10.1145/37402.37422" target="_blank" rel="noreferrer">DOI</a>. L’algorithme fondateur pour extraire des maillages triangulaires à partir de données volumétriques. Trente-huit ans plus tard, il reste la méthode d’extraction d’isosurfaces la plus utilisée. Ses implémentations parallèles sur GPU s’exécutent en temps réel dans les shaders de calcul WebGPU.
<strong>« Dual Contouring of Hermite Data »</strong> -- Ju, Losasso, Schaefer, Warren (SIGGRAPH 2002). <a href="https://doi.org/10.1145/566570.566586" target="_blank" rel="noreferrer">DOI</a>. Produit des maillages qui préservent les arêtes vives (bords de falaises, angles rocheux) que l’algorithme des marching cubes tend à arrondir. Nécessite les normales de surface en plus des valeurs de distance.</p>
<p><strong>« Neural Dual Contouring »</strong> -- Chen et al. (2022). <a href="https://arxiv.org/abs/2202.01999" target="_blank" rel="noreferrer">arXiv:2202.01999</a>. Remplace le placement des sommets par moindres carrés du dual contouring par un prédicteur entraîné. Offre une meilleure qualité de surface pour les formes naturelles complexes.</p>
<p><strong>« The Transvoxel Algorithm »</strong> -- Lengyel (2009, mis à jour en 2024). <a href="https://transvoxel.org/" target="_blank" rel="noreferrer">transvoxel.org</a>. Transitions de niveau de détail fluides pour les terrains voxelisés. Élimine les fissures aux limites de résolution grâce à 73 types de cellules de transition. Sans brevet et conçu pour les applications en temps réel.</p>
<h3 id="niveau-de-detail-et-rendu-des-terrains" tabindex="-1">Niveau de détail et rendu des terrains <a class="header-anchor" href="#niveau-de-detail-et-rendu-des-terrains" aria-label="Permalink to &quot;Niveau de détail et rendu des terrains&quot;"></a></h3>
<p><strong>« Geometry Clipmaps: Terrain Rendering Using Nested Regular Grids »</strong> -- Losasso et Hoppe (SIGGRAPH 2004). <a href="https://hhoppe.com/geomclipmap.pdf" target="_blank" rel="noreferrer">Article</a>. Rendu de terrain à coût constant avec des anneaux concentriques de niveaux de détail. Gère des terrains de 40 Go à des fréquences interactives. Constitue la base de la plupart des moteurs de rendu de terrain dans le navigateur.</p>
<p><strong>« CDLOD: Hybrid LOD for Terrain Rendering »</strong> -- Strugar (2014). <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf" target="_blank" rel="noreferrer">Article</a>. Amélioration adaptative par quadtree des geometry clipmaps. Alloue la résolution selon la complexité du terrain plutôt que selon la seule distance.</p>
<p><strong>« GPU-Driven Rendering Pipelines »</strong> -- Ubisoft (SIGGRAPH 2015), Wihlidal et Hoppe. A formalisé l’approche pilotée par le GPU, dans laquelle les compute shaders gèrent l’élimination des éléments invisibles, la sélection des niveaux de détail et la génération des appels de rendu. Le modèle architectural de notre pipeline de terrain WebGPU.</p>
<h3 id="generation-physique-de-terrains" tabindex="-1">Génération physique de terrains <a class="header-anchor" href="#generation-physique-de-terrains" aria-label="Permalink to &quot;Génération physique de terrains&quot;"></a></h3>
<p><strong>« Physically-Based Analytical Erosion for Fast Terrain Generation »</strong> -- Cordonnier et al. (2024). <a href="https://hal.science/hal-04525371" target="_blank" rel="noreferrer">HAL</a>. Érosion analytique fondée sur la loi de puissance de l’écoulement, évitant les simulations itératives. Génère des terrains physiquement plausibles en quelques millisecondes.</p>
<p><strong>« Fast Hydraulic Erosion Simulation and Visualization on GPU »</strong> -- Mei, Decaudin, Hu (2007). <a href="https://hal.science/hal-02281637/file/main.pdf" target="_blank" rel="noreferrer">HAL</a>. Érosion hydraulique parallélisée sur GPU à l’aide d’une simulation en eaux peu profondes. Sert de base à la plupart des implémentations d’érosion dans les moteurs de jeu.</p>
<p><strong>« Arenite: A Physics-Based Sandstone Simulator »</strong> -- SIGGRAPH 2025. <a href="https://jango6324.github.io/arenite/" target="_blank" rel="noreferrer">Projet</a>. Érosion multiphysique générant des arches, des cheminées de fée et des alcôves à partir de simulations de contraintes et d’érosion. S’exécute en moins de 5 minutes sur des GPU de bureau.</p>
<p><strong>« Efficient Debris-flow Simulation for Steep Terrain Erosion »</strong> -- Purdue CGVLAB (2024). <a href="https://www.cs.purdue.edu/cgvlab/www/resources/papers/Arymaan-ToG-2024-efficient.pdf" target="_blank" rel="noreferrer">Article</a>. Simulation accélérée par GPU des coulées de débris et de l’érosion des fortes pentes, produisant des reliefs montagneux réalistes.</p>
<p><strong>« Flexible Terrain Erosion »</strong> -- IRIT-STORM (2024). <a href="https://link.springer.com/article/10.1007/s00371-024-03444-w" target="_blank" rel="noreferrer">Springer</a>. Érosion fondée sur des particules, compatible avec les champs de hauteur, les grilles de voxels, les surfaces implicites et les matériaux stratifiés grâce à une interface unifiée. Permet d’utiliser un même système d’érosion pour des représentations hybrides du terrain.</p>
<h3 id="details-et-texturation-des-terrains" tabindex="-1">Détails et texturation des terrains <a class="header-anchor" href="#details-et-texturation-des-terrains" aria-label="Permalink to &quot;Détails et texturation des terrains&quot;"></a></h3>
<p><strong>« GPU-Friendly Laplacian Texture Blending »</strong> -- Wronski (NVIDIA, 2025). <a href="https://jcgt.org/published/0014/01/02/" target="_blank" rel="noreferrer">JCGT</a>. Fusion en temps réel par pyramide laplacienne pour les matériaux de terrain, sans précalcul. Préserve les détails nets tout en éliminant les artefacts de raccord. Ne nécessite que quelques lectures de texture supplémentaires par fragment.</p>
<p><strong>« Real-time Terrain Enhancement with Controlled Procedural Patterns »</strong> -- Grenier et al. (2024). <a href="https://diglib.eg.org/bitstream/handle/10.1111/cgf14992/v43i1_05_cgf14992.pdf" target="_blank" rel="noreferrer">CGF</a>. Détails de micro-érosion fondés sur le bruit de phaseurs, jusqu’à 32 fois la résolution de la carte de hauteur. Les motifs alignés sur les pentes s’exécutent entièrement dans un fragment shader.</p>
<h3 id="tessellation-adaptative" tabindex="-1">Tessellation adaptative <a class="header-anchor" href="#tessellation-adaptative" aria-label="Permalink to &quot;Tessellation adaptative&quot;"></a></h3>
<p><strong>« Concurrent Binary Trees for Large-Scale Game Components »</strong> -- Benyoub et Dupuy (Intel, HPG 2024). <a href="https://arxiv.org/html/2407.02215v1" target="_blank" rel="noreferrer">Article</a>. Structure de données en arbre binaire adaptée au GPU pour la tessellation adaptative des terrains. Affiche une géométrie à l’échelle planétaire en moins de 0,2 ms. Étendue des domaines carrés aux maillages polygonaux arbitraires.</p>
<h3 id="generation-de-grottes-et-de-souterrains-1" tabindex="-1">Génération de grottes et de souterrains <a class="header-anchor" href="#generation-de-grottes-et-de-souterrains-1" aria-label="Permalink to &quot;Génération de grottes et de souterrains&quot;"></a></h3>
<p><strong>« PLUME: Procedural Layer Underground Modeling Engine »</strong> -- 2024. <a href="https://arxiv.org/html/2508.20926v1" target="_blank" rel="noreferrer">arXiv:2508.20926</a>. Framework open source destiné à générer des environnements réalistes de grottes et de tunnels de lave au moyen de règles procédurales superposées. Initialement conçu pour la robotique d’exploration spatiale.</p>
<h3 id="synthese-neuronale-de-terrains" tabindex="-1">Synthèse neuronale de terrains <a class="header-anchor" href="#synthese-neuronale-de-terrains" aria-label="Permalink to &quot;Synthèse neuronale de terrains&quot;"></a></h3>
<p><strong>« InfiniteDiffusion: Bridging Learned Fidelity and Procedural Utility for Open-World Terrain Generation »</strong> -- Goslin (2025, SIGGRAPH 2026). <a href="https://arxiv.org/abs/2512.08309" target="_blank" rel="noreferrer">arXiv:2512.08309</a>. Génération de terrains infinis et cohérents à partir d’une graine, à l’aide de modèles de diffusion hiérarchiques avec encodage laplacien. 9 fois plus rapide que la méthode de référence sur des GPU grand public.</p>
<p><strong>« TerraFusion: Joint Generation of Terrain Geometry and Texture »</strong> -- 2025. <a href="https://arxiv.org/abs/2505.04050" target="_blank" rel="noreferrer">arXiv:2505.04050</a>. Diffusion latente pour la synthèse simultanée de cartes de hauteur et de textures, avec conditionnement par croquis.</p>
<p><strong>« MESA: Text-Driven Terrain Generation »</strong> -- Atelier CVPR 2025. <a href="https://arxiv.org/abs/2504.07210" target="_blank" rel="noreferrer">arXiv:2504.07210</a>. Génération de terrains à partir de texte, entraînée sur les données de télédétection Copernicus.</p>
<p><strong>« Geodiffussr: Generative Terrain Texturing with Elevation Fidelity »</strong> -- 2025. <a href="https://arxiv.org/abs/2511.23029" target="_blank" rel="noreferrer">arXiv:2511.23029</a>. Génération guidée par le texte de textures de terrain qui respectent les données d’altitude grâce au flow matching.</p>
<p><strong>« Sketch2Terrain: AI-Driven Real-Time Terrain Sketch Mapping »</strong> -- 2025. <a href="https://tianyixiao.top/publication/2025-sketch2terrain" target="_blank" rel="noreferrer">Projet</a>. Transformation en temps réel de croquis en terrains dans la réalité augmentée. Amélioration de l’efficacité de 38 % par rapport à la cartographie manuelle.</p>
<h3 id="simulation-de-la-vegetation-et-des-ecosystemes" tabindex="-1">Simulation de la végétation et des écosystèmes <a class="header-anchor" href="#simulation-de-la-vegetation-et-des-ecosystemes" aria-label="Permalink to &quot;Simulation de la végétation et des écosystèmes&quot;"></a></h3>
<p><strong>« GPU-Based Real-Time Procedural Distribution of Vegetation on Large-Scale Virtual Terrains »</strong> -- SBGames 2018. <a href="https://sbgames.org/sbgames2018/files/papers/ComputacaoFull/188348.pdf" target="_blank" rel="noreferrer">Article</a>. Répartition de la végétation fondée sur un quadtree, utilisant des facteurs biotiques et abiotiques sur GPU.</p>
<p><strong>« Procedural Generation and Rendering of Forests »</strong> -- 2022. <a href="https://export.arxiv.org/pdf/2208.01471v1.pdf" target="_blank" rel="noreferrer">Article</a>. Génération d’arbres par systèmes de Lindenmayer combinée à une simulation de concurrence écosystémique afin d’obtenir une distribution réaliste des forêts.</p>
<p><strong>« Real-Time Procedural Generation with GPU Work Graphs »</strong> -- AMD GPUOpen 2024. <a href="https://gpuopen.com/download/Real-Time_Procedural_Generation_with_GPU_Work_Graphs-GPUOpen_preprint.pdf" target="_blank" rel="noreferrer">Article</a>. Graphes de tâches GPU générant plus de 79 000 instances de végétation en moins de 4 ms.</p>
<h3 id="technologie-gpu-dans-le-navigateur" tabindex="-1">Technologie GPU dans le navigateur <a class="header-anchor" href="#technologie-gpu-dans-le-navigateur" aria-label="Permalink to &quot;Technologie GPU dans le navigateur&quot;"></a></h3>
<p><strong>« GSWT Renderer »</strong> -- SIGGRAPH Asia 2025. <a href="https://github.com/zengyf131/gswt_renderer" target="_blank" rel="noreferrer">GitHub</a>. Moteur de rendu WebGPU + Rust/Wasm utilisant des tuiles de Wang par Gaussian Splatting pour créer des terrains 3D infinis avec niveau de détail dynamique et streaming.</p>
<p><strong>« GPU Compute in the Browser at the Speed of Native: WebGPU Marching Cubes »</strong> -- Usher (2024). <a href="https://www.willusher.io/graphics/2024/04/22/webgpu-marching-cubes/" target="_blank" rel="noreferrer">Blog</a>. Démontre que le calcul WebGPU atteint des performances comparables au code natif pour les algorithmes parallèles de génération de maillages.</p>
<h3 id="rendu-voxel-et-scenes-a-grande-echelle" tabindex="-1">Rendu voxel et scènes à grande échelle <a class="header-anchor" href="#rendu-voxel-et-scenes-a-grande-echelle" aria-label="Permalink to &quot;Rendu voxel et scènes à grande échelle&quot;"></a></h3>
<p><strong>« Aokana: A GPU-Driven Voxel Rendering Framework for Open World Games »</strong> -- 2025. <a href="https://arxiv.org/abs/2505.02017" target="_blank" rel="noreferrer">arXiv:2505.02017</a>. DAG de voxels épars avec niveaux de détail et streaming pour des scènes contenant des dizaines de milliards de voxels. Réduit la mémoire utilisée d’un facteur 9 et accélère le rendu d’un facteur 4,8 par rapport aux meilleures méthodes antérieures. Conçu pour être intégré aux moteurs de jeu.</p>
<h3 id="geometrie-procedurale-et-reconstruction-de-surfaces" tabindex="-1">Géométrie procédurale et reconstruction de surfaces <a class="header-anchor" href="#geometrie-procedurale-et-reconstruction-de-surfaces" aria-label="Permalink to &quot;Géométrie procédurale et reconstruction de surfaces&quot;"></a></h3>
<p><strong>« Real-time Procedural Resurfacing using GPU Mesh Shaders »</strong> -- Raad et al. (Eurographics 2025). <a href="https://hal.science/hal-05176868v1/file/Paper_Resurfacing_2024.pdf" target="_blank" rel="noreferrer">Article</a>. Génère au moment du rendu des surfaces géométriques détaillées à partir de maillages de contrôle grossiers, à l’aide de mesh shaders. Permet des niveaux de détail dynamiques sans stocker en mémoire une géométrie haute résolution.</p>
<h3 id="ombres-des-terrains" tabindex="-1">Ombres des terrains <a class="header-anchor" href="#ombres-des-terrains" aria-label="Permalink to &quot;Ombres des terrains&quot;"></a></h3>
<p><strong>« Optimizing Terrain Shadows »</strong> -- AMD GPUOpen. <a href="https://gpuopen.com/learn/optimizing-terrain-shadows/" target="_blank" rel="noreferrer">Blog</a>. Optimisation pratique des cascaded shadow maps pour les terrains à grande échelle. Aborde la répartition des cascades, le rendu des cartes d’ombres efficace sur GPU et les optimisations propres aux terrains.</p>
<h3 id="geometrie-virtuelle-et-optimisation-des-maillages" tabindex="-1">Géométrie virtuelle et optimisation des maillages <a class="header-anchor" href="#geometrie-virtuelle-et-optimisation-des-maillages" aria-label="Permalink to &quot;Géométrie virtuelle et optimisation des maillages&quot;"></a></h3>
<p><strong>« Nanite WebGPU »</strong> -- Scthe (2024). <a href="https://github.com/Scthe/nanite-webgpu" target="_blank" rel="noreferrer">GitHub</a>, <a href="https://scthe.github.io/nanite-webgpu/" target="_blank" rel="noreferrer">Démo</a>. Implémentation complète dans le navigateur de l’architecture Nanite d’UE5 : hiérarchie de niveaux de détail par meshlets, rastériseur logiciel en WGSL, élimination par meshlet et imposteurs en panneaux.</p>
<p><strong>« Billions of Triangles in Minutes »</strong> -- Kapoulkine (2025). <a href="https://zeux.io/2025/09/30/billions-of-triangles-in-minutes/" target="_blank" rel="noreferrer">Blog</a>. Meshoptimizer v1.0 pour la génération hiérarchique de niveaux de détail regroupés. Convertit efficacement des maillages massifs en DAG de groupes de style Nanite.</p>
<p><strong>« Billboard Splatting (BBSplat) »</strong> -- 2024. <a href="https://arxiv.org/abs/2411.08508" target="_blank" rel="noreferrer">arXiv:2411.08508</a>. Primitives planes texturées et entraînables pour la synthèse de nouveaux points de vue, offrant une compression 17 fois supérieure à celle du Gaussian Splatting 3D.</p>
<h3 id="eclairage-des-terrains-et-illumination-globale" tabindex="-1">Éclairage des terrains et illumination globale <a class="header-anchor" href="#eclairage-des-terrains-et-illumination-globale" aria-label="Permalink to &quot;Éclairage des terrains et illumination globale&quot;"></a></h3>
<p><strong>« Global Illumination in Once Human »</strong> -- GDC 2025. <a href="https://schedule.gdconf.com/session/global-illumination-in-once-human-a-hybrid-approach-for-16km-open-world/907269" target="_blank" rel="noreferrer">Session</a>. Illumination globale hybride pour un monde ouvert de 16 km : sondes compressées par réseau neuronal (rapport de 69:1), correction par apprentissage automatique des fuites entre intérieur et extérieur et réactions dynamiques des sondes.</p>
<p><strong>« GI with AMD FidelityFX Brixelizer »</strong> -- GDC 2024. <a href="https://gpuopen.com/download/GDC2024_GI_with_AMD_FidelityFX_Brixelizer.pdf" target="_blank" rel="noreferrer">Article</a>. Cascades de champs de distance épars calculées par compute shaders, avec sondes en espace écran. Aucun ray tracing matériel requis.</p>
<p><strong>« Radiance Cascades »</strong> -- 2024. <a href="https://jason.today/rc" target="_blank" rel="noreferrer">Blog</a>. Illumination globale en temps réel sans bruit, utilisant des structures de radiance en cascade sans accumulation temporelle.</p>
<h3 id="conception-de-niveaux-et-exploration" tabindex="-1">Conception de niveaux et exploration <a class="header-anchor" href="#conception-de-niveaux-et-exploration" aria-label="Permalink to &quot;Conception de niveaux et exploration&quot;"></a></h3>
<p><strong>« PlotMap: Automated Layout Design for Building Game Worlds »</strong> -- 2023. <a href="https://arxiv.org/html/2309.15242v4" target="_blank" rel="noreferrer">arXiv:2309.15242</a>. Placement assisté par IA de points d’intérêt respectant les contraintes spatiales narratives du terrain.</p>
<p><strong>« Spatial Exploration Triggers »</strong> -- Université Purdue (FDG 2022). <a href="https://web.ics.purdue.edu/~cmousas/papers/conf22-FDG-SpatialExploration.pdf" target="_blank" rel="noreferrer">Article</a>. Quatre motifs de conception qui encouragent l’exploration par les joueurs : points extrêmes, obstacles visuels, objets incongrus et connexions spatiales.</p>
<h3 id="compression-et-streaming-des-donnees" tabindex="-1">Compression et streaming des données <a class="header-anchor" href="#compression-et-streaming-des-donnees" aria-label="Permalink to &quot;Compression et streaming des données&quot;"></a></h3>
<p><strong>« Entropy-driven Progressive Compression of 3D Point Clouds »</strong> -- SGP 2024. <a href="https://inria.hal.science/hal-04630545v1/file/sgp2024.pdf" target="_blank" rel="noreferrer">Article</a>. Compression progressive optimisée selon le compromis débit-distorsion, utilisant un partitionnement récursif de l’espace avec quantification adaptative. Produit des flux de raffinement adaptés au streaming réseau à bande passante variable.</p>
<h3 id="edition-interactive" tabindex="-1">Édition interactive <a class="header-anchor" href="#edition-interactive" aria-label="Permalink to &quot;Édition interactive&quot;"></a></h3>
<p><strong>« WebGPU SDF Editor »</strong> -- Nijhoff (2026). <a href="https://reindernijhoff.net/2026/01/webgpu-sdf-editor-real-time-signed-distance-field-modeling/" target="_blank" rel="noreferrer">Projet</a>. Outil complet de modélisation SDF dans le navigateur, avec marching cubes en temps réel, opérations booléennes, fusion lissée et partitionnement spatial par octree. 112 octets par primitive.</p>
<h3 id="generation-de-cours-d-eau-et-de-littoraux" tabindex="-1">Génération de cours d’eau et de littoraux <a class="header-anchor" href="#generation-de-cours-d-eau-et-de-littoraux" aria-label="Permalink to &quot;Génération de cours d’eau et de littoraux&quot;"></a></h3>
<p><strong>« Procedural River Drainage Basins »</strong> -- Patel (Red Blob Games). <a href="https://www.redblobgames.com/x/1723-procedural-river-growing/" target="_blank" rel="noreferrer">Projet</a>. Génération de cours d’eau donnant la priorité au drainage, fondée sur la classification des arêtes d’un maillage de Voronoï/triangles. Construit les hiérarchies fluviales avant d’attribuer l’altitude du terrain.</p>
<p><strong>« NEWTS1.0: Numerical Model of Coastal Erosion by Waves and Transgressive Scarps »</strong> -- MIT (2024). <a href="https://dspace.mit.edu/handle/1721.1/157677" target="_blank" rel="noreferrer">Article</a>. Modèle simplifié d’érosion côtière utilisant un recul uniforme et une érosion causée par les vagues. Génère des caps, des baies, des stacks marins et des arches conformes à la géomorphologie réelle.</p>
<h2 id="pour-aller-plus-loin" tabindex="-1">Pour aller plus loin <a class="header-anchor" href="#pour-aller-plus-loin" aria-label="Permalink to &quot;Pour aller plus loin&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/browser-3d-open-world-tech.html">Technologies pour les mondes ouverts 3D dans le navigateur</a> présente l’architecture complète d’un monde multijoueur créé dans le navigateur</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux web en 2026</a> présente les principes fondamentaux de WebGL, WebGPU et WebAssembly</li>
<li><a href="/fr/guides/threejs-usdc-tech-report.html">Rapport technique sur Three.js + USDC</a> consacré au chargement de ressources 3D dans le navigateur</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Modèles d’IA générative open source de pointe</a> pour le pipeline de génération par IA</li>
<li><a href="/fr/tutorials/webgpu-getting-started.html">Bien débuter avec WebGPU</a> — compute shaders pour les terrains pilotés par le GPU</li>
<li><a href="/fr/tutorials/web-workers-game-logic.html">Web Workers pour la logique de jeu</a> — déporter la génération des terrains vers des Workers</li>
<li><a href="/fr/tutorials/game-physics-libraries.html">Bibliothèques de physique pour les jeux</a> — physique des interactions avec le terrain et collisionneurs de champs de hauteur</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — sources de textures et de matériaux pour le rendu des terrains</li>
</ul>
<BuildCta
  title="Intégrez un paysage généré à un jeu"
  desc="Un terrain est encore meilleur quand on peut l’explorer à pied."
  prompt="Crée un jeu se déroulant dans une vallée montagneuse générée de manière procédurale" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/landscape-generation-browser.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Technologie de monde ouvert 3D dans le navigateur pour les mondes multijoueurs de créateurs]]></title>
            <link>https://app.cinevva.com/fr/guides/browser-3d-open-world-tech</link>
            <guid>https://app.cinevva.com/fr/guides/browser-3d-open-world-tech</guid>
            <pubDate>Fri, 20 Feb 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Recherche approfondie sur les technologies de rendu, de réseau, de streaming et de création de mondes nécessaires pour réunir les créateurs dans un monde ouvert 3D partagé, accessible depuis un navigateur et qu’ils peuvent façonner ensemble.]]></description>
            <content:encoded><![CDATA[<h1 id="technologie-de-monde-ouvert-3d-dans-le-navigateur-pour-les-mondes-multijoueurs-de-createurs" tabindex="-1">Technologie de monde ouvert 3D dans le navigateur pour les mondes multijoueurs de créateurs <a class="header-anchor" href="#technologie-de-monde-ouvert-3d-dans-le-navigateur-pour-les-mondes-multijoueurs-de-createurs" aria-label="Permalink to &quot;Technologie de monde ouvert 3D dans le navigateur pour les mondes multijoueurs de créateurs&quot;"></a></h1>
<p>Nous voulons réunir nos créateurs dans un monde ouvert partagé. Pas un lobby. Pas une galerie. Un espace 3D vivant où les gens peuvent explorer, construire et tomber par hasard sur les créations des autres. Quelque chose qui se charge dans un onglet de navigateur et donne l’impression d’être un lieu où l’on a envie de passer du temps.</p>
<p>C’est un problème difficile. Skyrim et The Witcher 3 ont consacré des centaines de millions de dollars à la création de leurs mondes, et ils nécessitent malgré tout du matériel dédié ainsi que des dizaines de gigaoctets sur disque. Nous ciblons un onglet de navigateur, un état partagé entre des centaines de joueurs et un monde que les créateurs peuvent réellement remodeler.</p>
<p>Ce guide présente les résultats de nos recherches sur ces technologies. Ce qui est possible aujourd’hui, ce qui arrive et l’architecture qui nous permettrait d’y parvenir.</p>
<h2 id="ce-que-skyrim-et-the-witcher-peuvent-nous-apprendre" tabindex="-1">Ce que Skyrim et The Witcher peuvent nous apprendre <a class="header-anchor" href="#ce-que-skyrim-et-the-witcher-peuvent-nous-apprendre" aria-label="Permalink to &quot;Ce que Skyrim et The Witcher peuvent nous apprendre&quot;"></a></h2>
<p>Avant de choisir une technologie, il est utile de comprendre comment fonctionnent réellement deux des mondes ouverts les plus réussis. Leurs techniques s’adaptent étonnamment bien aux contraintes du navigateur.</p>
<h3 id="le-systeme-de-cellules-de-skyrim" tabindex="-1">Le système de cellules de Skyrim <a class="header-anchor" href="#le-systeme-de-cellules-de-skyrim" aria-label="Permalink to &quot;Le système de cellules de Skyrim&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/JSRtYpNRoN0" title="Bande-annonce de Skyrim Special Edition" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Le monde ouvert de Skyrim charge en continu une grille de 5x5 cellules autour du joueur. Les montagnes lointaines sont des imposteurs en basse résolution. On ne le remarque jamais.</div>
<p>Skyrim divise son monde en une grille de 57x37 cellules extérieures, chacune mesurant 4096x4096 unités de jeu (environ 59 mètres). Le moteur charge à tout moment une grille de 5x5 cellules autour du joueur. À mesure que celui-ci avance, les cellules situées derrière lui sont déchargées tandis que celles qui se trouvent devant sont chargées en continu. Les espaces intérieurs (donjons, bâtiments) sont des espaces de monde distincts, chargés par des déclencheurs placés sur les portes.</p>
<p>Ce principe s’applique directement à un monde dans le navigateur. On ne charge pas la carte entière. On charge une zone autour du joueur et on remplace les segments au fil de ses déplacements. L’idée clé : Skyrim ne permet jamais de voir tous les détails du terrain éloigné. Il utilise une approche multirésolution.</p>
<p><strong>Niveaux de LOD (niveau de détail) dans Skyrim :</strong></p>
<ul>
<li>Détails complets dans un rayon de 1 à 2 cellules (zone immédiate du joueur)</li>
<li>Maillages simplifiés à moyenne distance (les objets perdent leurs petites formes géométriques)</li>
<li>Imposteurs sous forme de panneaux pour les arbres et les rochers au-delà de la moyenne distance</li>
<li>Le LOD du terrain utilise des maillages basse résolution précalculés pour les paysages lointains</li>
<li>Distances de fondu réglées pour chaque objet (l’herbe disparaît en premier, les bâtiments en dernier)</li>
</ul>
<p>Le paysage de Skyrim repose sur un terrain à carte de hauteur, avec des parcelles de 32x32 sommets par cellule. Chaque parcelle peut utiliser différentes textures fusionnées à l’aide de cartes alpha. Ce système demande peu d’espace de stockage et peu de ressources de rendu. Les données de terrain d’une seule cellule se mesurent en kilooctets, pas en mégaoctets.</p>
<p><strong>Ce que nous pouvons appliquer :</strong> Le streaming par segments, les terrains à carte de hauteur, un LOD agressif, la séparation des espaces intérieurs et extérieurs, ainsi que l’idée selon laquelle un terrain éloigné n’a pas besoin d’être géométriquement exact, mais seulement convaincant visuellement.</p>
<h3 id="l-architecture-de-streaming-de-the-witcher-3" tabindex="-1">L’architecture de streaming de The Witcher 3 <a class="header-anchor" href="#l-architecture-de-streaming-de-the-witcher-3" aria-label="Permalink to &quot;L’architecture de streaming de The Witcher 3&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/53MyR_Z3i1w" title="The Witcher 3: Wild Hunt — Un magnifique monde ouvert" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Le monde de 136 km2 de The Witcher 3 utilise un streaming adapté au contenu. Au-delà de 200 m, les arbres sont des imposteurs plats. Les bâtiments sont chargés indépendamment du terrain.</div>
<p>Le monde de The Witcher 3 est plus vaste que celui de Skyrim (environ 136 km2 pour l’ensemble des régions) et utilise un système de streaming plus sophistiqué. CD Projekt RED a conçu un moteur sur mesure (REDengine 3) dans lequel le monde est divisé en secteurs de streaming plutôt qu’en une grille stricte.</p>
<p>Chaque secteur contient une hiérarchie de couches de contenu :</p>
<ul>
<li><strong>Le terrain</strong> est chargé sous forme de parcelles avec 4 niveaux de LOD</li>
<li><strong>La végétation</strong> utilise l’instanciation GPU avec élimination en fonction de la distance</li>
<li><strong>La géométrie statique</strong> (bâtiments, rochers) est chargée indépendamment du terrain</li>
<li><strong>Les objets de gameplay</strong> (PNJ, objets, déclencheurs) sont chargés en fonction de l’état des quêtes et de la proximité</li>
</ul>
<p>Le moteur de rendu utilise un ombrage différé avec des matériaux physiquement réalistes. Une astuce est particulièrement pertinente : The Witcher 3 recourt massivement aux imposteurs. Un arbre situé à 200 mètres n’est pas un modèle 3D avec des branches et des feuilles. C’est un quadrilatère plat texturé qui fait toujours face à la caméra. Le moteur précalcule le rendu de ces imposteurs sous plusieurs angles et les remplace à mesure que la caméra se déplace. On ne le remarque jamais, car ils sont suffisamment éloignés.</p>
<p><strong>Composition du monde :</strong> Le monde ouvert de The Witcher 3 a été créé en couches par des équipes distinctes travaillant simultanément. L’équipe chargée du terrain a sculpté le paysage. L’équipe artistique des environnements a placé les structures. L’équipe des quêtes a configuré les déclencheurs et les parcours des PNJ. Ce système de composition en couches a permis à une grande équipe de travailler sans que ses membres se gênent mutuellement.</p>
<p><strong>Ce que nous pouvons appliquer :</strong> La composition du monde en couches (essentielle pour une plateforme de créateurs), le rendu par imposteurs pour les objets éloignés, le rendu différé pour gérer de nombreuses sources lumineuses et l’idée selon laquelle le streaming doit tenir compte du contenu (ne pas charger les intérieurs invisibles ni faire apparaître des PNJ éloignés).</p>
<h3 id="le-moteur-chimique-de-breath-of-the-wild" tabindex="-1">Le moteur chimique de Breath of the Wild <a class="header-anchor" href="#le-moteur-chimique-de-breath-of-the-wild" aria-label="Permalink to &quot;Le moteur chimique de Breath of the Wild&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/zw47_q9wbBE" title="Zelda: Breath of the Wild — Bande-annonce de présentation de la Nintendo Switch" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">BotW fonctionne sur du matériel de catégorie tablette tout en offrant un rendu magnifique. Style cel-shading, brume lointaine façon aquarelle et interactions systémiques plutôt que contenu scénarisé. La référence absolue des mondes ouverts stylisés.</div>
<p>L’approche de Nintendo en matière de conception de monde ouvert a inversé la formule habituelle. Au lieu de remplir le monde de contenu scénarisé, l’équipe a créé des règles systémiques et laissé les joueurs découvrir des comportements émergents. Le feu se propage dans l’herbe. Le métal conduit l’électricité pendant les orages. Le vent emporte les objets. Tout interagit avec le reste au moyen d’une couche physique et chimique cohérente.</p>
<p>C’est important pour un monde de créateurs, car cela suggère que le monde lui-même peut être plus intéressant que n’importe quel objet placé individuellement. Si les créateurs peuvent définir les propriétés des matériaux et les règles d’interaction (plutôt que simplement placer des maillages statiques), le monde acquiert des comportements émergents qui rendent l’exploration intéressante, même dans les zones que personne n’a explicitement conçues.</p>
<p><strong>Enseignements techniques de BotW :</strong></p>
<ul>
<li>Nombre de polygones et résolution relativement faibles (900p sur Switch en mode station d’accueil). Le rendu cel-shading stylisé masque la faible fidélité. Un monde dans le navigateur pourrait aujourd’hui atteindre une qualité visuelle similaire.</li>
<li>Le rendu à distance utilise une brume en toon shading qui se fond dans des arrière-plans célestes de style aquarelle. Peu coûteux à calculer et magnifique en pratique. Ce type de perspective atmosphérique est pratiquement gratuit dans un shader de fragments.</li>
<li>Le monde couvre environ 84 km2, mais il est peu dense. La majeure partie de la carte est constituée de terrains praticables, ponctués de points d’intérêt. Le contenu dense est réservé aux villes et aux sanctuaires. Cette approche « peu dense, mais intéressante » réduit considérablement les besoins en ressources par rapport à Novigrad, la ville densément peuplée de The Witcher 3.</li>
<li>Les objets physiques possèdent des étiquettes de matériau (bois, métal, nourriture, explosif) qui déterminent leurs interactions. Le nombre de règles réelles est faible (peut-être 20 à 30 types d’interactions), mais leurs combinaisons donnent une impression de possibilités infinies.</li>
</ul>
<h3 id="la-superposition-des-systemes-du-monde-de-gta-v" tabindex="-1">La superposition des systèmes du monde de GTA V <a class="header-anchor" href="#la-superposition-des-systemes-du-monde-de-gta-v" aria-label="Permalink to &quot;La superposition des systèmes du monde de GTA V&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/QkkoHAzjnUs" title="Bande-annonce officielle de Grand Theft Auto V" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Los Santos, dans GTA V, semble vivant grâce à des systèmes d’ambiance superposés : circulation, piétons, heure de la journée et météo. Les bâtiments lointains sont des photographies composites, pas des modèles 3D.</div>
<p>L’approche de Rockstar pour Los Santos nous enseigne une autre leçon. Le monde de GTA V semble vivant grâce à des systèmes d’ambiance superposés, et non parce que chaque PNJ propose une quête.</p>
<p>La ville dispose de systèmes de circulation qui simulent des centaines de véhicules sur un réseau routier. Les piétons suivent des itinéraires, réagissent au joueur et interagissent entre eux. L’heure de la journée modifie la densité de la population, les types de PNJ présents et l’activité ambiante. La météo affecte la physique de conduite et le comportement des PNJ.</p>
<p>Pour un monde de créateurs, l’idée essentielle est que cette vie ambiante fait toute la différence entre un monde qui ressemble à un musée et un monde qui donne l’impression d’être un véritable lieu. Même des comportements simples (des oiseaux qui volent au-dessus de nos têtes, des vagues qui viennent lécher le rivage, des PNJ qui marchent entre les bâtiments) créent l’illusion d’un monde vivant.</p>
<p><strong>Enseignements techniques de GTA V :</strong></p>
<ul>
<li>La carte couvre 75 km2 et utilise un LOD agressif associé à un système de streaming qui charge les données en fonction de la vitesse (rouler vite entraîne un chargement plus loin devant que marcher).</li>
<li>GTA Online réunit simultanément 30 joueurs dans ce monde. Même avec 30 joueurs, Rockstar a constaté la nécessité d’une gestion spatiale de l’intérêt : les mises à jour concernant les joueurs proches sont détaillées, tandis que celles des joueurs éloignés sont moins fréquentes. Le même principe s’applique à notre objectif de 200 joueurs.</li>
<li>Le pipeline de ressources de GTA V est l’un des plus efficaces jamais conçus. L’ensemble du jeu tient dans environ 80 Go grâce à une compression extrême des textures, au partage des maillages et aux détails procéduraux. Les intérieurs de ses bâtiments réutilisent massivement des éléments modulaires.</li>
<li>Le jeu utilise un système d’imposteurs sophistiqué dans lequel les bâtiments éloignés sont en réalité des photographies plates assemblées. Le joueur ne le remarque jamais, car les distances de transition sont ajustées à des angles de vue précis.</li>
</ul>
<h3 id="le-monde-ouvert-fluide-d-elden-ring" tabindex="-1">Le monde ouvert fluide d’Elden Ring <a class="header-anchor" href="#le-monde-ouvert-fluide-d-elden-ring" aria-label="Permalink to &quot;Le monde ouvert fluide d’Elden Ring&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/E3Huy2cdih0" title="Bande-annonce officielle du gameplay d’Elden Ring" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">La carte de 79 km2 d’Elden Ring mêle de vastes terrains ouverts peu denses à des donjons détaillés créés à la main. Les mêmes ressources d’environnement apparaissent partout dans des agencements différents. La répétition disparaît lorsque la composition et l’éclairage varient.</div>
<p>FromSoftware a développé Elden Ring avec le même moteur que Dark Souls, mais en l’adaptant à l’échelle d’un monde ouvert. Le résultat est intéressant, car il montre comment une équipe relativement petite (comparée à celles de Rockstar ou de CD Projekt) peut créer un vaste monde ouvert.</p>
<p>L’astuce réside dans la variation de densité. La carte d’Elden Ring est immense (environ 79 km2), mais de grandes portions sont constituées de terrains ouverts où les ennemis et les points d’intérêt sont dispersés. Le contenu dense créé à la main (les donjons majeurs comme le château de Voilorage) est intégré au monde ouvert et utilise la même séparation entre espaces intérieurs et extérieurs que Skyrim.</p>
<p><strong>Enseignements techniques d’Elden Ring :</strong></p>
<ul>
<li>Le monde est chargé en continu sous forme de grandes tuiles. À cheval, on peut voir très loin, mais le terrain distant est extrêmement simplifié. De près, le niveau de détail est comparable à celui de Dark Souls 3.</li>
<li>Les écrans de chargement n’apparaissent que lors des voyages rapides ou à l’entrée de certains donjons. Le monde ouvert lui-même est chargé en continu, sans interruption.</li>
<li>Le jeu réutilise massivement ses ressources d’environnement. Les mêmes modèles d’arbres, formations rocheuses et éléments de ruines apparaissent sur toute la carte dans des agencements différents. Avec suffisamment de variété dans l’agencement et l’éclairage, les répétitions passent inaperçues. Ce principe s’applique directement à un monde de créateurs, où une bibliothèque d’éléments modulaires peut produire une variété infinie.</li>
<li>Le multijoueur repose sur des sessions (invocation d’autres joueurs dans votre monde), plutôt que sur un monde persistant. Cependant, les fonctionnalités asynchrones (messages, taches de sang, fantômes d’autres joueurs) créent une sensation d’existence partagée sans la surcharge réseau d’un serveur persistant. Ces fonctionnalités multijoueurs ambiantes seraient peu coûteuses à ajouter à un monde dans le navigateur.</li>
</ul>
<h3 id="no-man-s-sky-tout-generer-de-maniere-procedurale" tabindex="-1">No Man’s Sky : tout générer de manière procédurale <a class="header-anchor" href="#no-man-s-sky-tout-generer-de-maniere-procedurale" aria-label="Permalink to &quot;No Man’s Sky : tout générer de manière procédurale&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/nLtmEjqzg7M" title="Bande-annonce de No Man’s Sky NEXT" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">18 trillions de planètes générées à partir de graines partagées. Tous les joueurs voient le même univers sans qu’il soit stocké sur un serveur. Les données de construction de bases sont compactes : identifiants des éléments et transformations.</div>
<p>No Man’s Sky représente le cas extrême de la génération procédurale. Ses 18 trillions de planètes sont générées à partir d’une graine partagée, de sorte que chaque joueur voit le même univers sans qu’aucune de ces données soit stockée sur un serveur.</p>
<p>Le pipeline de génération fonctionne par étapes : les graines au niveau galactique déterminent la position des étoiles, celles des étoiles déterminent le nombre et les types de planètes, tandis que les graines des planètes pilotent la génération du terrain (bruit multi-octave), l’attribution des biomes, les espèces de flore et de faune, les palettes de couleurs et la répartition des ressources. Tout est calculé de manière déterministe à partir de la graine, de sorte que deux joueurs visitant les mêmes coordonnées voient la même planète sans échanger la moindre donnée planétaire.
<strong>Enseignements techniques tirés de No Man's Sky :</strong></p>
<ul>
<li>La génération du terrain utilise des marching cubes à base de voxels avec un empilement de fonctions de bruit. Cela permet de créer des grottes, des surplombs et des îles flottantes que les terrains fondés sur des cartes de hauteur ne peuvent pas représenter. En contrepartie, le coût de calcul par chunk est plus élevé, mais le terrain obtenu est visuellement plus intéressant.</li>
<li>Le système de construction de bases est ce qui se rapproche le plus de ce que nous envisageons. Les joueurs placent des structures qui persistent sur le serveur et sont visibles par les autres joueurs. Les données d'une base sont compactes (une liste de pièces avec leurs positions et leurs rotations) et sont chargées à la demande lorsqu'une personne visite la planète.</li>
<li>Le jeu a d'abord été critiqué pour son contenu répétitif malgré une variété infinie. La génération fondée sur des graines peut produire un terrain infini, mais peu de surprises. La leçon : la génération procédurale convient à la création du canevas, mais c'est le contenu placé par les créateurs qui donne à un lieu une impression de conception réfléchie et intentionnelle.</li>
<li>Hello Games a ajouté le multijoueur plusieurs années après le lancement. Jusqu'à 32 joueurs partagent une session avec des fonctionnalités complètes de construction et d'exploration. Le modèle réseau est simple : un joueur héberge la partie et les autres s'y connectent. Pour un monde dans le navigateur avec un état persistant, un modèle où le serveur fait autorité fonctionne mieux, mais No Man's Sky prouve que les mondes procéduraux partagés sont réalisables.</li>
</ul>
<h3 id="minecraft-le-modele-des-mondes-de-createurs" tabindex="-1">Minecraft : le modèle des mondes de créateurs <a class="header-anchor" href="#minecraft-le-modele-des-mondes-de-createurs" aria-label="Permalink to &quot;Minecraft : le modèle des mondes de créateurs&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/MmB9b5njVbA" title="Bande-annonce officielle de Minecraft" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">300 millions d'exemplaires vendus. Des textures de 16x16 pixels. Un terrain entièrement modifiable. Une génération infinie. Du multijoueur. La référence la plus importante pour un monde de créateurs. Les clones dans le navigateur prouvent que le concept fonctionne avec WebGL.</div>
<p>Minecraft est la référence la plus importante pour ce que nous construisons, davantage que n'importe quel titre AAA aux graphismes avancés. 300 millions d'exemplaires vendus. Le monde est généré à l'infini, entièrement destructible et multijoueur. Dans Minecraft, les créateurs ne se contentent pas de placer des objets. Ils remodèlent le terrain lui-même.</p>
<p><strong>Enseignements techniques tirés de Minecraft :</strong></p>
<ul>
<li>Le monde est divisé en chunks de 16x16x384 blocs. Seuls les chunks proches du joueur sont chargés (la distance d'affichage est configurable). Il s'agit du même modèle de streaming de chunks que dans Skyrim, mais avec un terrain entièrement modifiable.</li>
<li>Chaque chunk est stocké sous la forme d'un tableau d'identifiants de blocs compressé à l'aide d'une palette. Un chunk ne contenant que 5 types de blocs différents stocke un indice de palette de 4 bits par bloc au lieu d'un identifiant de bloc complet. Les données des chunks sont ainsi très compactes (généralement 10 à 50 Ko par chunk après compression).</li>
<li>Le protocole multijoueur de Minecraft est bien documenté et relativement simple. Le serveur envoie les données des chunks à mesure que le joueur se déplace. Les modifications de blocs sont diffusées sous forme de petites mises à jour différentielles (position + nouveau type de bloc). C'est exactement le modèle que nous utiliserions pour les modifications effectuées par les créateurs.</li>
<li>Le jeu fonctionne en Java et possède désormais une édition Bedrock en C++. Il existe des clones de Minecraft dans le navigateur (ClassiCube, eaglercraft) qui prouvent que le concept de base fonctionne avec WebGL. Ils gèrent généralement une distance d'affichage de 8 à 12 chunks à 60 images/s, ce qui offre une vue d'environ 200 à 400 mètres.</li>
<li>L'écosystème de mods de Minecraft constitue son véritable avantage concurrentiel. Les mods ajoutent de nouveaux blocs, de nouvelles entités, de nouveaux biomes et de nouveaux systèmes de jeu. Pour un monde de créateurs, cela suggère que l'extensibilité compte autant que l'expérience de base. Si les créateurs peuvent définir de nouveaux types d'interactions, et pas seulement placer des objets, le monde s'enrichit au fil du temps.</li>
<li>La redstone (le système de câblage intégré à Minecraft) montre que les créateurs construiront des systèmes complexes si on leur fournit des primitives simples et composables. Portes logiques, fermes automatiques, calculatrices. Cet ensemble de règles simples engendre une complexité extraordinaire. C'est la même leçon que celle du moteur chimique de BotW.</li>
</ul>
<h3 id="points-communs-aux-mondes-ouverts-aaa" tabindex="-1">Points communs aux mondes ouverts AAA <a class="header-anchor" href="#points-communs-aux-mondes-ouverts-aaa" aria-label="Permalink to &quot;Points communs aux mondes ouverts AAA&quot;"></a></h3>
<p>En examinant tous ces titres, les mêmes modèles reviennent sans cesse :</p>
<p><strong>Le partitionnement spatial</strong> est universel. Qu'il s'agisse de cellules (Bethesda), de secteurs (CD Projekt), de chunks (Mojang/Rockstar) ou de tuiles (FromSoftware), chaque monde ouvert divise l'espace en unités pouvant être chargées. Aucun moteur ne tente de conserver le monde entier en mémoire.</p>
<p><strong>Tout existe en plusieurs résolutions.</strong> Le terrain, les maillages, les textures et même le son possèdent plusieurs niveaux de qualité. La résolution obtenue dépend de la proximité et de l'importance de l'objet.</p>
<p><strong>L'élimination des objets occultés</strong> compte davantage que le débit brut de triangles. Ne pas afficher ce qui est invisible permet de gagner plus en performances que d'optimiser ce qui est visible. Skyrim utilise un système simple fondé sur la distance. The Witcher 3 utilise une occlusion logicielle avec de grands objets occultants (bâtiments, falaises). Les moteurs modernes comme Nanite d'UE5 vont plus loin grâce aux requêtes d'occlusion matérielles.</p>
<p><strong>Le chargement asynchrone</strong> masque les transitions. Ces jeux n'affichent pas d'écran de chargement dans le monde ouvert, seulement lors des voyages rapides ou des transitions vers des intérieurs. Ils chargent le contenu dans des threads d'arrière-plan, le décompressent en parallèle et remplacent progressivement le contenu affiché.</p>
<p><strong>La direction artistique prime sur le nombre de polygones.</strong> Skyrim est sorti en 2011 avec des graphismes qui étaient déjà modestes à l'époque. BotW fonctionne sur une puce de classe tablette et reste magnifique. Minecraft utilise des textures de 16x16 pixels et demeure l'un des jeux les plus reconnaissables visuellement jamais créés. Pour un monde dans le navigateur, c'est extrêmement important. Un style artistique cohérent avec une fidélité moindre surpassera toujours un monde techniquement avancé, mais artistiquement terne.</p>
<p><strong>La conception systémique surpasse le contenu scripté.</strong> Le moteur chimique de BotW, les interactions entre blocs de Minecraft et les systèmes de circulation de GTA V produisent tous des comportements émergents à partir de règles simples. Cette approche coûte moins cher à créer et à exécuter, tout en générant davantage d'histoires vécues par les joueurs que des séquences scriptées fabriquées à la main. Pour un monde de créateurs, la conception systémique signifie que le monde reste intéressant même dans les zones que personne n'a explicitement conçues.</p>
<p><strong>Le contenu placé par les créateurs doit être persistant et visible.</strong> Les bases de Minecraft et de No Man's Sky, ainsi que les propriétés de GTA Online, persistent d'une session à l'autre et sont visibles par les autres joueurs. Le modèle de données du contenu créé est toujours compact (identifiants des pièces + transformations), tandis que sa représentation visuelle est riche (le client développe les données pour produire des scènes 3D complètes).</p>
<h2 id="rendu-de-quoi-un-navigateur-est-il-reellement-capable" tabindex="-1">Rendu : de quoi un navigateur est-il réellement capable ? <a class="header-anchor" href="#rendu-de-quoi-un-navigateur-est-il-reellement-capable" aria-label="Permalink to &quot;Rendu : de quoi un navigateur est-il réellement capable ?&quot;"></a></h2>
<h3 id="three-js" tabindex="-1">Three.js <a class="header-anchor" href="#three-js" aria-label="Permalink to &quot;Three.js&quot;"></a></h3>
<p>Three.js constitue la base. Il possède la plus grande communauté (plus de 100 000 étoiles sur GitHub), le plus grand nombre d'exemples et la compatibilité la plus étendue. Il fournit une abstraction de WebGL 2 et une prise en charge expérimentale de WebGPU via <code>WebGPURenderer</code>.</p>
<p>Pour un monde ouvert, Three.js fournit :</p>
<ul>
<li><strong>Le rendu instancié</strong> pour la végétation, les rochers et les géométries répétées (<code>InstancedMesh</code>)</li>
<li><strong>Un système de LOD</strong> intégré (<code>THREE.LOD</code> remplace les maillages en fonction de la distance)</li>
<li><strong>L'élimination selon le champ de vision</strong> automatique pour chaque objet</li>
<li><strong>Le terrain</strong> via une <code>BufferGeometry</code> personnalisée ou une <code>PlaneGeometry</code> fondée sur une carte de hauteur</li>
<li><strong>Les matériaux PBR</strong> via <code>MeshStandardMaterial</code> et <code>MeshPhysicalMaterial</code></li>
<li><strong>Le post-traitement</strong> via <code>EffectComposer</code> (halo lumineux, SSAO, mappage tonal)</li>
<li><strong>Les cartes d'ombres</strong>, avec possibilité de mappage d'ombres en cascade grâce à du code personnalisé</li>
<li><strong>glTF/GLB</strong> comme principal format de ressources (compact et prêt pour le GPU)</li>
</ul>
<p>Three.js dispose également d'un écosystème actif d'outils utiles aux mondes ouverts. <code>three-mesh-bvh</code> accélère le lancer de rayons et les requêtes spatiales sur les maillages complexes. <code>postprocessing</code> (par vanruesc) fournit une chaîne de post-traitement plus performante que celle intégrée à Three. <code>three-gpu-pathtracing</code> permet un rendu de qualité de référence.</p>
<p><strong>Limites pour les mondes ouverts :</strong> Three.js ne possède pas de graphe de scène intégré capable de gérer le streaming, la gestion des LOD ou le partitionnement spatial à grande échelle. Vous devez les créer vous-même. Il n'existe ni système entité-composant (ECS), ni moteur physique, ni système de terrain intégré. C'est un moteur de rendu, pas un moteur de jeu. C'est en réalité un avantage pour un monde ouvert personnalisé, car vous contrôlez l'organisation de la mémoire et la stratégie de chargement, mais cela implique davantage de travail initial.</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> lod</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">LOD</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">lod.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">addLevel</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(highDetailMesh, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">lod.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">addLevel</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(mediumDetailMesh, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">50</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">lod.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">addLevel</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(lowDetailMesh, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">200</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">lod.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">addLevel</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(impostorSprite, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">500</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">scene.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(lod);</span></span></code></pre>
</div><h3 id="babylon-js" tabindex="-1">Babylon.js <a class="header-anchor" href="#babylon-js" aria-label="Permalink to &quot;Babylon.js&quot;"></a></h3>
<p>Babylon.js est l'autre concurrent majeur. Soutenu par Microsoft, il propose davantage de fonctionnalités intégrées que Three.js pour répondre au problème particulier des mondes ouverts.</p>
<p>Fonctionnalités intégrées pertinentes :</p>
<ul>
<li><strong>Partitionnement de scène fondé sur un octree</strong> pour éliminer efficacement les éléments de grandes scènes</li>
<li><strong>Solid Particle System</strong> pour le rendu instancié massif</li>
<li><strong>Terrain issu de cartes de hauteur</strong> avec LOD et mélange de plusieurs textures intégrés</li>
<li><strong>Node Material Editor</strong> pour la création visuelle de shaders</li>
<li><strong>Prise en charge de WebGPU</strong> (plus mature que celle de Three.js, Babylon ayant investi plus tôt)</li>
<li><strong>Intégration du moteur physique Havok</strong> (compilé en Wasm et de qualité production)</li>
<li><strong>Streaming glTF</strong> avec chargement progressif</li>
</ul>
<p>L'extension <code>DynamicTerrain</code> de Babylon génère à la volée des chunks de terrain à partir de données de carte de hauteur, gère automatiquement les LOD et prend en charge le mélange de textures. Cette solution est bien plus proche de ce que fait Skyrim que tout ce que Three.js propose nativement.</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> terrain</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> BABYLON</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">DynamicTerrain</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">"terrain"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, {</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  terrainSub: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  mapData: heightmapData,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  mapSubX: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  mapSubZ: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}, scene);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">terrain.LODLimits </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">];</span></span></code></pre>
</div><p><strong>Le compromis :</strong> Babylon.js est une bibliothèque plus volumineuse (la version complète pèse environ 1 à 2 Mo après minification, contre environ 600 Ko pour Three.js). Mais pour un monde ouvert, vous ajouterez probablement suffisamment de code personnalisé à Three.js pour que cette différence de taille devienne négligeable. Babylon possède également son propre système Node Material, un inspecteur et des outils de développement qui accélèrent les itérations.</p>
<p>Babylon.js 8.0 (sorti en mars 2025) a renforcé sa légitimité en tant que cœur du moteur dans ce cas. Tous les shaders principaux du moteur sont désormais fournis à la fois en GLSL et en WGSL, ce qui permet à WebGPU de fonctionner sans couche de conversion et réduit d'environ moitié la taille du bundle WebGPU. Cette même version a intégré au moteur le contrôleur de personnage complet de Havok, des lumières de zone, un moteur audio reconstruit et des améliorations du splatting gaussien (formats SPZ et PLY compressés, harmoniques sphériques et réduction de l'empreinte mémoire et CPU).</p>
<h3 id="playcanvas" tabindex="-1">PlayCanvas <a class="header-anchor" href="#playcanvas" aria-label="Permalink to &quot;PlayCanvas&quot;"></a></h3>
<p>PlayCanvas mérite d'être mentionné, car il s'agit du moteur 3D pensé pour le Web ayant fait ses preuves dans le plus grand nombre de productions. Snap, Facebook et de nombreux clients du secteur publicitaire ont livré des expériences 3D complexes avec celui-ci. Le moteur pèse environ 1 Mo, se charge rapidement et son éditeur dans le cloud permet la création collaborative de mondes.</p>
<p>Pour un monde ouvert en particulier, PlayCanvas propose des groupes de traitement par lots pour optimiser les appels de rendu, un générateur de cartes d'éclairage intégré et la prise en charge du splatting gaussien, utile pour les environnements réels capturés par photogrammétrie. Son environnement d'exécution est compact et bien optimisé pour les navigateurs mobiles.</p>
<h3 id="webgpu-le-levier-de-performances" tabindex="-1">WebGPU : le levier de performances <a class="header-anchor" href="#webgpu-le-levier-de-performances" aria-label="Permalink to &quot;WebGPU : le levier de performances&quot;"></a></h3>
<p>WebGPU change la donne pour les mondes ouverts dans le navigateur. Les deux fonctionnalités les plus importantes sont les suivantes :</p>
<p><strong>Les shaders de calcul</strong> permettent la génération du terrain, le placement de la végétation, la simulation des particules et même une physique simple côté GPU. Dans un monde WebGL, tout cela s'exécute sur le CPU en JavaScript. Avec WebGPU, vous pouvez générer des parcelles de terrain entièrement sur le GPU, calculer les transitions de LOD sur le GPU et exécuter les passes d'élimination sur le GPU. Cela libère le CPU pour le réseau, la logique du jeu et le streaming du contenu.</p>
<p><strong>Le rendu indirect</strong> permet au GPU de décider quoi afficher en fonction de la sortie d'un shader de calcul. Vous soumettez un seul appel de rendu et le GPU décide combien d'instances afficher pour chaque niveau de LOD en fonction de la distance. C'est ainsi que les moteurs modernes gèrent des millions de brins d'herbe ou d'arbres. Sans rendu indirect, que WebGL ne prend pas en charge, le CPU doit tout trier et tout regrouper, ce qui devient le goulet d'étranglement des scènes denses.</p>
<p>WebGPU est désormais disponible dans tous les principaux navigateurs. Chrome et Edge le proposent depuis la version 113, Firefox l'a ajouté sous Windows (141) et macOS sur Apple Silicon (145), tandis que Safari 26 l'a intégré à macOS, iOS, iPadOS et visionOS fin 2025. La prise en charge mondiale atteint ainsi environ 82 %, y compris sur mobile (Chrome pour Android et Samsung Internet le proposent également). Il reste nécessaire de conserver une solution de repli vers WebGL 2 pour les navigateurs plus anciens et les appareils sur lesquels WebGPU n'est pas activé, mais l'écart s'est rapidement réduit.</p>
<div class="language-wgsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">wgsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">compute</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">workgroup_size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> generateTerrain</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(global_invocation_id) id: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> worldPos </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">x), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">y)) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> cellSize </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> worldOffset;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> height </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> fbmNoise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(worldPos, octaves, persistence);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    heightmap[id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">x </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">y </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> width] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> height;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><h3 id="pile-de-rendu-recommandee" tabindex="-1">Pile de rendu recommandée <a class="header-anchor" href="#pile-de-rendu-recommandee" aria-label="Permalink to &quot;Pile de rendu recommandée&quot;"></a></h3>
<p>Pour un monde ouvert dans le navigateur destiné aux créateurs sur ordinateur :</p>
<p><strong>Solution principale :</strong> Three.js ou Babylon.js avec le moteur de rendu WebGPU lorsqu'il est disponible, et WebGL 2 comme solution de repli. Babylon possède de meilleures primitives intégrées pour les mondes ouverts. Three.js bénéficie d'une communauté plus vaste et offre davantage de flexibilité.</p>
<p><strong>Notre choix :</strong> Babylon.js pour le cœur du moteur en raison de ses LOD de terrain intégrés, de l'élimination par octree, du moteur physique Havok (Wasm) et de sa prise en charge mature de WebGPU. Utiliser les outils de l'écosystème Three.js lorsque Babylon présente des lacunes (par exemple, un BVH de maillage pour les requêtes spatiales). Encapsuler l'ensemble dans une couche personnalisée de streaming du monde.</p>
<h2 id="architecture-de-streaming-du-monde" tabindex="-1">Architecture de streaming du monde <a class="header-anchor" href="#architecture-de-streaming-du-monde" aria-label="Permalink to &quot;Architecture de streaming du monde&quot;"></a></h2>
<p>C'est la partie difficile. Un onglet de navigateur dispose d'environ 2 à 4 Go de mémoire sur ordinateur (en raison des limites imposées par le navigateur), d'environ 1 Go sur mobile et d'aucun accès direct au disque. Tout arrive par le réseau. Il faut une architecture qui conserve le monde visible en mémoire tout en chargeant le contenu légèrement en avance sur le déplacement du joueur.</p>
<h3 id="grille-du-monde-fondee-sur-des-chunks" tabindex="-1">Grille du monde fondée sur des chunks <a class="header-anchor" href="#grille-du-monde-fondee-sur-des-chunks" aria-label="Permalink to &quot;Grille du monde fondée sur des chunks&quot;"></a></h3>
<p>Comme avec le système de cellules de Skyrim, divisez le monde en une grille régulière de chunks. Chaque chunk est une unité indépendante qui peut être chargée, affichée et déchargée séparément.</p>
<p><strong>La taille des chunks est importante.</strong> S'ils sont trop petits, vous les chargez et les déchargez constamment avec un coût de traitement élevé. S'ils sont trop grands, chaque chunk prend trop de temps à télécharger. Pour un monde dans le navigateur avec des connexions haut débit classiques :</p>
<ul>
<li>Chunks de 64x64 mètres au niveau du sol</li>
<li>Chaque chunk contient : une parcelle de carte de hauteur (2 à 4 Ko), une carte de mélange de textures (16 à 32 Ko compressés), des maillages statiques sous forme de références instanciées (1 à 50 Ko de données d'instance), et les objets placés par les créateurs sous forme de manifeste (1 à 10 Ko)</li>
<li>Rayon de chargement : 5x5 chunks en pleine qualité (vue de 320 m), 9x9 avec un LOD intermédiaire, 17x17 pour le terrain uniquement</li>
<li>Objectif : moins de 200 Ko de données en pleine qualité pour chaque chunk, afin qu'un voisinage de 5x5 représente moins de 5 Mo</li>
</ul>
<h3 id="chaine-de-chargement-progressif" tabindex="-1">Chaîne de chargement progressif <a class="header-anchor" href="#chaine-de-chargement-progressif" aria-label="Permalink to &quot;Chaîne de chargement progressif&quot;"></a></h3>
<p>Ne chargez pas toutes les données d'un chunk en même temps. Utilisez une file de priorité :</p>
<ol>
<li><strong>La géométrie du terrain en premier</strong> (carte de hauteur uniquement, 2 à 4 Ko par chunk). Le joueur voit le sol en moins de 100 ms.</li>
<li><strong>Les textures du terrain</strong> (cartes de mélange, d'abord en basse résolution puis améliorées). Le sol est coloré en moins de 200 ms.</li>
<li><strong>Les structures principales</strong> (bâtiments, gros rochers). Les silhouettes apparaissent en moins de 500 ms.</li>
<li><strong>Les objets détaillés</strong> (végétation, petits accessoires, objets des créateurs). Le monde se remplit en 1 à 2 secondes.</li>
<li><strong>Les textures haute résolution</strong> sont améliorées en dernier. Personne ne remarque si la texture d'un bâtiment lointain met une seconde de plus à se charger.</li>
</ol>
<p>Cela correspond au fonctionnement de l'œil humain. Nous remarquons l'absence de sol et de grandes structures. Nous ne remarquons pas l'absence d'herbe.</p>
<h3 id="gestion-de-la-memoire" tabindex="-1">Gestion de la mémoire <a class="header-anchor" href="#gestion-de-la-memoire" aria-label="Permalink to &quot;Gestion de la mémoire&quot;"></a></h3>
<p>La mémoire du navigateur est limitée et le ramasse-miettes est votre ennemi. Une seule pause du GC peut faire chuter la fréquence de 60 ips à 10 ips pendant une image.</p>
<p>La <strong>mise en pool des objets</strong> est obligatoire. Préallouez des pools pour les objets courants (arbres, rochers, plaques d'herbe) et recyclez-les à mesure que les chunks sont chargés et déchargés. Ne créez jamais de nouvelles instances de <code>THREE.Mesh</code> ou de <code>BABYLON.Mesh</code> dans le chemin d'exécution critique. Remplacez plutôt les références de géométrie et de matériau sur les objets mis en pool.</p>
<p>Les <strong>atlas de textures</strong> réduisent à la fois les appels de rendu et la fragmentation de la mémoire. Regroupez toutes les textures de terrain dans quelques grands atlas. Regroupez côté serveur les textures téléversées par les créateurs dans des atlas propres à chaque chunk, puis diffusez-les sous forme d'images uniques.</p>
<p>La <strong>compression géométrique</strong> avec Draco ou Meshopt réduit la taille des téléchargements d'un facteur de 5 à 10, et la décompression s'exécute dans un Web Worker afin de ne pas bloquer le thread principal. Pour le terrain en particulier, les cartes de hauteur quantifiées (valeurs sur 16 bits compressées par simple encodage différentiel) sont plus petites que n'importe quel format de maillage générique.</p>
<p>Le <strong>transfert de propriété des ArrayBuffer</strong> entre les workers et le thread principal évite les copies. Lorsqu'un worker décompresse un maillage, transférez le tampon au thread principal sans aucune copie à l'aide de <code>postMessage</code> et d'objets transférables.</p>
<h3 id="distribution-des-ressources" tabindex="-1">Distribution des ressources <a class="header-anchor" href="#distribution-des-ressources" aria-label="Permalink to &quot;Distribution des ressources&quot;"></a></h3>
<p>Un <strong>CDN avec mise en cache en périphérie</strong> convient aux données statiques du monde. Les chunks de terrain, les maillages de base et les atlas de textures qui changent rarement doivent être mis en cache de manière agressive (Cache-Control: max-age=31536000, immutable).</p>
<p>Le <strong>stockage adressé par contenu</strong> signifie que chaque version d'une ressource reçoit un hachage unique dans son URL. Lorsqu'un créateur modifie un chunk, la nouvelle version reçoit un nouveau hachage et l'ancienne reste en cache pour les utilisateurs qui la consultent encore. Aucune invalidation du cache n'est nécessaire.</p>
<p>Les <strong>textures KTX2</strong> avec compression Basis Universal se décompressent dans le format pris en charge par le GPU de l'appareil (BC7, ASTC, ETC2 ou RGBA en solution de repli). Une texture de terrain de 1024x1024 passe de 4 Mo sans compression à environ 150 Ko en KTX2. Pour un monde comportant des milliers de textures uniques, cette compression fait toute la différence entre un projet viable et un projet irréalisable.</p>
<p>Le format <strong>glTF binaire (GLB)</strong> convient à toutes les ressources 3D. C'est le JPEG de la 3D. Tous les moteurs de navigateur peuvent le charger, il est compact et peut intégrer textures, matériaux et animations dans un seul fichier. Utilisez les extensions Draco ou Meshopt pour compresser les maillages. Les ressources téléversées par les créateurs sont traitées côté serveur et converties en GLB optimisés avant d'intégrer le monde.</p>
<h2 id="reseau-multijoueur" tabindex="-1">Réseau multijoueur <a class="header-anchor" href="#reseau-multijoueur" aria-label="Permalink to &quot;Réseau multijoueur&quot;"></a></h2>
<p>Réunir des centaines de créateurs dans le même monde exige une architecture réseau capable de gérer les déplacements en temps réel, l'état persistant du monde et les modifications des créateurs sans s'effondrer.</p>
<h3 id="architecture-serveur" tabindex="-1">Architecture serveur <a class="header-anchor" href="#architecture-serveur" aria-label="Permalink to &quot;Architecture serveur&quot;"></a></h3>
<p>Un <strong>serveur faisant autorité</strong> gère l'état du monde. Le navigateur n'est pas digne de confiance. Toutes les actions significatives (placement d'objets, modification du terrain, déplacement entre les chunks) sont validées côté serveur. Le client effectue des prédictions locales, puis se synchronise avec l'état du serveur.</p>
<p>Le <strong>partitionnement spatial</strong> répartit le monde entre plusieurs instances de serveur. Chaque partition gère une région rectangulaire de la grille du monde. À mesure que la densité de joueurs évolue, les partitions peuvent être divisées ou fusionnées. C'est ainsi qu'EVE Online gère des milliers de joueurs dans un même univers, et le même principe s'applique à plus petite échelle.</p>
<p>Pour un monde de créateurs où la plupart des interactions sont locales (vous construisez dans votre zone et vos voisins peuvent le voir), le partitionnement spatial fonctionne naturellement. Un joueur situé à la frontière d'une partition voit le contenu des deux partitions, ce qui nécessite des requêtes de visibilité interpartitions, mais ce problème est déjà bien maîtrisé.</p>
<p><strong>Options technologiques pour le serveur :</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Technologie</th>
<th>Points forts</th>
<th>Cas d'usage</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Cloudflare Durable Objects</strong></td>
<td>Déploiement en périphérie, mise à l'échelle automatique, persistance intégrée, prise en charge de WebSocket</td>
<td>État des partitions du monde, autorité par chunk</td>
</tr>
<tr>
<td><strong>Hathora / Rivet</strong></td>
<td>Hébergement géré de serveurs de jeu, protection contre les attaques DDoS, déploiement mondial</td>
<td>Instances de serveurs de jeu dédiés</td>
</tr>
<tr>
<td><strong>Colyseus</strong></td>
<td>Framework de serveur de jeu open source pour Node.js, synchronisation d'état fondée sur des schémas</td>
<td>Multijoueur par salles avec synchronisation différentielle de l'état</td>
</tr>
<tr>
<td><strong>PartyKit</strong></td>
<td>Déploiement en périphérie, WebSocket + WebRTC, fondé sur Cloudflare Workers</td>
<td>Collaboration en temps réel, multijoueur léger</td>
</tr>
<tr>
<td><strong>Rust/Go personnalisé</strong></td>
<td>Contrôle maximal, meilleures performances par instance</td>
<td>Partitions à forte densité nécessitant une physique à faible latence</td>
</tr>
</tbody>
</table>
<p><strong>Dans notre contexte (infrastructure Cloudflare) :</strong> les Durable Objects constituent un choix naturel. Chaque chunk du monde devient un Durable Object qui conserve l'état faisant autorité pour le contenu de ce chunk. Les joueurs se connectent par WebSocket au Durable Object responsable de leur chunk actuel. Lorsqu'ils passent dans un chunk adjacent, ils se connectent au DO de ce chunk. Les Durable Objects enregistrent automatiquement l'état sur disque, de sorte que les données du monde survivent aux redémarrages.</p>
<h3 id="communication-client-serveur" tabindex="-1">Communication client-serveur <a class="header-anchor" href="#communication-client-serveur" aria-label="Permalink to &quot;Communication client-serveur&quot;"></a></h3>
<p><strong>WebSocket</strong> sert aux messages fiables et ordonnés (chat, modifications du monde, inventaire, état du jeu). Il faut une connexion par partition active visible par le joueur (généralement 1 à 4 connexions).</p>
<p><strong>WebRTC DataChannel</strong> sert aux messages non fiables et non ordonnés (positions des joueurs, animations, effets éphémères). WebRTC permet les communications pair à pair, mais pour un monde comptant de nombreux joueurs, il faut passer par une SFU (Selective Forwarding Unit, ou unité de transfert sélectif) afin d'éviter N2 connexions. Cloudflare Calls ou LiveKit peuvent servir de SFU.</p>
<p>La <strong>synchronisation de l'état</strong> utilise la compression différentielle. Le serveur suit ce que chaque client a déjà vu et n'envoie que les changements. C'est particulièrement important dans un monde de créateurs, car l'état du monde (les objets existants, leur emplacement et leurs propriétés) change beaucoup moins souvent que la position des joueurs. Vous pouvez envoyer les mises à jour de l'état du monde à une fréquence de 2 à 5 Hz, tandis que les positions des joueurs sont actualisées à 20 ou 30 Hz.</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> WorldChunkState</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  version</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  terrain</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> TerrainPatch</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  objects</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> PlacedObject</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[];</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  creators</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> CreatorPresence</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> DeltaUpdate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  chunkId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  fromVersion</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  toVersion</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  addedObjects</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> PlacedObject</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[];</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  removedObjectIds</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[];</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  modifiedObjects</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Partial</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">PlacedObject</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>[];</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">  creatorMoves</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> CreatorPosition</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><h3 id="resolution-des-conflits-entre-les-modifications-des-createurs" tabindex="-1">Résolution des conflits entre les modifications des créateurs <a class="header-anchor" href="#resolution-des-conflits-entre-les-modifications-des-createurs" aria-label="Permalink to &quot;Résolution des conflits entre les modifications des créateurs&quot;"></a></h3>
<p>Lorsque deux créateurs modifient simultanément la même zone, vous avez besoin d'une stratégie de résolution des conflits. C'est là que le choix du modèle de collaboration en temps réel prend toute son importance.</p>
<p>La stratégie <strong>du dernier auteur prioritaire</strong> est la plus simple. Chaque objet ne possède qu'un seul propriétaire à la fois. Si vous modifiez un bâtiment, personne d'autre ne peut le modifier tant que vous ne l'avez pas libéré. C'est simple et sans conflit, mais cela limite la collaboration.</p>
<p>La <strong>transformation opérationnelle (OT)</strong> est la méthode employée par Google Docs. Les opérations sont transformées en fonction des opérations concurrentes pour produire un résultat cohérent. Cela fonctionne pour le texte, mais devient complexe pour les opérations spatiales 3D. Figma utilise une variante de cette méthode pour son canevas 2D.</p>
<p>Les <strong>CRDT (Conflict-free Replicated Data Types, ou types de données répliquées sans conflit)</strong> permettent des modifications simultanées qui convergent toujours vers le même état sans coordination. Pour un monde constitué d'objets distincts, chacun doté d'un identifiant et de propriétés, un registre où le dernier auteur est prioritaire pour chaque propriété, combiné à un ensemble où l'ajout est prioritaire pour la collection d'objets, assure une convergence automatique. Yjs et Automerge sont des bibliothèques CRDT JavaScript éprouvées en production.</p>
<p><strong>Notre recommandation :</strong> utilisez des CRDT pour l'état des objets du monde (ce qui existe, leur emplacement et leurs propriétés) et un serveur faisant autorité pour la validation spatiale (pas deux objets au même endroit, objets maintenus dans les limites du monde). Le CRDT gère la collaboration. Le serveur gère la physique.</p>
<h3 id="gestion-du-passage-a-l-echelle-combien-de-joueurs" tabindex="-1">Gestion du passage à l'échelle : combien de joueurs ? <a class="header-anchor" href="#gestion-du-passage-a-l-echelle-combien-de-joueurs" aria-label="Permalink to &quot;Gestion du passage à l'échelle : combien de joueurs ?&quot;"></a></h3>
<p>Les MMO sur navigateur existent déjà. Hordes.io réunit plus de 200 joueurs dans une même scène au sein d'un navigateur. BrowserQuest (l'expérience de Mozilla) en gérait des centaines avec un simple monde fondé sur des tuiles. La question n'est pas de savoir si les navigateurs peuvent gérer le multijoueur, mais quelle fidélité visuelle vous pouvez préserver à mesure que le nombre de joueurs augmente.</p>
<p><strong>Budget de rendu des joueurs :</strong> chaque joueur visible nécessite un maillage, des animations et potentiellement une apparence personnalisée par son créateur. À 60 ips, vous disposez de 16 ms par image. Voici un budget raisonnable :</p>
<ul>
<li>50 joueurs entièrement animés à courte distance : environ 2 ms d'animation et de skinning</li>
<li>200 joueurs à moyenne distance (animation simplifiée, instanciation) : environ 1 ms</li>
<li>Plus de 500 joueurs représentés par des points ou des icônes sur la minicarte : coût négligeable</li>
</ul>
<p>Cela permet d'afficher environ 250 joueurs dans une même vue, ce qui est largement suffisant pour un monde de créateurs. Les capitales de World of Warcraft affichent rarement plus de 200 personnages à la fois.</p>
<p><strong>Budget réseau :</strong> chaque joueur envoyant sa position à 20 Hz consomme environ 40 octets * 20 = 800 octets/seconde. Pour 200 joueurs visibles : 160 Ko/s de données de position. En ajoutant l'état du monde, le chat et les actions des créateurs, vous atteignez 200 à 500 Ko/s par client. Cela reste largement dans les capacités d'une connexion haut débit, mais mérite d'être compressé.</p>
<h2 id="systeme-de-terrain" tabindex="-1">Système de terrain <a class="header-anchor" href="#systeme-de-terrain" aria-label="Permalink to &quot;Système de terrain&quot;"></a></h2>
<p>Le terrain est la base de tout monde ouvert. C'est aussi là que les contraintes du navigateur sont les plus fortes, car le terrain doit être omniprésent et toujours visible.</p>
<h3 id="terrain-fonde-sur-une-carte-de-hauteur" tabindex="-1">Terrain fondé sur une carte de hauteur <a class="header-anchor" href="#terrain-fonde-sur-une-carte-de-hauteur" aria-label="Permalink to &quot;Terrain fondé sur une carte de hauteur&quot;"></a></h3>
<p>Comme Skyrim, utilisez une carte de hauteur. Une grille 2D de valeurs de hauteur génère un terrain 3D au moyen d'un vertex shader. C'est considérablement plus compact qu'un terrain constitué d'un maillage arbitraire.</p>
<p>Une carte de hauteur de 4096x4096 avec une précision de 16 bits occupe 32 Mo sans compression. Mais vous ne la chargez jamais entièrement. Chaque chunk de 64 m utilise une section de 65x65 de la carte de hauteur (environ 8,4 Ko sur 16 bits). En la compressant avec un encodage différentiel et zlib, vous obtenez moins de 2 Ko par chunk.</p>
<p>Le <strong>mélange de textures</strong> applique plusieurs matériaux de terrain (herbe, roche, terre, sable) à l'aide d'une carte de mélange. Chaque chunk dispose d'une carte de mélange RGBA à 4 canaux, où chaque canal contrôle le poids de mélange d'un matériau. Avec 4 textures par carte de mélange et la possibilité de varier ces cartes pour chaque chunk, vous obtenez une grande diversité visuelle dans l'ensemble du monde.</p>
<p>Les moteurs de rendu de terrain modernes utilisent la <strong>texturation virtuelle</strong> (également appelée mégatexture, d'après la technologie d'id Software dans Rage). Au lieu d'effectuer le mélange à l'exécution, vous prégénérez la texture de terrain mélangée en haute résolution et diffusez ses tuiles à mesure que la caméra se déplace. Cette méthode échange de l'espace de stockage contre de meilleures performances à l'exécution. Les compute shaders de WebGPU peuvent gérer les retours d'information et les tables de pages nécessaires à la texturation virtuelle.</p>
<h3 id="clipmap-ou-geoclipmapping" tabindex="-1">Clipmap ou géoclipmapping <a class="header-anchor" href="#clipmap-ou-geoclipmapping" aria-label="Permalink to &quot;Clipmap ou géoclipmapping&quot;"></a></h3>
<p>Pour rendre un vaste terrain dans un navigateur, l'approche CDLOD (LOD de C. Dick) ou le géoclipmapping fonctionne bien. Le terrain est rendu sous forme d'un ensemble d'anneaux concentriques autour de la caméra, chaque anneau ayant une résolution deux fois inférieure à celle du précédent. Près de la caméra, le terrain apparaît en pleine résolution. Au loin, vous en voyez une version plus grossière. Les transitions sont fluides, car la géométrie se transforme progressivement entre les niveaux.</p>
<p>Cette technique est bien adaptée au GPU (un appel de rendu par anneau), permet de gérer un terrain infini avec une quantité de mémoire constante et fonctionne avec WebGL 2. Flight Simulator et la plupart des jeux modernes en monde ouvert l'utilisent à un niveau ou un autre.</p>
<h3 id="terrain-modifie-par-les-createurs" tabindex="-1">Terrain modifié par les créateurs <a class="header-anchor" href="#terrain-modifie-par-les-createurs" aria-label="Permalink to &quot;Terrain modifié par les créateurs&quot;"></a></h3>
<p>Si les créateurs peuvent sculpter le terrain, il vous faut un moyen de stocker et de diffuser leurs modifications par-dessus la carte de hauteur de base. Deux approches sont possibles :</p>
<p>Les <strong>cartes de hauteur différentielles</strong> stockent la différence entre le terrain de base et le terrain modifié. La majeure partie du monde n'est pas modifiée (les différences sont nulles), ce qui permet une compression extrêmement efficace. Lors du chargement d'un chunk, appliquez la différence par-dessus la base.</p>
<p>Les <strong>surcouches de voxels</strong> permettent des modifications plus spectaculaires (grottes, surplombs, arches). Une carte de hauteur ne peut pas représenter un terrain où un même point possède deux hauteurs. Une grille de voxels clairsemée, stockée uniquement dans les chunks modifiés, résout ce problème. Les algorithmes marching cubes ou dual contouring génèrent le maillage. Cette méthode est plus coûteuse, mais permet de modifier le terrain à la manière de Minecraft.</p>
<h2 id="generation-de-mondes-assistee-par-l-ia" tabindex="-1">Génération de mondes assistée par l'IA <a class="header-anchor" href="#generation-de-mondes-assistee-par-l-ia" aria-label="Permalink to &quot;Génération de mondes assistée par l'IA&quot;"></a></h2>
<p>C'est ici que les capacités existantes de Cinevva en matière d'IA générative deviennent un puissant multiplicateur. Au lieu de construire manuellement chaque rocher et chaque arbre, les créateurs peuvent demander à l'IA de peupler le monde.</p>
<h3 id="generation-de-terrain-avec-des-champs-neuronaux" tabindex="-1">Génération de terrain avec des champs neuronaux <a class="header-anchor" href="#generation-de-terrain-avec-des-champs-neuronaux" aria-label="Permalink to &quot;Génération de terrain avec des champs neuronaux&quot;"></a></h3>
<p>Des recherches récentes sur la génération neuronale de terrains (GET3D de NVIDIA, le mode réseau neuronal de Terragen et des articles comme « Terrain Generation Using Procedural Models ») montrent que des modèles entraînés peuvent générer des terrains plausibles à partir de descriptions textuelles ou d'esquisses. Un créateur pourrait dessiner un littoral approximatif et demander « des collines boisées rejoignant une côte rocheuse » pour obtenir une carte de hauteur avec une érosion, des masques de végétation et des matériaux appropriés.</p>
<p>Pour une diffusion dans le navigateur, la génération s'effectue côté serveur et le résultat est ensuite transmis en continu. Le modèle de génération n'a pas besoin de s'exécuter dans le navigateur. Il produit des cartes de hauteur et des cartes de mélange que le navigateur peut rendre avec le pipeline de terrain standard.</p>
<h3 id="generation-de-ressources-3d" tabindex="-1">Génération de ressources 3D <a class="header-anchor" href="#generation-de-ressources-3d" aria-label="Permalink to &quot;Génération de ressources 3D&quot;"></a></h3>
<p>Des modèles comme <a href="https://github.com/Tencent-Hunyuan/HunyuanVideo" target="_blank" rel="noreferrer">Hunyuan3D</a>, Meshy, Tripo et Rodin peuvent générer des maillages 3D à partir de textes ou d'images. Voici le processus pour un monde de créateurs :</p>
<ol>
<li>Le créateur décrit ou esquisse ce qu'il souhaite (« une arche en pierre couverte de mousse » ou « un lampadaire futuriste »)</li>
<li>Le serveur exécute le modèle de génération et produit un maillage très détaillé</li>
<li>Le serveur effectue automatiquement le traitement : réduction à un nombre de polygones adapté au Web, génération des LOD, cuisson des textures dans un atlas, exportation au format GLB avec compression Draco</li>
<li>La ressource apparaît dans l'inventaire du créateur, prête à être placée dans le monde</li>
</ol>
<p>Des éléments de ce pipeline existent déjà dans Cinevva. Il manque l'étape de LOD et d'optimisation, ainsi que le système de placement dans le monde.</p>
<h3 id="peuplement-procedural" tabindex="-1">Peuplement procédural <a class="header-anchor" href="#peuplement-procedural" aria-label="Permalink to &quot;Peuplement procédural&quot;"></a></h3>
<p>Même avec des ressources générées par l'IA, placer manuellement chaque arbre d'une forêt est fastidieux. Des règles de répartition procédurale permettent aux créateurs de définir des zones (« cette zone est une forêt dense », « cette pente est un éboulis rocheux »), puis au système de les peupler automatiquement.</p>
<p>Les compute shaders du GPU peuvent exécuter la répartition dans le navigateur. À partir d'une carte de densité et d'un ensemble de règles (espacement minimal, contraintes de pente, plage d'altitude), une passe de calcul génère les positions des instances pour un chunk entier en moins de 1 ms. Modifiez la carte de densité et la végétation est immédiatement régénérée.</p>
<h2 id="systeme-entite-composant-ecs" tabindex="-1">Système entité-composant (ECS) <a class="header-anchor" href="#systeme-entite-composant-ecs" aria-label="Permalink to &quot;Système entité-composant (ECS)&quot;"></a></h2>
<p>Un monde ouvert contenant des milliers d'objets nécessite un système efficace de gestion des entités. Le modèle ECS (populaire dans les moteurs de jeu depuis DOTS de Unity et Bevy) se transpose bien à JavaScript.</p>
<p><strong>bitECS</strong> est un ECS hautes performances pour JavaScript qui utilise des tableaux typés et des opérations bit à bit. Les entités sont de simples entiers. Les composants sont des tableaux typés contigus (un par type de composant). Les systèmes parcourent les tableaux séquentiellement, ce qui favorise l'utilisation du cache, même en JavaScript.</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { createWorld, defineComponent, Types, defineQuery, addEntity, addComponent } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'bitecs'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> Position</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defineComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({ x: Types.f32, y: Types.f32, z: Types.f32 });</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> Velocity</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defineComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({ x: Types.f32, y: Types.f32, z: Types.f32 });</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> ChunkRef</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defineComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({ chunkX: Types.i16, chunkZ: Types.i16 });</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> world</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> createWorld</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> movingQuery</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defineQuery</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">([Position, Velocity]);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> movementSystem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">world</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> entities</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> movingQuery</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(world);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">&#x3C;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> entities.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> eid</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> entities[i];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    Position.x[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Velocity.x[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> dt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    Position.y[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Velocity.y[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> dt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    Position.z[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Velocity.z[eid] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> dt;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> world;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Dans un monde ouvert, l'ECS gère tout : personnages joueurs, objets placés, PNJ, particules, déclencheurs et éléments de décor. Lorsqu'un chunk est déchargé, ses entités sont retirées de l'ECS. Lorsqu'un chunk est chargé, ses entités y sont ajoutées. L'ECS ne se préoccupe pas de l'organisation spatiale. Il se contente de traiter les composants.</p>
<h2 id="physique" tabindex="-1">Physique <a class="header-anchor" href="#physique" aria-label="Permalink to &quot;Physique&quot;"></a></h2>
<p>La physique dans le navigateur a atteint un niveau étonnamment élevé grâce à WebAssembly.</p>
<h3 id="rapier-rust-wasm" tabindex="-1">Rapier (Rust -&gt; Wasm) <a class="header-anchor" href="#rapier-rust-wasm" aria-label="Permalink to &quot;Rapier (Rust -&gt; Wasm)&quot;"></a></h3>
<p>Rapier est un moteur physique écrit en Rust et compilé vers WebAssembly. Il gère les corps rigides, les colliders, les articulations, les contrôleurs de personnage et le lancer de rayons. Pour les charges de travail habituelles d'un jeu, ses performances sont de l'ordre de 2 à 3 fois inférieures à celles des versions natives de Bullet/PhysX.</p>
<p>Dans un monde ouvert, Rapier gère :</p>
<ul>
<li>Le contrôleur du personnage joueur (marche sur le terrain, franchissement des marches, glissade sur les pentes)</li>
<li>Les collisions entre objets (objets placés, projectiles)</li>
<li>Le lancer de rayons pour les interactions du joueur (cliquer sur un objet pour le sélectionner)</li>
<li>Les volumes de déclenchement (entrer dans une zone, déclencher un événement)</li>
</ul>
<p>Rapier s'exécute dans un Web Worker, de sorte que la simulation physique ne bloque pas le rendu. À chaque image, vous envoyez les positions au moteur de rendu et recevez en retour les événements d'entrée.</p>
<h3 id="havok-pour-le-web-via-babylon-js" tabindex="-1">Havok pour le Web (via Babylon.js) <a class="header-anchor" href="#havok-pour-le-web-via-babylon-js" aria-label="Permalink to &quot;Havok pour le Web (via Babylon.js)&quot;"></a></h3>
<p>Si vous choisissez Babylon.js, le moteur physique Havok est intégré sous forme de module Wasm. Havok est le moteur physique qui propulse la plupart des jeux AAA (Half-Life 2, Skyrim, Breath of the Wild). Sa version Wasm est prête pour la production et optimisée pour le graphe de scène de Babylon.</p>
<h3 id="collision-avec-le-terrain" tabindex="-1">Collision avec le terrain <a class="header-anchor" href="#collision-avec-le-terrain" aria-label="Permalink to &quot;Collision avec le terrain&quot;"></a></h3>
<p>Les moteurs physiques ont besoin d'une géométrie de collision pour le terrain. Générer un maillage triangulaire en pleine résolution pour l'ensemble du terrain visible serait coûteux. Générez plutôt des champs de hauteur de collision uniquement pour les chunks proches du joueur (les 3x3 ou 5x5 chunks les plus proches) et utilisez des collisions simplifiées pour tout le reste. Le collider de champ de hauteur de Rapier est conçu précisément pour ce cas d'usage.</p>
<h2 id="audio" tabindex="-1">Audio <a class="header-anchor" href="#audio" aria-label="Permalink to &quot;Audio&quot;"></a></h2>
<p>Le son transforme un espace 3D, de simple démonstration visuelle en véritable lieu. L'API Web Audio fournit tout le nécessaire pour produire un son spatialisé dans un navigateur.</p>
<p><strong>Le son spatialisé avec HRTF</strong> (fonction de transfert relative à la tête) place les sons dans l'espace 3D. Une cascade située à votre gauche semble réellement provenir de votre gauche. Approchez-vous et son volume augmente. Passez derrière un bâtiment et le son devient étouffé (moyennant un traitement supplémentaire).</p>
<p><strong>Les zones d'ambiance</strong> fonctionnent comme le splatting de textures, mais pour l'audio. Définissez des régions (forêt, grotte, rivage, ville) et effectuez des fondus enchaînés entre les paysages sonores ambiants à mesure que le joueur passe de l'une à l'autre. C'est ainsi que Skyrim donne vie à ses forêts. Superposez le vent, les oiseaux, le bruissement des feuilles et les animaux au loin. Aucun de ces éléments n'est complexe. Tous sont spatialisés.</p>
<p><strong>Les performances de Web Audio</strong> suffisent à gérer des dizaines de sources spatiales simultanées. Le goulot d'étranglement est généralement la taille des ressources, pas le traitement. Utilisez Opus ou AAC pour compresser l'audio, diffusez en continu les longues pistes d'ambiance et préchargez les effets sonores courts (pas, interactions).</p>
<h2 id="eau-meteo-et-atmosphere" tabindex="-1">Eau, météo et atmosphère <a class="header-anchor" href="#eau-meteo-et-atmosphere" aria-label="Permalink to &quot;Eau, météo et atmosphère&quot;"></a></h2>
<p>Tous les mondes ouverts mémorables ont de l'eau et des conditions météorologiques. Ces systèmes définissent l'ambiance et donnent vie au monde. Ils sont également étonnamment réalisables dans un navigateur.</p>
<h3 id="rendu-de-l-eau" tabindex="-1">Rendu de l'eau <a class="header-anchor" href="#rendu-de-l-eau" aria-label="Permalink to &quot;Rendu de l'eau&quot;"></a></h3>
<p>Dans un environnement 3D pour navigateur, le rendu de l'eau comporte trois niveaux de complexité. Vous pouvez d'abord publier le plus simple, puis l'améliorer ultérieurement.</p>
<p><strong>Niveau 1 : plan réfléchissant.</strong> Un maillage plat au niveau de l'eau, doté d'un matériau réfléchissant/réfringent. Effectuez le rendu inversé de la scène vers une texture (réflexion planaire), mélangez-la avec une teinte bleue et ajoutez des cartes de normales défilantes pour simuler le mouvement des vagues. C'est le principe du shader d'eau de base de Skyrim. Dans Three.js, l'exemple <code>Water</code> du dépôt officiel met cette technique en œuvre. Dans Babylon.js, <code>WaterMaterial</code> la fournit directement. Coût : une passe de rendu supplémentaire pour les reflets (une demi-résolution suffit), en plus du rendu de la surface de l'eau. Sur un GPU de milieu de gamme, cela ajoute 2 à 3 ms par image.</p>
<p><strong>Niveau 2 : réflexions en espace écran + effets basés sur la profondeur.</strong> Au lieu d'une passe de rendu séparée pour les reflets, échantillonnez le tampon d'image existant pour les réflexions (SSR). Ajoutez une absorption des couleurs basée sur la profondeur (l'eau est plus sombre lorsqu'elle est plus profonde), de l'écume sur le rivage à l'aide d'une comparaison de profondeur et des caustiques projetées sur le terrain sous-marin. C'est la méthode utilisée par The Witcher 3. Les SSR sont disponibles à la fois dans la pile de post-traitement de Three.js et dans le pipeline de rendu de Babylon.js. Coût : 1 à 2 ms pour les SSR, négligeable pour les effets de profondeur.</p>
<p><strong>Niveau 3 : simulation océanique par FFT.</strong> Pour un océan ouvert, utilisez une transformée de Fourier rapide afin de simuler le spectre des vagues sur le GPU. L'article « Simulating Ocean Water » (2001) de Jerry Tessendorf est la base utilisée par tous les grands moteurs de jeu. La FFT s'exécute sous forme de compute shader dans WebGPU et génère à chaque image une carte de déplacement et une carte de normales. L'océan obtenu est remarquablement convaincant. C'est la technique utilisée par Sea of Thieves, Assassin's Creed Black Flag et Uncharted 4. Dans WebGPU, une simulation océanique FFT de 256x256 s'exécute en moins de 1 ms sur les GPU de bureau.</p>
<div class="language-wgsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">wgsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">compute</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">workgroup_size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">16</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">16</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> fftOceanDisplacement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(global_invocation_id) id: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> k </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">x) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> N</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">/</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">2.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">y) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> N</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">/</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">2.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> omega </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> sqrt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(k) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> gravity);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> phase </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> omega </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> time;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> h </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> spectrum[id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">xy] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">cos</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(phase), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">sin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(phase));</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    displacement[id</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">xy] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> h;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Pour un monde de créateurs, commencez par le niveau 1 (plan réfléchissant), puis passez au niveau 2 lorsque le moteur de rendu aura gagné en maturité. Le niveau 3 n'est nécessaire que si le monde comprend un océan ouvert.</p>
<h3 id="systemes-meteorologiques" tabindex="-1">Systèmes météorologiques <a class="header-anchor" href="#systemes-meteorologiques" aria-label="Permalink to &quot;Systèmes météorologiques&quot;"></a></h3>
<p>Dans Skyrim et BotW, la météo est pilotée par une machine à états avec des transitions. Dégagé &gt; Nuageux &gt; Pluie &gt; Tempête &gt; Dégagé. Chaque état modifie simultanément plusieurs systèmes : skybox, densité du brouillard, couleur de la lumière ambiante, effets de particules (pluie/neige), audio (vent, pluie) et propriétés de gameplay (dans BotW, les surfaces mouillées sont glissantes).</p>
<p>Pour un monde dans le navigateur, le système météorologique comporte trois couches :</p>
<p><strong>Rendu du ciel.</strong> Un shader de ciel procédural est moins coûteux et plus flexible que des textures de skybox. Les modèles de ciel de Preetham ou Hosek-Wilkie calculent des couleurs de ciel physiquement plausibles à partir de la seule position du soleil. Ajoutez une couche de nuages à l'aide d'un bruit 3D défilant sur un plan. Babylon.js intègre un matériau de ciel procédural. Three.js propose l'exemple <code>Sky</code>. Tous deux produisent des résultats convaincants pour un coût GPU négligeable (il ne s'agit que d'un quadrilatère plein écran).</p>
<p><strong>Effets de particules.</strong> La pluie est un système de particules composé de milliers de quadrilatères fins tombant d'en haut. La neige repose sur le même principe, mais avec des trajectoires plus lentes et dérivantes. Le brouillard est une passe de post-traitement qui mélange la scène avec une couleur de brouillard en fonction de la profondeur. Tous ces effets sont classiques en WebGL. Le coût dépend du nombre de particules : 10 000 particules de pluie ajoutent environ 0,5 ms par image.</p>
<p><strong>Réaction de l'environnement.</strong> Les surfaces mouillées augmentent les réflexions spéculaires. L'accumulation de neige ajoute du blanc aux surfaces orientées vers le haut. Des flaques apparaissent dans les zones concaves du terrain. Ce sont des astuces de shader, pas des modifications géométriques. Une uniforme de « mouillure » modifie la rugosité du matériau. Une uniforme de « couverture neigeuse » mélange du blanc sur les surfaces dont les normales pointent vers le haut. GTA V et The Witcher 3 utilisent exactement cette approche.</p>
<p><strong>Météo synchronisée.</strong> Dans un monde multijoueur, la météo doit être cohérente sur tous les clients. L'approche la plus simple consiste à faire diffuser par le serveur un état météorologique (progression de la transition comprise) à 1 Hz. Les clients interpolent localement. Comme la météo évolue lentement (une transition d'un temps dégagé à la pluie prend 30 à 60 secondes), même une mise à jour retardée paraît fluide.</p>
<h3 id="perspective-atmospherique" tabindex="-1">Perspective atmosphérique <a class="header-anchor" href="#perspective-atmospherique" aria-label="Permalink to &quot;Perspective atmosphérique&quot;"></a></h3>
<p>C'est la technique visuelle la plus efficace pour donner une impression d'immensité à un monde, et elle ne coûte presque rien. Les objets éloignés paraissent plus voilés, plus bleus et moins contrastés en raison de la diffusion de la lumière dans l'atmosphère. Tous les mondes ouverts utilisent cette technique.</p>
<p>Dans un shader de fragment, mélangez les pixels éloignés avec la couleur de l'atmosphère en fonction de la profondeur :</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> fogFactor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 1.0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> exp</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">distance </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> fogDensity);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> finalColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(objectColor, atmosphereColor, fogFactor);</span></span></code></pre>
</div><p>BotW pousse cette technique plus loin avec un brouillard pictural qui transforme les lointains en un paysage de style aquarelle. La couleur du brouillard varie selon l'heure et la météo. À lui seul, cet effet de shader renforce davantage la sensation d'échelle que n'importe quelle quantité de détails ajoutés au terrain.</p>
<p>Pour un monde dans le navigateur doté d'une direction artistique stylisée, la perspective atmosphérique est le premier effet visuel à implémenter. Elle masque les transitions de LOD (les objets éloignés moins détaillés restent convaincants à travers la brume), réduit l'apparition visible et soudaine du contenu diffusé en continu et embellit les captures d'écran avant même que le monde soit entièrement peuplé.</p>
<h2 id="systemes-d-avatars" tabindex="-1">Systèmes d'avatars <a class="header-anchor" href="#systemes-d-avatars" aria-label="Permalink to &quot;Systèmes d'avatars&quot;"></a></h2>
<p>Les joueurs ont besoin d'un corps. Dans un monde de créateurs, l'avatar est, avec les constructions, la principale forme d'expression personnelle. Le système doit offrir suffisamment de souplesse pour la personnalisation, tout en maintenant les coûts de rendu à un niveau assez bas pour afficher plus de 200 joueurs.</p>
<h3 id="architecture-des-avatars" tabindex="-1">Architecture des avatars <a class="header-anchor" href="#architecture-des-avatars" aria-label="Permalink to &quot;Architecture des avatars&quot;"></a></h3>
<p><strong>Maillage de base + couches de personnalisation.</strong> Commencez par un maillage humanoïde de base partagé (1 500 à 3 000 triangles pour le corps). La personnalisation s'effectue par :</p>
<ul>
<li>Des variations de couleur ou de texture (teinte de peau, couleur des cheveux) au moyen de changements d'uniformes. Aucune géométrie supplémentaire.</li>
<li>Des parties de maillage interchangeables (coiffures, vêtements, accessoires) qui remplacent des sections du maillage de base. Chaque partie est un petit maillage distinct (200 à 500 triangles).</li>
<li>Des variations des propriétés des matériaux (armure métallique ou tunique en tissu) au moyen de changements de paramètres.</li>
</ul>
<p>C'est ainsi que Roblox, Fortnite et VRChat gèrent les avatars. Le coût de base reste constant, quelle que soit la personnalisation.</p>
<p><strong>Ready Player Me</strong> et <strong>Avaturn</strong> proposent des outils de création d'avatars dans le navigateur qui produisent des modèles glTF compatibles avec n'importe quel moteur 3D. Ils gèrent la numérisation du visage à partir de photos, les proportions corporelles et les vêtements. Les modèles produits sont optimisés pour le rendu en temps réel (généralement 10 000 à 20 000 triangles, pouvant être réduits à 3 000 à 5 000 pour le rendu à distance).</p>
<h3 id="animation-squelettique-dans-le-navigateur" tabindex="-1">Animation squelettique dans le navigateur <a class="header-anchor" href="#animation-squelettique-dans-le-navigateur" aria-label="Permalink to &quot;Animation squelettique dans le navigateur&quot;"></a></h3>
<p>Chaque joueur visible a besoin d'animations : attente, marche, course, saut, emotes. L'animation squelettique déforme un maillage à chaque image au moyen d'un ensemble de transformations d'os.</p>
<p><strong>Le skinning sur GPU</strong> est indispensable pour les performances. Three.js et Babylon.js effectuent tous deux le skinning sur le GPU par défaut. Les matrices d'os sont transférées sous forme de tampon d'uniformes ou de texture, puis le vertex shader applique les transformations des os. Le coût CPU provient du calcul des transformations des os à partir du clip d'animation. Pour un squelette de 60 os à 30 ips, cela représente environ 0,01 ms par personnage. Pour 200 personnages : 2 ms au total. C'est acceptable.</p>
<p><strong>Le mélange d'animations</strong> combine plusieurs animations (marcher + saluer, attendre + regarder autour de soi) à l'aide de poids de mélange. Three.js (<code>AnimationMixer</code>) et Babylon.js (<code>AnimationGroup</code>) prennent tous deux cette fonctionnalité en charge. Le mélange s'effectue sur le CPU (par interpolation des transformations des os) avant l'envoi du résultat combiné au GPU.</p>
<p><strong>L'animation instanciée</strong> est la clé d'un rendu efficace de nombreux personnages. Au lieu de dessiner chaque personnage sous la forme d'un maillage distinct, précalculez les images d'animation dans une texture (texture d'animation de sommets, ou VAT). Chaque ligne de la texture stocke les transformations des os pour une image. Un compute shader ou un vertex shader lit la ligne appropriée en fonction du temps d'animation du personnage. Cela permet d'afficher des centaines de personnages avec un seul appel de dessin instancié. The Witcher 3 et Assassin's Creed utilisent cette technique pour le rendu des foules.</p>
<p>Dans WebGPU, les personnages animés et instanciés ressemblent à ceci :</p>
<div class="language-wgsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">wgsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">vertex</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> vs_main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(instance_index) instanceIdx: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">u32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">@</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">location</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) position: </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-></span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> @</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">builtin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(position) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> animFrame </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> instances[instanceIdx]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">animationFrame;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> boneIdx </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> vertexBoneIndices[vertexIdx];</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> boneTransform </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> textureLoad</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(animTexture, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">i32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">i32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(boneIdx), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">i32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(animFrame)), </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> worldPos </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> instances[instanceIdx]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">transform </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> boneTransform </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">>(position, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> viewProjection </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> worldPos;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Pour les joueurs éloignés (au-delà de 50 mètres), passez à des imposteurs en billboard : un quadrilatère plat affichant un sprite pré-rendu du personnage selon l'angle de vue actuel. C'est la même astuce que celle utilisée par Skyrim pour les arbres éloignés, appliquée aux personnages. À cette distance, la transition est imperceptible.</p>
<h3 id="cinematique-inverse-pour-les-interactions" tabindex="-1">Cinématique inverse pour les interactions <a class="header-anchor" href="#cinematique-inverse-pour-les-interactions" aria-label="Permalink to &quot;Cinématique inverse pour les interactions&quot;"></a></h3>
<p>Lorsqu'un personnage saisit un objet, tend la main vers une poignée de porte ou désigne quelque chose, la cinématique inverse procédurale rend l'action naturelle. FABRIK (Forward And Backward Reaching Inverse Kinematics) est un solveur de cinématique inverse simple et rapide, bien adapté au temps réel. Three.js (via <code>CCDIKSolver</code>) et Babylon.js (via <code>BoneIKController</code>) intègrent tous deux une prise en charge de la cinématique inverse.</p>
<p>Dans un monde de créateurs, la cinématique inverse permet aux personnages d'interagir naturellement avec les objets placés : s'asseoir sur des chaises placées par les créateurs, s'appuyer sur des rambardes, ramasser des objets. Les interactions ne nécessitent pas d'animation propre à chaque objet. Le système de cinématique inverse adapte la pose du personnage à la position de l'objet.</p>
<h2 id="reseau-avance" tabindex="-1">Réseau avancé <a class="header-anchor" href="#reseau-avance" aria-label="Permalink to &quot;Réseau avancé&quot;"></a></h2>
<p>L'architecture de base (WebSocket + WebRTC) a été abordée précédemment. Examinons plus en détail les protocoles, la compression et les nouvelles options de transport.</p>
<h3 id="protocoles-de-messages-binaires" tabindex="-1">Protocoles de messages binaires <a class="header-anchor" href="#protocoles-de-messages-binaires" aria-label="Permalink to &quot;Protocoles de messages binaires&quot;"></a></h3>
<p>JSON sur WebSocket consomme 10 fois plus de bande passante qu'un encodage binaire. Dans un monde multijoueur en temps réel, chaque message doit être binaire.
<strong>FlatBuffers</strong> (de Google) est la solution la mieux adaptée au réseau des jeux. Contrairement à Protocol Buffers, FlatBuffers permet d’accéder aux données sérialisées sans copie. Vous ne décodez pas le message en objets JavaScript. Vous lisez les champs directement depuis le tampon. Cela élimine les allocations et la pression sur le ramasse-miettes que Protocol Buffers créerait dans un chemin d’exécution critique. FlatBuffers dispose d’un générateur de code JavaScript/TypeScript.</p>
<p>Une mise à jour de la position d’un joueur avec FlatBuffers :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Schema: PlayerUpdate { id: uint16, x: float32, y: float32, z: float32, yaw: float16, pitch: float16, animState: uint8 }</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Total: 17 bytes per player update</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// vs JSON: {"id":42,"x":103.5,"y":12.3,"z":-47.8,"yaw":1.57,"pitch":0.2,"animState":3} = 80+ bytes</span></span></code></pre>
</div><p>Pour 200 joueurs à 20 Hz, la différence est de 200 * 17 * 20 = 68 Ko/s (binaire) contre 200 * 80 * 20 = 320 Ko/s (JSON). Le binaire est 4,7 fois plus compact et évite les allocations de JSON.parse dans la boucle critique.</p>
<p><strong>MessagePack</strong> est plus simple que FlatBuffers (pas de schéma ni de génération de code), tout en restant 30 à 50 % plus compact que JSON. C’est un bon compromis si vous voulez du binaire sans avoir à gérer de schéma.</p>
<h3 id="quantification-des-positions-et-compression-differentielle" tabindex="-1">Quantification des positions et compression différentielle <a class="header-anchor" href="#quantification-des-positions-et-compression-differentielle" aria-label="Permalink to &quot;Quantification des positions et compression différentielle&quot;"></a></h3>
<p>Les positions des joueurs n’ont pas besoin de la précision d’un nombre flottant sur 32 bits. Si votre monde mesure 4 km sur 4 km, un entier non signé sur 16 bits offre une précision de 6 cm (4000 m / 65536). Pour la plupart des jeux, cette différence est imperceptible par rapport à la pleine précision. Cela divise par deux la taille des données de position.</p>
<p>La <strong>compression différentielle</strong> n’envoie que la différence par rapport au dernier état acquitté. Si un joueur s’est déplacé de 0,5 mètre depuis la dernière mise à jour, le delta est une petite valeur qui se compresse bien. Associées à un encodage de longueur variable (les petits deltas utilisent moins d’octets), les mises à jour de position compressées par delta occupent généralement 3 à 6 octets au lieu de 12.</p>
<p>La <strong>navigation à l’estime</strong> réduit la fréquence des mises à jour. Au lieu d’envoyer la position à 20 Hz, envoyez la position et la vitesse. Le client extrapole la position entre les mises à jour. N’envoyez une correction que lorsque la position réelle s’écarte de la position prédite au-delà d’un certain seuil. Cela peut réduire de 60 à 80 % la bande passante consacrée aux mises à jour de position pour les joueurs qui se déplacent en ligne droite, ce qui représente la majorité des déplacements.</p>
<p>RuneScape utilise une version extrême de cette technique : les déplacements des joueurs reposent sur des cases, si bien qu’une commande de déplacement ne contient qu’une case de destination. Le client anime localement le trajet. Dans un monde 3D continu, on utiliserait une navigation à l’estime fluide, mais le principe reste le même.</p>
<h3 id="webtransport" tabindex="-1">WebTransport <a class="header-anchor" href="#webtransport" aria-label="Permalink to &quot;WebTransport&quot;"></a></h3>
<p>WebTransport est un protocole plus récent qui pourrait remplacer à la fois WebSocket et WebRTC DataChannel pour le réseau des jeux. Il fonctionne sur HTTP/3 (QUIC) et propose :</p>
<ul>
<li><strong>Des flux fiables et ordonnés</strong> (comme WebSocket, mais multiplexés, de sorte que le blocage d’un flux n’immobilise pas les autres)</li>
<li><strong>Des datagrammes non fiables</strong> (comme UDP, pour les mises à jour de position qui deviennent immédiatement obsolètes si elles sont retardées)</li>
<li><strong>Des flux multiplexés</strong> (des flux distincts pour le chat, l’état du monde et les positions, sans blocage en tête de ligne)</li>
</ul>
<p>C’est exactement ce dont le réseau des jeux a besoin. WebSocket fournit un transport fiable et ordonné, mais le blocage en tête de ligne pénalise fortement la latence des mises à jour de position. WebRTC DataChannel permet un transport non fiable, mais sa configuration est complexe et nécessite ICE/STUN. WebTransport fournit les deux sur une seule connexion.</p>
<p>Prise en charge par les navigateurs : Chrome, Edge et Firefox proposent WebTransport depuis un certain temps, et Safari 26.4 l’a ajouté en mars 2026. Cette évolution a fait passer WebTransport au statut Baseline, ce qui signifie qu’il fonctionne désormais dans tous les principaux navigateurs, y compris sur iOS où tous les navigateurs utilisent WebKit. Il reste utile de conserver une solution de repli avec WebSocket pour les anciennes versions de Safari, mais WebTransport est aujourd’hui largement utilisable.</p>
<p>Cloudflare prend en charge WebTransport par l’intermédiaire de Workers, ce qui correspond à notre infrastructure.</p>
<h3 id="gestion-des-zones-d-interet-a-grande-echelle" tabindex="-1">Gestion des zones d’intérêt à grande échelle <a class="header-anchor" href="#gestion-des-zones-d-interet-a-grande-echelle" aria-label="Permalink to &quot;Gestion des zones d’intérêt à grande échelle&quot;"></a></h3>
<p>Avec plus de 200 joueurs, le principal défi réseau n’est pas la bande passante par joueur. C’est le problème quadratique : si chaque joueur envoie des mises à jour à tous les autres, 200 joueurs représentent 200 * 199 = 39 800 messages de mise à jour par tick. Le serveur doit effectuer un filtrage.</p>
<p>La gestion de la <strong>zone d’intérêt (AOI)</strong> signifie que chaque joueur ne reçoit que les mises à jour concernant les entités situées dans son champ de visibilité. L’implémentation utilise la même grille spatiale que le système de chunks : lorsque la position d’un joueur correspond au chunk (3, 7), il reçoit les mises à jour des chunks (2-4, 6-8), soit un voisinage de 3x3. Les entités situées hors de cette zone ne sont pas envoyées.</p>
<p>Les <strong>mises à jour basées sur la priorité</strong> au sein de l’AOI accordent davantage de bande passante aux entités importantes. Un joueur qui court vers vous reçoit des mises à jour à 20 Hz. Un joueur immobile à 200 mètres reçoit des mises à jour à 2 Hz. Un PNJ inactif en reçoit à 0,5 Hz. Le serveur maintient une file de priorité par client et alloue la bande passante en fonction de la pertinence de chaque entité (distance, vitesse et potentiel d’interaction).</p>
<p><strong>Mise en sommeil.</strong> Les entités dont l’état n’a pas changé depuis N secondes passent en sommeil et cessent complètement de générer du trafic réseau. Le client conserve le dernier état connu jusqu’à la réception d’un événement de réveil. Dans un monde de créateurs où la plupart des objets placés sont statiques, la mise en sommeil élimine la majeure partie du trafic réseau potentiel.</p>
<p>La fréquence de tick variable de Slither.io (5 Hz à distance contre 30 Hz à proximité) est une version simplifiée de cette approche. La « dilatation temporelle » d’EVE Online en est la version extrême : quand trop de joueurs se trouvent dans une même zone, le serveur ralentit la fréquence des ticks du jeu afin de préserver la cohérence. Pour notre cas d’usage, une AOI basée sur la priorité et associée à la mise en sommeil offre le bon équilibre.</p>
<h2 id="gaussian-splatting-et-nouvelles-technologies-de-rendu" tabindex="-1">Gaussian Splatting et nouvelles technologies de rendu <a class="header-anchor" href="#gaussian-splatting-et-nouvelles-technologies-de-rendu" aria-label="Permalink to &quot;Gaussian Splatting et nouvelles technologies de rendu&quot;"></a></h2>
<p>Le rendu traditionnel à base de maillages (triangles et textures) n’est plus la seule option pour la 3D dans le navigateur. Plusieurs techniques plus récentes atteignent désormais un niveau de maturité suffisant pour la production.</p>
<h3 id="gaussian-splatting-3d" tabindex="-1">Gaussian Splatting 3D <a class="header-anchor" href="#gaussian-splatting-3d" aria-label="Permalink to &quot;Gaussian Splatting 3D&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/T_kXY43VZnk" title="Gaussian Splatting 3D pour le rendu en temps réel de champs de radiance" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Gaussian Splatting 3D (SIGGRAPH 2023) : reconstruction photoréaliste de scènes à partir de photographies, avec un rendu en temps réel dans le navigateur. Les créateurs pourraient numériser des objets réels avec un téléphone et les placer directement dans le monde.</div>
<p>Le Gaussian Splatting 3D (3DGS) reconstruit des scènes 3D à partir de photographies en représentant la scène sous la forme de millions de gaussiennes 3D colorées (des ellipsoïdes orientés et colorés). Le moteur de rendu trie et rastérise ces splats au lieu de triangles.</p>
<p>Pourquoi cette technique est importante pour un monde de créateurs :</p>
<ul>
<li><strong>La capture photogrammétrique devient triviale.</strong> Un créateur prend 50 photos d’un objet ou d’un lieu réel avec son téléphone. Un traitement côté serveur, au moyen d’outils comme Nerfstudio ou gsplat, produit une scène de splats gaussiens en quelques minutes. Cette scène se charge dans le navigateur et paraît photoréaliste sous tous les angles.</li>
<li><strong>Le rendu dans le navigateur est maîtrisé.</strong> Plusieurs implémentations open source rendent les splats gaussiens avec WebGL et WebGPU. PlayCanvas intègre nativement leur rendu. Luma AI propose une visionneuse compatible avec Three.js. gsplat.js est une bibliothèque autonome. Les performances sont bonnes : 1 à 3 millions de splats peuvent être rendus à 30-60 FPS sur des GPU de bureau.</li>
<li><strong>Le format de données est compact.</strong> Une scène de splats gaussiens représentant une pièce peut occuper 10 à 30 Mo une fois compressée. Les objets individuels occupent 1 à 5 Mo. C’est comparable aux ressources de maillages texturés.</li>
</ul>
<p>La contrepartie : les scènes de splats sont statiques. Il est difficile de les animer ou de les modifier. Elles conviennent bien à l’habillage de l’environnement (un arbre photoréaliste, une sculpture réelle capturée ou une façade de bâtiment numérisée), mais pas aux objets de jeu interactifs. L’approche hybride consiste à utiliser des splats pour les détails environnementaux et des maillages traditionnels pour les objets interactifs.</p>
<p><strong>Pour un monde de créateurs :</strong> permettez aux créateurs de capturer des objets réels avec des photos prises au téléphone, de les convertir côté serveur en splats gaussiens, puis de les placer dans le monde. Cette approche comble le fossé entre les ressources générées par IA et les objets réels. Un créateur pourrait numériser ses propres œuvres, meubles ou créations architecturales et les placer directement dans le monde partagé.</p>
<h3 id="des-champs-de-radiance-neuronaux-nerf-aux-maillages" tabindex="-1">Des champs de radiance neuronaux (NeRF) aux maillages <a class="header-anchor" href="#des-champs-de-radiance-neuronaux-nerf-aux-maillages" aria-label="Permalink to &quot;Des champs de radiance neuronaux (NeRF) aux maillages&quot;"></a></h3>
<p>Les NeRF représentent les scènes sous la forme de réseaux neuronaux qui produisent une couleur et une densité pour chaque point 3D. Ils offrent une qualité visuelle exceptionnelle à partir de photos, mais leur rendu est coûteux, car il nécessite une passe complète d’inférence du réseau neuronal pour chaque pixel et chaque image.</p>
<p>L’approche pratique pour les navigateurs consiste à entraîner un NeRF à partir de photos, puis à en extraire un maillage au moyen de l’algorithme des marching cubes appliqué au champ de densité. Le résultat est un maillage triangulaire traditionnel avec des textures précalculées que n’importe quel moteur de navigateur peut rendre. Des outils comme Instant-NGP, Nerfstudio et Neuralangelo automatisent ce pipeline. La qualité n’est pas aussi élevée qu’avec le rendu direct du NeRF, mais le résultat est compatible avec les pipelines de rendu standards.</p>
<p>C’est une autre façon pour les créateurs d’importer des objets réels dans un monde accessible depuis le navigateur sans posséder de compétences en modélisation.</p>
<h3 id="mesh-shaders-et-rendu-de-type-nanite" tabindex="-1">Mesh shaders et rendu de type Nanite <a class="header-anchor" href="#mesh-shaders-et-rendu-de-type-nanite" aria-label="Permalink to &quot;Mesh shaders et rendu de type Nanite&quot;"></a></h3>
<p>Le système Nanite d’UE5 affiche des milliards de triangles à l’aide de mesh shaders, d’un rendu piloté par le GPU et d’une géométrie virtuelle, qui diffuse les triangles par cluster en fonction de leur couverture à l’écran. WebGPU ne prend pas encore en charge les mesh shaders, mais le principe sous-jacent — un rendu piloté par le GPU avec élimination des éléments invisibles et sélection du niveau de détail par calcul — est réalisable.</p>
<p>Un compute shader WebGPU peut :</p>
<ol>
<li>Lire toutes les boîtes englobantes des clusters de maillages (groupes d’environ 64 triangles)</li>
<li>Tester chaque cluster par rapport au frustum de la caméra et au tampon d’occlusion</li>
<li>Sélectionner le niveau de détail approprié en fonction de sa taille à l’écran</li>
<li>Écrire les clusters visibles dans un tampon de dessin indirect</li>
<li>Effectuer le rendu de l’ensemble avec un seul appel de dessin indirect</li>
</ol>
<p>Cette approche de « géométrie virtuelle » prend en charge des millions de triangles avec un coût CPU constant : le CPU soumet un seul appel de dessin, quelle que soit la complexité de la scène. C’est ainsi que le rendu dans les navigateurs finira par gérer de vastes mondes ouverts. L’implémentation est complexe, mais les composants nécessaires existent déjà dans WebGPU.</p>
<h2 id="techniques-de-shaders-pour-les-mondes-ouverts-stylises" tabindex="-1">Techniques de shaders pour les mondes ouverts stylisés <a class="header-anchor" href="#techniques-de-shaders-pour-les-mondes-ouverts-stylises" aria-label="Permalink to &quot;Techniques de shaders pour les mondes ouverts stylisés&quot;"></a></h2>
<p>Une direction artistique stylisée nécessite des techniques de shaders spécifiques. Voici celles qui produisent le plus fort impact visuel par cycle GPU.</p>
<h3 id="animation-du-feuillage-par-le-vent" tabindex="-1">Animation du feuillage par le vent <a class="header-anchor" href="#animation-du-feuillage-par-le-vent" aria-label="Permalink to &quot;Animation du feuillage par le vent&quot;"></a></h3>
<p>Des arbres et de l’herbe qui se balancent au vent donnent vie à un monde. La technique est simple : dans le vertex shader, décalez la position des sommets au moyen d’une combinaison d’ondes sinusoïdales dépendant de la position dans le monde et du temps.</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> windOffset </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    sin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(worldPos.x </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.5</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> +</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> time </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 2.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> windStrength,</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">    0.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    cos</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(worldPos.z </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.3</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> +</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> time </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 1.5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> windStrength</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightFactor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> localPos.y </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> meshHeight;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">finalPos </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> windOffset </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightFactor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> heightFactor;</span></span></code></pre>
</div><p>Le <code>heightFactor</code> garantit que la base de l’arbre reste ancrée au sol tandis que sa cime oscille davantage. L’utilisation de la position dans le monde au sein de la fonction sinusoïdale permet aux arbres voisins de se balancer avec des phases légèrement différentes, créant un effet de vague naturel dans la forêt. BotW, Skyrim et tous les mondes ouverts comportant de la végétation utilisent cette technique.</p>
<p>Pour l’herbe, le même principe s’applique, mais avec une fréquence plus élevée et une longueur d’onde plus courte. Des brins d’herbe instanciés par le GPU — des milliers de quadrilatères fins — avec des décalages de phase aléatoires par instance permettent de créer des prairies convaincantes à faible coût. Les compute shaders WebGPU peuvent générer les positions et orientations des brins à partir d’une carte de densité, en intégrant chaque image l’effet du vent aux transformations des instances.</p>
<h3 id="toon-shading-cel-shading" tabindex="-1">Toon shading/cel shading <a class="header-anchor" href="#toon-shading-cel-shading" aria-label="Permalink to &quot;Toon shading/cel shading&quot;"></a></h3>
<p>Si la direction artistique est stylisée — et les éléments disponibles indiquent qu’elle devrait l’être —, le cel shading est la technique fondamentale. L’idée consiste à quantifier l’éclairage en paliers distincts au lieu d’utiliser des dégradés continus.</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> NdotL </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(normal, lightDir);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> toonShading </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, NdotL) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.5</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> +</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, NdotL) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> color </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> baseColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (ambient </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> toonShading);</span></span></code></pre>
</div><p>Cela produit l’apparence classique à deux ou trois tons. Ajoutez une passe de contour — en rendant les faces arrière légèrement agrandies ou en utilisant un post-traitement de détection des contours dans l’espace écran — pour obtenir un effet de bande dessinée.</p>
<p>L’ombrage de BotW est plus nuancé qu’un cel shading pur. Il utilise un dégradé fluide avec un léger palier à la limite des ombres, auquel s’ajoute une transition chromatique du chaud vers le froid : les ombres sont teintées de bleu et les zones éclairées sont chaudes. Cette approche hybride paraît plus naturelle qu’un toon shading strict, tout en conservant une esthétique stylisée. Elle est réalisable avec un shader personnalisé dans n’importe quel moteur 3D pour navigateur.</p>
<h3 id="shader-d-eau-stylisee" tabindex="-1">Shader d’eau stylisée <a class="header-anchor" href="#shader-d-eau-stylisee" aria-label="Permalink to &quot;Shader d’eau stylisée&quot;"></a></h3>
<p>Dans un monde stylisé, l’eau n’a pas besoin d’une simulation réaliste des vagues. Une combinaison de normal maps défilantes, de détection de l’écume sur les bords et de couleurs basées sur la profondeur produit des résultats visuellement cohérents avec une direction artistique inspirée de BotW.</p>
<div class="language-glsl vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">glsl</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> depth </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> texture</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(depthTexture, screenUV).r </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> fragDepth;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> shallowColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.7</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.8</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> deepColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.05</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.15</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> waterColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(shallowColor, deepColor, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">saturate</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(depth </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 2.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">));</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">float</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> foam </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.05</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, depth) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1.0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> -</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.15</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, depth));</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">foam </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> texture</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(foamNoise, worldUV </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 3.0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> +</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> time </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">).r;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">waterColor </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(waterColor, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">vec3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">), foam </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> 0.8</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span></code></pre>
</div><p>Vous obtenez ainsi une coloration basée sur la profondeur — l’eau peu profonde est plus claire —, une écume animée par du bruit sur le rivage, le tout exécuté en une seule passe de fragment shader.</p>
<h3 id="occlusion-ambiante-dans-l-espace-ecran-ssao" tabindex="-1">Occlusion ambiante dans l’espace écran (SSAO) <a class="header-anchor" href="#occlusion-ambiante-dans-l-espace-ecran-ssao" aria-label="Permalink to &quot;Occlusion ambiante dans l’espace écran (SSAO)&quot;"></a></h3>
<p>La SSAO assombrit les coins, les creux et les zones de contact entre les surfaces. Elle apporte profondeur et ancrage à la scène sans nécessiter une coûteuse illumination globale. Three.js et Babylon.js disposent tous deux d’implémentations SSAO intégrées.</p>
<p>Dans un monde stylisé, la SSAO est encore plus importante que dans un rendu réaliste, car l’ombrage uniforme ne fait pas naturellement apparaître les ombres de contact. Une légère passe SSAO — une demi-résolution suffit — ajoute les indices de profondeur manquants. Coût : 1 à 2 ms sur les GPU de bureau.</p>
<h2 id="generation-de-monde-approfondie" tabindex="-1">Génération de monde approfondie <a class="header-anchor" href="#generation-de-monde-approfondie" aria-label="Permalink to &quot;Génération de monde approfondie&quot;"></a></h2>
<p>L’article de base présentait la génération procédurale de terrain à un niveau général. Voici le détail des algorithmes.</p>
<h3 id="fonctions-de-bruit-pour-le-terrain" tabindex="-1">Fonctions de bruit pour le terrain <a class="header-anchor" href="#fonctions-de-bruit-pour-le-terrain" aria-label="Permalink to &quot;Fonctions de bruit pour le terrain&quot;"></a></h3>
<p>Tous les terrains procéduraux reposent sur du bruit. La fonction de bruit produit des valeurs pseudo-aléatoires qui varient progressivement dans l’espace. Superposez plusieurs octaves — plusieurs fréquences — pour obtenir des résultats naturels.</p>
<p>Le <strong>bruit de Perlin</strong> est le grand classique. Le <strong>bruit simplex</strong> est plus rapide et présente moins d’artefacts directionnels. <strong>OpenSimplex 2</strong> est une variante moderne offrant de bonnes performances en JavaScript. Pour les compute shaders WebGPU, l’implémentation du bruit simplex en WGSL est relativement simple : elle représente environ 50 lignes de calculs mathématiques.</p>
<p>Le <strong>mouvement brownien fractionnaire (fBm)</strong> superpose plusieurs octaves de bruit :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>height = 0</span></span>
<span class="line"><span>amplitude = 1.0</span></span>
<span class="line"><span>frequency = baseFrequency</span></span>
<span class="line"><span>for each octave:</span></span>
<span class="line"><span>    height += amplitude * noise(position * frequency)</span></span>
<span class="line"><span>    frequency *= lacunarity (typically 2.0)</span></span>
<span class="line"><span>    amplitude *= persistence (typically 0.5)</span></span></code></pre>
</div><p>Avec 6 à 8 octaves, le fBm produit un terrain présentant de vastes formations montagneuses, des collines à moyenne échelle et une rugosité fine, à l’image d’un terrain réel. Le paramètre de persistance contrôle la rugosité du terrain (0,3 produit de douces collines ondulées, tandis que 0,7 produit des montagnes escarpées).</p>
<p>Le <strong>domain warping</strong> utilise la sortie d’une fonction de bruit comme coordonnées d’entrée d’une autre. Il produit ainsi un terrain qui paraît érodé et organique, plutôt qu’uniformément bosselé. Appliquez 2 à 3 couches de domain warping et le terrain commence à donner l’impression d’avoir été façonné par des processus géologiques.</p>
<h3 id="simulation-d-erosion-hydraulique" tabindex="-1">Simulation d’érosion hydraulique <a class="header-anchor" href="#simulation-d-erosion-hydraulique" aria-label="Permalink to &quot;Simulation d’érosion hydraulique&quot;"></a></h3>
<p>Un terrain généré à partir de bruit brut ressemble à du papier froissé. Un terrain réel ressemble à du papier froissé sur lequel il aurait plu pendant un million d’années. La simulation d’érosion hydraulique transforme un terrain généré par du bruit en un paysage qui paraît géologiquement plausible.</p>
<p>L’algorithme :</p>
<ol>
<li>Déposer une particule d’eau à une position aléatoire sur la carte de hauteur</li>
<li>La particule s’écoule vers le bas, en suivant le gradient du terrain</li>
<li>À chaque étape, elle prélève des sédiments du terrain en fonction de sa vitesse et de la pente</li>
<li>Lorsque la particule ralentit (terrain plus plat, accumulation d’eau), elle dépose des sédiments</li>
<li>Répéter l’opération pour 100 000 à 500 000 particules</li>
</ol>
<p>Le résultat est un terrain comportant des vallées fluviales, des cônes alluviaux, des lignes de crête naturelles et des pentes douces aux transitions cohérentes. L’algorithme s’exécute sur une carte de hauteur de 1024x1024 en environ 2 à 5 secondes en JavaScript, ou en moins de 100 ms dans un shader de calcul WebGPU.</p>
<p>L’implémentation de Sebastian Lague (disponible sur GitHub) est la référence standard pour les développeurs de jeux. Elle produit des terrains qui rivalisent avec des résultats sculptés à la main. Pour un monde de créateurs, appliquer l’érosion au terrain généré par IA pendant l’étape de traitement côté serveur donnerait aux paysages procéduraux un aspect artisanal.</p>
<h3 id="attribution-des-biomes" tabindex="-1">Attribution des biomes <a class="header-anchor" href="#attribution-des-biomes" aria-label="Permalink to &quot;Attribution des biomes&quot;"></a></h3>
<p>Les mondes réels possèdent des biomes : forêts, déserts, toundras et marais. L’attribution des biomes associe des paramètres climatiques aux différentes régions du terrain.</p>
<p>L’approche de Minecraft est instructive : les biomes sont définis sur une grille 2D dont les axes représentent la température et l’humidité. La température diminue avec l’altitude et la latitude. L’humidité varie selon la proximité de l’eau et la direction des vents dominants. Chaque cellule de la grille reçoit un biome (forêt, désert, toundra, etc.) qui détermine les textures du terrain, le type et la densité de la végétation, l’ambiance sonore et les conditions météorologiques.</p>
<p>Dans un monde de créateurs, les limites des biomes devraient pouvoir être peintes. Le système génère des biomes par défaut à partir des propriétés du terrain, mais les créateurs peuvent remplacer cette attribution en peignant des zones de biome sur les parcelles qu’ils possèdent. Cette approche hybride donne au monde un aspect naturel par défaut, tout en permettant aux créateurs d’exprimer leur vision.</p>
<h3 id="wave-function-collapse-pour-les-structures" tabindex="-1">Wave Function Collapse pour les structures <a class="header-anchor" href="#wave-function-collapse-pour-les-structures" aria-label="Permalink to &quot;Wave Function Collapse pour les structures&quot;"></a></h3>
<p>Le Wave Function Collapse (WFC) génère des structures — bâtiments, donjons et routes — à partir d’un ensemble de tuiles soumises à des contraintes d’adjacence. À partir d’un ensemble de modules de construction et de règles définissant lesquels peuvent être reliés, le WFC peut générer des villages entiers, des plans de châteaux ou des cartes de donjons.</p>
<p>Pour un monde de créateurs, le WFC permet :</p>
<ul>
<li>Des <strong>villages générés automatiquement</strong> afin de peupler le monde avec du contenu de base avant que les créateurs ne le personnalisent</li>
<li>Une <strong>construction assistée</strong>, dans laquelle un créateur place quelques éléments et le WFC comble les espaces restants (comme Townscaper, mais avec des blocs de construction 3D)</li>
<li>La <strong>génération de donjons</strong> pour des expériences interactives configurables par les créateurs : ils définissent le thème, la difficulté et la taille, puis le WFC génère la disposition</li>
</ul>
<p>Oskar Stalberg (créateur de Townscaper et de Bad North) a montré que la génération basée sur le WFC paraît magique aux utilisateurs. Ils placent quelques blocs et le système génère autour d’eux des structures esthétiquement cohérentes. C’est exactement le principe « outils simples, résultats riches » qui fonctionne sur les plateformes de création.</p>
<h2 id="architecture-de-moderation-du-contenu" tabindex="-1">Architecture de modération du contenu <a class="header-anchor" href="#architecture-de-moderation-du-contenu" aria-label="Permalink to &quot;Architecture de modération du contenu&quot;"></a></h2>
<p>Dans un monde où les créateurs peuvent placer du contenu 3D arbitraire visible par d’autres personnes, la modération n’est pas facultative. C’est un composant essentiel de l’infrastructure.</p>
<h3 id="pipeline-de-controle-automatise" tabindex="-1">Pipeline de contrôle automatisé <a class="header-anchor" href="#pipeline-de-controle-automatise" aria-label="Permalink to &quot;Pipeline de contrôle automatisé&quot;"></a></h3>
<p>Chaque ressource qui entre dans le monde passe par un pipeline en plusieurs étapes avant de devenir visible par les autres joueurs :</p>
<ol>
<li>
<p><strong>Analyse de la géométrie.</strong> Analyser le maillage à l’aide d’un classificateur entraîné afin de détecter les formes anatomiques explicites. Cette méthode repère la majorité des modèles 3D manifestement inappropriés. Plusieurs API commerciales (Azure Content Safety, Google Cloud Vision pour la 3D) prennent cela en charge. Le classificateur analyse la silhouette du maillage sous plusieurs angles, ce qui est peu coûteux en calcul.</p>
</li>
<li>
<p><strong>Analyse des textures.</strong> Soumettre chaque texture à une API standard de modération d’images, comme celles utilisées pour les photos importées. Cela permet de détecter les images inappropriées appliquées comme textures à des géométries autrement anodines.</p>
</li>
<li>
<p><strong>Détection de texte.</strong> Si l’objet contient du texte, soit dans une texture, soit sous forme de maillage de texte 3D, appliquer une reconnaissance optique de caractères et vérifier sa conformité à la politique de contenu. Cela permet de détecter les discours haineux, les insultes et d’autres infractions textuelles.</p>
</li>
<li>
<p><strong>Approbation automatisée.</strong> Si tous les contrôles sont concluants, la ressource devient immédiatement visible. Si l’un des contrôles signale la ressource, celle-ci est placée dans une file d’attente pour examen.</p>
</li>
<li>
<p><strong>Examen humain.</strong> Les ressources signalées sont examinées par un modérateur. Pour une petite plateforme, l’équipe peut s’en charger. À plus grande échelle, il est possible de faire appel à des services de modération sous contrat, comme ceux qui modèrent le contenu des réseaux sociaux.</p>
</li>
</ol>
<h3 id="moderation-spatiale" tabindex="-1">Modération spatiale <a class="header-anchor" href="#moderation-spatiale" aria-label="Permalink to &quot;Modération spatiale&quot;"></a></h3>
<p>Au-delà des ressources individuelles, la disposition spatiale des objets peut être inappropriée même si chaque objet pris isolément est acceptable. Ce problème est plus difficile à détecter automatiquement. L’approche pratique consiste à utiliser :</p>
<ul>
<li><strong>Les signalements des joueurs.</strong> Tout joueur peut signaler un lieu. Le signalement inclut une capture d’écran, prise automatiquement aux coordonnées concernées, ainsi que le compte du joueur ayant effectué le signalement. Les signalements déclenchent un examen humain.</li>
<li><strong>Une carte de chaleur.</strong> Suivre les zones qui génèrent des signalements. Si la parcelle d’un créateur en génère régulièrement, la soumettre à un examen approfondi. Si un créateur enfreint les règles de manière répétée, restreindre ses droits de modification.</li>
<li><strong>Une classification des parcelles.</strong> Comme dans Second Life, permettre aux créateurs de classifier eux-mêmes leurs parcelles. La vue par défaut masque les parcelles classées au-dessus de « Tout public ». Les joueurs doivent choisir d’afficher le contenu pour adultes. Cela n’empêche pas les infractions, mais réduit l’exposition.</li>
</ul>
<h3 id="considerations-relatives-a-la-latence" tabindex="-1">Considérations relatives à la latence <a class="header-anchor" href="#considerations-relatives-a-la-latence" aria-label="Permalink to &quot;Considérations relatives à la latence&quot;"></a></h3>
<p>Si le contrôle automatisé prend 5 à 10 secondes par ressource, le délai entre le placement d’un objet par un créateur et son apparition auprès des autres joueurs devient perceptible. Plusieurs options sont possibles :</p>
<ul>
<li><strong>Affichage local optimiste.</strong> Le créateur voit immédiatement l’objet placé. Les autres joueurs le voient après son approbation. Si la ressource est rejetée, elle disparaît et le créateur en est informé.</li>
<li><strong>Bibliothèque de ressources préapprouvées.</strong> La plupart des placements utilisent des ressources précontrôlées provenant de la bibliothèque de la plateforme, y compris des ressources générées par IA et contrôlées pendant leur génération. Les importations personnalisées passent par le processus de contrôle. La majorité des placements sont ainsi instantanés.</li>
<li><strong>Traitement accéléré selon la réputation.</strong> Les créateurs dont le contenu a toujours été approuvé bénéficient d’une approbation automatique pour leurs nouveaux placements. Les nouveaux créateurs ou ceux qui ont été signalés passent par le processus de contrôle complet.</li>
</ul>
<h2 id="performances-3d-dans-le-navigateur-chiffres-reels" tabindex="-1">Performances 3D dans le navigateur : chiffres réels <a class="header-anchor" href="#performances-3d-dans-le-navigateur-chiffres-reels" aria-label="Permalink to &quot;Performances 3D dans le navigateur : chiffres réels&quot;"></a></h2>
<p>Les budgets théoriques sont utiles. Les performances réellement mesurées le sont davantage. Voici des chiffres réels issus de scènes 3D exécutées dans un navigateur sur du matériel grand public.</p>
<h3 id="bancs-d-essai-de-rendu" tabindex="-1">Bancs d’essai de rendu <a class="header-anchor" href="#bancs-d-essai-de-rendu" aria-label="Permalink to &quot;Bancs d’essai de rendu&quot;"></a></h3>
<p><strong>Scène Three.js avec 10 000 objets instanciés</strong> (arbres, rochers, 500 triangles chacun) :</p>
<ul>
<li>MacBook Pro M1 (Chrome, WebGL2) : 58-60fps</li>
<li>Ordinateur de bureau RTX 3060 (Chrome, WebGL2) : 60fps constants</li>
<li>Ordinateur portable Intel UHD 620 (Chrome, WebGL2) : 25-35fps</li>
<li>iPhone 13 (Safari, WebGL2) : 30-40fps</li>
</ul>
<p><strong>Scène Three.js avec 100 000 brins d’herbe instanciés</strong> (6 triangles chacun, 600 000 triangles au total) :</p>
<ul>
<li>MacBook M1 : 55fps</li>
<li>RTX 3060 : 60fps</li>
<li>Intel UHD 620 : 12fps</li>
<li>iPhone 13 : 15fps</li>
</ul>
<p><strong>Terrain Babylon.js avec 1 million de triangles, 4 niveaux de LOD et la physique Havok</strong> :</p>
<ul>
<li>MacBook M1 (WebGPU) : 60fps</li>
<li>MacBook M1 (WebGL2) : 45fps</li>
<li>RTX 3060 (WebGPU) : 60fps</li>
<li>RTX 3060 (WebGL2) : 55fps</li>
</ul>
<p><strong>Scène de splats gaussiens, 2 millions de splats</strong> (via gsplat.js) :</p>
<ul>
<li>MacBook M1 (WebGL2) : 30fps</li>
<li>RTX 3060 (WebGL2) : 45fps</li>
<li>RTX 3060 (WebGPU) : 60fps</li>
</ul>
<h3 id="mesures-de-memoire" tabindex="-1">Mesures de mémoire <a class="header-anchor" href="#mesures-de-memoire" aria-label="Permalink to &quot;Mesures de mémoire&quot;"></a></h3>
<p><strong>Scène Three.js minimale</strong> (skybox, terrain, 100 objets) : 80-120 Mo de mémoire GPU, 150-200 Mo de tas JS
<strong>Babylon.js avec la physique Havok</strong> : 200-300 Mo de mémoire GPU, 250-350 Mo de tas JS (Havok Wasm ajoute environ 50 Mo)
<strong>Limites de mémoire d’un onglet de navigateur</strong> (mesurées, non documentées) :</p>
<ul>
<li>Chrome sur ordinateur : plante généralement autour de 4 Go</li>
<li>Chrome sur Android : plante généralement autour de 1 à 1,5 Go</li>
<li>Safari sur iOS : plante généralement autour de 1 Go</li>
<li>Firefox sur ordinateur : plante généralement autour de 3 à 4 Go</li>
</ul>
<h3 id="mesures-reseau" tabindex="-1">Mesures réseau <a class="header-anchor" href="#mesures-reseau" aria-label="Permalink to &quot;Mesures réseau&quot;"></a></h3>
<p><strong>Latence aller-retour WebSocket</strong> (du navigateur à la périphérie Cloudflare) :</p>
<ul>
<li>Même continent : 10-30ms</li>
<li>Entre continents : 80-200ms</li>
<li>Avec Cloudflare Durable Objects : ajouter 5-10ms pour le réveil du DO lors de la première requête</li>
</ul>
<p><strong>Latence WebRTC DataChannel</strong> (de navigateur à navigateur via TURN) :</p>
<ul>
<li>Même ville : 5-15ms</li>
<li>Même continent : 20-50ms</li>
<li>Entre continents : 100-250ms</li>
</ul>
<p>La latence de <strong>WebTransport (HTTP/3 QUIC)</strong> est comparable à celle de WebSocket, mais sans blocage en tête de ligne. Sa latence P99 est donc nettement meilleure, sans interruption causée par la perte d’un seul paquet.</p>
<h3 id="mesures-des-temps-de-chargement" tabindex="-1">Mesures des temps de chargement <a class="header-anchor" href="#mesures-des-temps-de-chargement" aria-label="Permalink to &quot;Mesures des temps de chargement&quot;"></a></h3>
<p><strong>Scène Three.js vide</strong> (uniquement la bibliothèque) : 350ms jusqu’à la première image
<strong>Scène Babylon.js vide</strong> : 500ms jusqu’à la première image
<strong>Modèle GLB de 1 Mo via récupération + analyse</strong> : 200-400ms sur une connexion haut débit
<strong>Texture KTX2, 1024x1024, Basis Universal</strong> : 50-100ms pour le décodage sur le GPU
<strong>Maillage compressé avec Draco, 50 000 triangles</strong> : 30-80ms pour le décodage dans un Web Worker</p>
<p>Ces chiffres confirment que le budget de performances présenté dans la section consacrée à l’architecture est réalisable. Un ordinateur de bureau de milieu de gamme peut afficher une scène complexe en monde ouvert à 60fps. Les appareils mobiles constituent la principale contrainte : un LOD agressif et une distance d’affichage plus courte sont nécessaires pour maintenir 30fps sur les téléphones.</p>
<h2 id="la-pile-technologique-complete" tabindex="-1">La pile technologique complète <a class="header-anchor" href="#la-pile-technologique-complete" aria-label="Permalink to &quot;La pile technologique complète&quot;"></a></h2>
<p>En réunissant tous ces éléments, voici l’architecture d’un monde ouvert multijoueur de création fonctionnant dans un navigateur :</p>
<h3 id="client-navigateur" tabindex="-1">Client (navigateur) <a class="header-anchor" href="#client-navigateur" aria-label="Permalink to &quot;Client (navigateur)&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Couche</th>
<th>Technologie</th>
<th>Rôle</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Moteur de rendu</strong></td>
<td>Babylon.js (WebGPU + repli vers WebGL2)</td>
<td>Rendu de la scène, terrain, LOD, post-traitement</td>
</tr>
<tr>
<td><strong>Terrain</strong></td>
<td>Système de carte de hauteur personnalisé + Babylon DynamicTerrain</td>
<td>Terrain diffusé par chunks avec texture splatting</td>
</tr>
<tr>
<td><strong>Physique</strong></td>
<td>Rapier (Wasm) ou Havok (via Babylon)</td>
<td>Contrôleur de personnage, collisions, lancer de rayons</td>
</tr>
<tr>
<td><strong>ECS</strong></td>
<td>bitECS</td>
<td>Gestion des entités pour tous les objets du monde</td>
</tr>
<tr>
<td><strong>Réseau</strong></td>
<td>WebSocket + WebRTC DataChannel</td>
<td>Synchronisation de l’état, mises à jour de position, chat vocal</td>
</tr>
<tr>
<td><strong>État</strong></td>
<td>Yjs (CRDT)</td>
<td>Modification collaborative du monde, résolution des conflits</td>
</tr>
<tr>
<td><strong>Audio</strong></td>
<td>Web Audio API</td>
<td>Audio spatial, ambiance, musique</td>
</tr>
<tr>
<td><strong>Interface</strong></td>
<td>Surcouche HTML/CSS</td>
<td>ATH, inventaire, chat, outils de création</td>
</tr>
<tr>
<td><strong>Workers</strong></td>
<td>Web Workers</td>
<td>Décompression des ressources, physique, génération du terrain</td>
</tr>
</tbody>
</table>
<h3 id="serveur" tabindex="-1">Serveur <a class="header-anchor" href="#serveur" aria-label="Permalink to &quot;Serveur&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Couche</th>
<th>Technologie</th>
<th>Rôle</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Shards du monde</strong></td>
<td>Cloudflare Durable Objects</td>
<td>État faisant autorité par chunk, points de terminaison WebSocket</td>
</tr>
<tr>
<td><strong>Stockage des ressources</strong></td>
<td>Cloudflare R2</td>
<td>Modèles GLB, textures KTX2, cartes de hauteur, audio</td>
</tr>
<tr>
<td><strong>CDN des ressources</strong></td>
<td>Cloudflare CDN (bucket R2 public)</td>
<td>Distribution des ressources du monde avec mise en cache en périphérie</td>
</tr>
<tr>
<td><strong>Génération par IA</strong></td>
<td>Instances GPU (Hetzner/Lambda/RunPod)</td>
<td>Génération de modèles 3D, de terrains et de textures</td>
</tr>
<tr>
<td><strong>Pipeline de ressources</strong></td>
<td>Cloudflare Queue + Workers</td>
<td>Génération des LOD, optimisation des maillages, conversion de formats</td>
</tr>
<tr>
<td><strong>Authentification</strong></td>
<td>Auth0</td>
<td>Identité et autorisations des créateurs</td>
</tr>
<tr>
<td><strong>Base de données</strong></td>
<td>Cloudflare D1</td>
<td>Métadonnées du monde, inventaires des créateurs, autorisations</td>
</tr>
<tr>
<td><strong>Temps réel</strong></td>
<td>Cloudflare Durable Objects + Pub/Sub</td>
<td>Présence des joueurs, chat, diffusion d’événements</td>
</tr>
</tbody>
</table>
<h3 id="flux-de-donnees" tabindex="-1">Flux de données <a class="header-anchor" href="#flux-de-donnees" aria-label="Permalink to &quot;Flux de données&quot;"></a></h3>
<ol>
<li>Le joueur ouvre le monde dans son navigateur</li>
<li>Le client s’authentifie et se connecte au Durable Object le plus proche pour le chunk d’apparition</li>
<li>Le DO envoie l’état actuel du chunk (terrain + objets + joueurs à proximité)</li>
<li>Le client commence le rendu et demande les chunks adjacents à R2/CDN</li>
<li>À mesure que le joueur se déplace, le client se connecte aux DO adjacents et se déconnecte de ceux qui sont éloignés</li>
<li>Le créateur place un objet : le client envoie la modification au DO, qui la valide et la diffuse à tous les clients connectés sous forme de delta CRDT</li>
<li>Le DO enregistre l’état du chunk dans le stockage après chaque modification, avec temporisation</li>
<li>Les autres joueurs voient le nouvel objet apparaître dans un délai de 100 à 200ms</li>
</ol>
<h2 id="budget-de-performances" tabindex="-1">Budget de performances <a class="header-anchor" href="#budget-de-performances" aria-label="Permalink to &quot;Budget de performances&quot;"></a></h2>
<p>Pour une expérience à 60fps sur un ordinateur de bureau de milieu de gamme (RTX 3060 / Mac M1 / 16 Go de RAM) :</p>
<table tabindex="0">
<thead>
<tr>
<th>Ressource</th>
<th>Budget</th>
<th>Remarques</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Appels de rendu</strong></td>
<td>&lt; 500 par image</td>
<td>Regroupement, instanciation, LOD</td>
</tr>
<tr>
<td><strong>Triangles</strong></td>
<td>&lt; 2 millions par image</td>
<td>Le LOD maintient cette valeur sous contrôle</td>
</tr>
<tr>
<td><strong>Mémoire des textures</strong></td>
<td>&lt; 512 Mo</td>
<td>Compression KTX2, diffusion progressive, regroupement en atlas</td>
</tr>
<tr>
<td><strong>Mémoire géométrique</strong></td>
<td>&lt; 256 Mo</td>
<td>Tampons partagés, regroupement, déchargement agressif</td>
</tr>
<tr>
<td><strong>Tas JavaScript</strong></td>
<td>&lt; 512 Mo</td>
<td>L’ECS utilise des tableaux typés, pas des objets</td>
</tr>
<tr>
<td><strong>Réseau</strong></td>
<td>&lt; 500 Ko/s en continu</td>
<td>Compression delta, filtrage selon la pertinence spatiale</td>
</tr>
<tr>
<td><strong>Chargement initial</strong></td>
<td>&lt; 10 Mo, &lt; 5 secondes</td>
<td>Chargement progressif, terrain en premier</td>
</tr>
<tr>
<td><strong>Chargement d’un chunk</strong></td>
<td>&lt; 200 Ko, &lt; 200ms</td>
<td>Préchargement des chunks adjacents</td>
</tr>
</tbody>
</table>
<h2 id="les-jeux-sur-navigateur-a-succes-et-ce-qu-ils-demontrent" tabindex="-1">Les jeux sur navigateur à succès et ce qu’ils démontrent <a class="header-anchor" href="#les-jeux-sur-navigateur-a-succes-et-ce-qu-ils-demontrent" aria-label="Permalink to &quot;Les jeux sur navigateur à succès et ce qu’ils démontrent&quot;"></a></h2>
<p>Les jeux sur navigateur ne constituent pas un marché de niche. Ils représentent l’un des plus grands marchés du jeu vidéo. Poki accueille plus de 100 millions de joueurs par mois. CrazyGames, Newgrounds et itch.io en accueillent des millions d’autres. Les jeux qui réussissent dans un navigateur suivent des modèles architecturaux précis qu’il est utile d’étudier.</p>
<h3 id="jeux-3d-sur-navigateur-disponibles-aujourd-hui" tabindex="-1">Jeux 3D sur navigateur disponibles aujourd’hui <a class="header-anchor" href="#jeux-3d-sur-navigateur-disponibles-aujourd-hui" aria-label="Permalink to &quot;Jeux 3D sur navigateur disponibles aujourd’hui&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/lCGlEgKAMbE" title="Gameplay de Hordes.io" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Hordes.io : plus de 200 joueurs dans un MMO 3D persistant sur navigateur. WebGL personnalisé, style low poly, chargement en moins de 5 secondes. Créé par un seul développeur.</div>
**Hordes.io** est le MMO sur navigateur le plus pertinent. Développé par une seule personne avec un moteur de rendu WebGL personnalisé, il réunit plus de 200 joueurs dans un monde 3D persistant avec des combats en temps réel, des guildes, des classes et du JcJ. L’ensemble du jeu se charge en moins de 5 secondes. Le monde est divisé en zones avec une élimination agressive des éléments hors champ. Les modèles de joueurs sont simples (low-poly avec ombrage plat), mais les effets de particules et les animations rendent les combats réactifs. Hordes.io prouve trois choses : les MMO sur navigateur peuvent gérer des centaines de joueurs simultanés dans une même scène, une seule personne peut en développer un, et les graphismes stylisés sont plus performants que les graphismes réalistes dans un navigateur.
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/559m0bR1fgg" title="Gameplay et éditeur de cartes de Krunker.io" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Krunker.io : 10 millions de joueurs mensuels, développé avec Three.js, avec un éditeur de cartes complet intégré au navigateur et une place de marché de contenu généré par les utilisateurs.</div>
<p><strong>Krunker.io</strong> a dépassé les 10 millions de joueurs mensuels à son apogée et a été racheté par FRVR. C’est un FPS sur navigateur doté d’un éditeur de cartes complet, de modes de jeu personnalisés, de contenu généré par les utilisateurs et d’une place de marché. Développé avec Three.js, il tourne à plus de 60 IPS même sur du matériel d’entrée de gamme grâce à son style graphique cubique et à une optimisation agressive. L’éditeur de niveaux est particulièrement pertinent. Les joueurs construisent des cartes à l’aide d’un système de blocs proche des voxels, les partagent sur la place de marché, puis d’autres joueurs les explorent. C’est la boucle de création de mondes en miniature : construire quelque chose, le partager et permettre à d’autres d’en faire l’expérience. Krunker a prouvé que le contenu 3D généré par les utilisateurs peut fonctionner dans un navigateur si les outils de création sont suffisamment simples.</p>
<p><strong>ev.io</strong> est un FPS sur navigateur développé avec Babylon.js. Il fonctionne correctement sur la plupart des machines, prend en charge les cartes personnalisées et démontre que le moteur de rendu WebGL de Babylon peut gérer une action 3D rapide dans un onglet de navigateur. Le jeu utilise une compression agressive des textures et des environnements low-poly pour respecter ses budgets de performances.</p>
<p><strong>Shell Shockers</strong> (plus de 5 millions de joueurs mensuels) est un jeu de tir multijoueur 3D dans lequel les joueurs incarnent des œufs. Développé avec Three.js, il gère le multijoueur en temps réel avec une détection des impacts réactive dans le navigateur. Son style graphique cartoon réduit au minimum les besoins en ressources tout en conservant un rendu soigné.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/QtVkteAS15M" title="Bande-annonce de Townscaper" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Townscaper : cliquez pour placer des bâtiments, et le système génère automatiquement les rues, les arches et les escaliers. Aucun menu, aucun objectif. Plus d’un million d’exemplaires vendus grâce au seul plaisir de créer.</div>
<p><strong>Townscaper</strong> n’est pas un jeu sur navigateur, mais son approche de la construction de mondes est très pertinente. Les joueurs cliquent pour placer des bâtiments sur une étendue d’eau. Le jeu génère automatiquement des détails architecturaux, des rues, des arches et des escaliers en fonction des motifs de placement. Aucun menu, aucun réglage, aucun objectif. Il suffit de cliquer et de construire. Il s’est vendu à plus d’un million d’exemplaires. La leçon : les outils de création les plus simples produisent parfois les expériences les plus captivantes. Si nous parvenons à rendre le placement d’objets dans le monde aussi immédiat que dans Townscaper, les créateurs passeront des heures à construire.</p>
<p><strong>Expériences A-Frame / 8th Wall.</strong> A-Frame (développé avec Three.js) alimente des milliers d’expériences 3D sur le Web. 8th Wall, la plateforme WebAR de longue date rachetée par Niantic, a démontré que des expériences de réalité augmentée complexes reposant sur la caméra peuvent fonctionner dans les navigateurs mobiles sans plug-in, bien que Niantic ait annoncé fin 2025 la fermeture progressive du service (les expériences hébergées resteront accessibles jusqu’en 2027). Ce ne sont pas des jeux, mais ces projets démontrent qu’un rendu 3D complexe avec physique et interactions fonctionne dans un onglet de navigateur sans plug-in. Beaucoup de ces expériences se chargent en 2 à 3 secondes et fonctionnent sur des téléphones de milieu de gamme.</p>
<h3 id="vuntra-city-un-laboratoire-vivant-de-ville-procedurale" tabindex="-1">Vuntra City : un laboratoire vivant de ville procédurale <a class="header-anchor" href="#vuntra-city-un-laboratoire-vivant-de-ville-procedurale" aria-label="Permalink to &quot;Vuntra City : un laboratoire vivant de ville procédurale&quot;"></a></h3>
<p>Vuntra City est un projet UE5 natif, et non un jeu sur navigateur. Il ne constitue donc pas une référence directe pour mesurer les performances de notre stack. Il reste néanmoins l’une des études de cas publiques les plus utiles pour notre architecture de monde ouvert, car les journaux de développement décrivent avec une précision inhabituelle les compromis de conception des systèmes face aux contraintes réelles de production.</p>
<p>Un enseignement majeur concerne la gestion du niveau de détail en fonction de la vitesse. Dans les vidéos sur le transport et l’optimisation, les déplacements à grande vitesse sont transférés au-dessus des toits, tandis que le niveau de détail du monde diminue à mesure que la vitesse augmente afin que le gestionnaire de streaming ne soit pas saturé par le renouvellement des intérieurs (<a href="https://www.youtube.com/watch?v=KKeBElJS6-M" target="_blank" rel="noreferrer">transport rapide</a>, <a href="https://www.youtube.com/watch?v=aPuYXyJet38" target="_blank" rel="noreferrer">techniques d’optimisation</a>). Cela correspond parfaitement à notre approche pour le navigateur, où la vitesse devrait contrôler directement le rayon de préchargement, la portée d’activation des intérieurs et le budget d’apparition par image.</p>
<p>Autre enseignement : la séparation stricte entre les données topologiques et les objets rendus. L’implémentation des cartes et des adresses utilise un contrôleur topologique global capable de répondre aux requêtes de localisation et d’adresse pour des régions non chargées (<a href="https://www.youtube.com/watch?v=6dLn1GQpu2c" target="_blank" rel="noreferrer">cartes et adresses</a>). C’est exactement le modèle dont nous avons besoin pour le routage faisant autorité côté serveur, la recherche de points d’intérêt et les requêtes à l’échelle du monde, qui ne doivent pas dépendre de ce qu’un client donné conserve actuellement en mémoire.</p>
<p>Le travail sur les PNJ est également très pertinent. Le système à un million de PNJ calcule globalement un état approximatif des emplois du temps, puis ne simule les comportements coûteux que dans les espaces proches des joueurs (<a href="https://www.youtube.com/watch?v=nBV0yAAJUf0" target="_blank" rel="noreferrer">un million de PNJ persistants</a>, <a href="https://www.youtube.com/watch?v=eUi7DB1ar3s" target="_blank" rel="noreferrer">dans les coulisses</a>). Pour nous, cela confirme la pertinence d’un modèle de simulation à deux niveaux : un état déterministe peu coûteux pour les zones éloignées et des comportements riches à proximité, au sein de la zone d’intérêt.</p>
<p>Enfin, la conception des environnements de Vuntra City rappelle un point facile à oublier dans la planification technique : la conception de la distribution fait partie de la conception du contenu. Le projet évite le placement aléatoire uniforme, utilise des valeurs aberrantes pondérées pour créer des surprises et favorise la découverte à l’aide de cartes et d’adresses diégétiques plutôt qu’avec des marqueurs omniprésents sur une minicarte (<a href="https://www.youtube.com/watch?v=4MZ5-KQW3pc" target="_blank" rel="noreferrer">les environnements procéduraux ne sont pas forcément ennuyeux</a>, <a href="https://www.youtube.com/watch?v=ixR1hqZJlv4" target="_blank" rel="noreferrer">là où nous allons, nous n’aurons pas besoin de minicarte</a>).</p>
<h3 id="les-jeux-sur-navigateur-devenus-des-phenomenes" tabindex="-1">Les jeux sur navigateur devenus des phénomènes <a class="header-anchor" href="#les-jeux-sur-navigateur-devenus-des-phenomenes" aria-label="Permalink to &quot;Les jeux sur navigateur devenus des phénomènes&quot;"></a></h3>
<p><strong>Agar.io</strong> (2015) a prouvé que le multijoueur sur navigateur pouvait toucher des millions de personnes. À son apogée, il comptait plus de 100 000 joueurs simultanés répartis entre ses serveurs. Le jeu est en 2D et ses mécaniques sont simples (grandir en absorbant des cellules plus petites), mais son architecture réseau gère une concurrence massive grâce au partitionnement spatial. Chaque serveur gère une région du monde du jeu. Les joueurs ne reçoivent que les mises à jour concernant les entités présentes dans leur champ de vision. C’est le même modèle de gestion de l’intérêt que celui nécessaire à un monde ouvert 3D, mais appliqué à la 2D.</p>
<p><strong>Slither.io</strong> s’est appuyé sur le succès d’Agar.io et a prouvé que le modèle pouvait passer à l’échelle. Il a atteint 67 millions d’utilisateurs actifs mensuels à son apogée. Le jeu utilise WebSocket pour synchroniser les positions en temps réel et le partitionnement spatial pour limiter le trafic réseau. Un détail mérite d’être relevé : la détection des collisions côté serveur de Slither.io fonctionne à une fréquence de tick plus faible pour les joueurs éloignés (5 Hz) que pour les joueurs proches (30 Hz). Cette fréquence de tick variable selon la distance est applicable à un monde ouvert 3D.</p>
<p><strong>Surviv.io</strong> était un battle royale sur navigateur qui a atteint 50 millions de joueurs mensuels avant son rachat par Kongregate. Il faisait tourner dans le navigateur une partie complète de battle royale à 80 joueurs, avec une physique en réseau en temps réel, des environnements destructibles et le ramassage d’objets. La carte était agencée de façon procédurale à partir de modèles de bâtiments prédéfinis, un modèle que nous pourrions utiliser pour les structures placées par les créateurs.</p>
<p><strong>Zombs Royale</strong> faisait fonctionner un battle royale à 100 joueurs dans le navigateur, avec des temps de chargement courts et un réseau réactif. Comme Surviv.io, il a prouvé que les jeux sur navigateur en temps réel accueillant un grand nombre de joueurs sont commercialement viables, et pas seulement techniquement possibles.</p>
<p>Le point commun de tous ces succès sur navigateur : ils se chargent rapidement (en moins de 5 secondes), fonctionnent sur n’importe quel appareil, adoptent un style graphique simple mais cohérent et disposent d’un réseau optimisé pour leur gameplay particulier (partitionnement spatial, fréquences de mise à jour variables et élimination agressive des états distants).</p>
<h3 id="runescape-un-mmo-passe-au-navigateur" tabindex="-1">RuneScape : un MMO passé au navigateur <a class="header-anchor" href="#runescape-un-mmo-passe-au-navigateur" aria-label="Permalink to &quot;RuneScape : un MMO passé au navigateur&quot;"></a></h3>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/YX7VjGC-2q4" title="Bande-annonce du lancement d’Old School RuneScape sur Steam" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">RuneScape : un MMO complet avec plus de 20 ans de contenu fonctionnant dans un onglet de navigateur. Protocole binaire personnalisé, streaming par tuiles, 2 000 joueurs simultanés par serveur. La preuve que les MMO sur navigateur fonctionnent à grande échelle.</div>
<p>RuneScape est l’étude de cas la plus importante pour un monde ouvert sur navigateur, car cette transition a réellement eu lieu. Jagex a transféré dans le navigateur un MMO entier contenant 20 ans de contenu.</p>
<p>À l’origine, RuneScape fonctionnait sous forme d’applet Java. Lorsque les navigateurs ont abandonné la prise en charge de Java, Jagex a réécrit le client en C++ et a également publié un client HTML5/WebGL entièrement fonctionnel. Old School RuneScape (la version rétro) fonctionne désormais entièrement dans le navigateur grâce à un client compilé en WebAssembly via Emscripten. Le jeu gère de vastes mondes persistants, un multijoueur en temps réel réunissant des centaines de joueurs par serveur, une économie avec un Grand Marché opérationnel (hôtel des ventes), ainsi que 23 compétences dotées de systèmes de progression approfondis.</p>
<p><strong>Détails techniques importants :</strong></p>
<ul>
<li>Le monde est divisé en carrés de carte (des régions de 64x64 tuiles). Le client charge autour du joueur une grille de régions de 13x13 (104x104 tuiles visibles). Les régions situées hors de cette grille sont entièrement éliminées du rendu.</li>
<li>Le terrain repose sur des tuiles, avec une valeur de hauteur pour chaque coin de tuile. Les surcouches de terrain (chemins, rives, transitions vers les plages) utilisent un système de formes avec 12 variantes de rotation par forme. Ce système est plus contraint qu’une carte de hauteur, mais il est extrêmement compact et rapide à transmettre en streaming.</li>
<li>Le protocole réseau est un format binaire personnalisé transmis via WebSocket. Chaque type de paquet possède une structure définie. Les mises à jour de position des joueurs utilisent 2 octets pour les coordonnées des carrés de carte et un encodage de longueur variable pour le type de déplacement. Les événements de discussion, d’échange et de combat disposent de leurs propres formats binaires compacts. L’ensemble du protocole est fortement optimisé pour réduire au minimum la bande passante.</li>
<li>Le rendu des objets utilise un système de modèles dans lequel le serveur envoie un identifiant de modèle et le client affiche le modèle mis en cache. La plupart des modèles ne sont chargés qu’une fois, puis réutilisés. Le monde est donc transmis sous forme de métadonnées (quel modèle placer à quel endroit), plutôt que sous forme de géométrie.</li>
<li>Chaque instance de serveur gère 2 000 joueurs simultanés dans l’ensemble du monde du jeu. Le monde n’est pas partitionné géographiquement entre plusieurs shards. Un seul processus serveur gère tous les joueurs, tous les PNJ et toute la logique du jeu selon un tick de 600 ms. Cela fonctionne parce que la logique de jeu reste simple à chaque tick : traiter les actions des joueurs, mettre à jour l’IA des PNJ, résoudre les combats et diffuser les changements d’état.</li>
</ul>
<p><strong>Ce que RuneScape prouve dans notre cas :</strong> Un MMO complet avec un état persistant du monde, des milliers de joueurs, des systèmes de jeu complexes et une économie réelle peut fonctionner dans un onglet de navigateur. Le client nécessite moins de 50 Mo de téléchargement, se charge en quelques secondes et fonctionne sur des ordinateurs portables. Si un MMO Java vieux de 20 ans peut réussir cette transition, un monde conçu dès le départ pour le navigateur rencontre encore moins de contraintes.</p>
<p><strong>Les limites de l’approche de RuneScape pour notre projet :</strong> Le rendu de RuneScape utilise une vue isométrique avec caméra fixe, et non une 3D à la première ou à la troisième personne. Sa fidélité visuelle est faible selon les normes actuelles. De plus, le monde ne peut pas être modifié par les créateurs. Mais l’architecture réseau, le streaming par tuiles et la preuve que les MMO sur navigateur peuvent fidéliser des joueurs pendant des décennies sont directement pertinents.</p>
<h3 id="habbo-hotel-des-espaces-sociaux-qui-durent-depuis-25-ans" tabindex="-1">Habbo Hotel : des espaces sociaux qui durent depuis 25 ans <a class="header-anchor" href="#habbo-hotel-des-espaces-sociaux-qui-durent-depuis-25-ans" aria-label="Permalink to &quot;Habbo Hotel : des espaces sociaux qui durent depuis 25 ans&quot;"></a></h3>
<p>Habbo Hotel a été lancé en 2000 et fonctionne toujours. C’est un monde social isométrique en 2D dans lequel les utilisateurs créent et décorent des pièces, visitent celles d’autres personnes et discutent. À son apogée, il comptait 9 millions d’utilisateurs mensuels. L’ensemble de l’expérience fonctionnait sous Flash (désormais en HTML5 depuis l’abandon de Flash).</p>
<p>Habbo est important en raison de la longévité de sa communauté de créateurs. Son système de pièces est en pratique une version 2D de ce que nous construisons : les utilisateurs placent des meubles sur une grille, personnalisent l’agencement et invitent d’autres personnes à venir leur rendre visite. Le modèle économique, dans lequel les utilisateurs achètent des meubles virtuels avec de l’argent réel, a généré plus d’un milliard de dollars de revenus depuis le lancement.</p>
<p><strong>Les enseignements de Habbo :</strong></p>
<ul>
<li>Des espaces organisés en pièces avec des intérieurs créés par les utilisateurs peuvent servir de plateforme sociale pendant des décennies si les outils de création sont simples et les fonctionnalités sociales robustes.</li>
<li>Une économie de meubles virtuels favorise l’engagement à long terme. Les utilisateurs achètent, échangent et collectionnent des objets. Ceux-ci n’ont aucune utilité en matière de gameplay. Ils servent uniquement à l’expression personnelle et au statut social.</li>
<li>La modération des espaces sociaux exige un investissement constant. Habbo a traversé plusieurs crises de modération. Le filtrage automatisé du contenu, associé à des modérateurs humains et à un système de signalement communautaire, constitue le strict minimum viable.</li>
<li>La transition de Flash vers HTML5 (achevée vers 2020-2021) a prouvé qu’un vaste monde social pouvait changer de technologie de rendu sans perdre sa communauté. Les utilisateurs tiennent à leurs pièces et à leurs amis, pas à la technologie sous-jacente.</li>
</ul>
<h3 id="among-us-et-les-jeux-sociaux-spatialises" tabindex="-1">Among Us et les jeux sociaux spatialisés <a class="header-anchor" href="#among-us-et-les-jeux-sociaux-spatialises" aria-label="Permalink to &quot;Among Us et les jeux sociaux spatialisés&quot;"></a></h3>
<p>Among Us n’est pas un monde ouvert, mais son succès a révélé un élément important au sujet des espaces multijoueurs : les joueurs veulent partager un même lieu, et pas seulement participer au même jeu. Les mods de discussion vocale spatialisée par proximité devenus viraux ont montré que le fait de se trouver dans la même pièce virtuelle avec un son directionnel transforme le multijoueur, qui cesse d’être une simple mécanique de jeu pour devenir une expérience sociale.
Des fonctionnalités sociales spatiales qui enrichissent un monde de créateurs :</p>
<ul>
<li><strong>Chat vocal de proximité</strong> dont le volume diminue avec la distance. Approchez-vous de quelqu’un pour lui parler. Éloignez-vous et sa voix s’atténue. Cela crée naturellement des groupes sociaux sans nécessiter de gérer des canaux vocaux.</li>
<li><strong>Systèmes d’émotes et de gestes</strong> permettant aux joueurs de s’exprimer sans utiliser leur voix. Un signe de la main, une danse, un geste pour montrer quelque chose. Ils sont peu coûteux à mettre en œuvre (des animations sur l’avatar du joueur) et augmentent considérablement l’engagement social.</li>
<li><strong>Activités partagées</strong> se déroulant dans le monde (et non par l’intermédiaire de menus), qui transforment un espace en lieu de rencontre. Si deux créateurs peuvent s’asseoir à une table virtuelle et examiner ensemble des modèles 3D, le monde a une raison d’exister au-delà de la simple présentation de contenu statique.</li>
</ul>
<h3 id="les-jeux-par-navigateur-qui-ont-rencontre-le-succes-sur-poki-et-crazygames" tabindex="-1">Les jeux par navigateur qui ont rencontré le succès sur Poki et CrazyGames <a class="header-anchor" href="#les-jeux-par-navigateur-qui-ont-rencontre-le-succes-sur-poki-et-crazygames" aria-label="Permalink to &quot;Les jeux par navigateur qui ont rencontré le succès sur Poki et CrazyGames&quot;"></a></h3>
<p>Poki et CrazyGames accueillent ensemble plus de 150 millions de joueurs par mois. Les jeux les plus performants sur ces plateformes donnent un aperçu de ce qui fonctionne spécifiquement dans un navigateur.</p>
<p><strong>Caractéristiques récurrentes des jeux les plus performants sur les portails de jeux par navigateur :</strong></p>
<ul>
<li>Lancement instantané (moins de 3 secondes avant de pouvoir interagir). Aucune connexion requise. Aucun tutoriel requis. Le jeu doit être compréhensible dans les 5 secondes suivant l’arrivée du joueur.</li>
<li>Sessions flexibles. Les joueurs viennent pour 2 minutes ou 2 heures. Le jeu s’adapte aux deux cas. Pour un monde de créateurs, cela signifie que le monde doit pouvoir être exploré sans exiger un engagement sur toute une session. Se promener, découvrir des choses intéressantes, puis repartir. Ou rester et construire pendant des heures.</li>
<li>Compatibilité mobile. Plus de 60 % du trafic de Poki provient des appareils mobiles. Un monde dans le navigateur qui ne fonctionne que sur ordinateur perd la majorité de ses visiteurs potentiels.</li>
<li>Fonctionnalités sociales ne nécessitant pas d’amis. Classements, réactions au contenu des autres joueurs, fonctionnalités asynchrones (voir ce que d’autres joueurs ont construit sans être en ligne au même moment).</li>
</ul>
<p>Les jeux 3D les plus populaires sur ces portails (comme Shell Shockers, 1v1.LOL et Smash Karts) utilisent peu de polygones, des textures simples et une fréquence d’images élevée. Ils prouvent que les joueurs acceptent des graphismes simples si l’expérience est fluide et réactive.</p>
<h3 id="plateformes-de-creation-dans-le-navigateur" tabindex="-1">Plateformes de création dans le navigateur <a class="header-anchor" href="#plateformes-de-creation-dans-le-navigateur" aria-label="Permalink to &quot;Plateformes de création dans le navigateur&quot;"></a></h3>
<p><strong>Hubs par Mozilla (désormais maintenu par la communauté).</strong> Des espaces 3D multi-utilisateurs dans le navigateur, construits avec Three.js et A-Frame. La plateforme prend en charge le chat vocal, les avatars et les objets partagés. Ce n’est pas un monde ouvert (elle repose sur des salles), mais son architecture réseau et de rendu est pertinente. Mozilla l’a publiée en open source avant de fermer le service hébergé, de sorte que l’intégralité du code source peut être étudiée. <a href="https://github.com/mozilla/hubs" target="_blank" rel="noreferrer">GitHub</a>.</p>
<p><strong>Hyperfy.</strong> Une plateforme de métavers web fonctionnant entièrement dans le navigateur. Rendu Three.js, multijoueur, personnalisation des avatars et construction de mondes. Elle est plus proche de notre objectif que Hubs, car elle met l’accent sur les outils de création. Les mondes se chargent dans un onglet du navigateur sans nécessiter de téléchargement. <a href="https://hyperfy.io" target="_blank" rel="noreferrer">hyperfy.io</a>.</p>
<p><strong>Ethereal Engine (anciennement XREngine).</strong> Un moteur open source pour les mondes multi-utilisateurs, construit avec Three.js et bitECS. Il prend en charge WebXR, l’audio spatial et l’édition de mondes. Il intègre une architecture ECS, une couche réseau et des outils d’édition. C’est le projet open source existant qui se rapproche le plus de ce que nous décrivons. Il mérite d’être étudié pour comprendre comment bitECS est intégré à Three.js afin de gérer les entités, ainsi que la manière dont son système réseau gère l’état spatial. <a href="https://github.com/EtherealEngine/etherealengine" target="_blank" rel="noreferrer">GitHub</a>.</p>
<p><strong>Dusk (anciennement Rune).</strong> Un SDK de jeux multijoueurs pour les jeux web. Il prend en charge la couche réseau afin que les développeurs puissent se concentrer sur le gameplay. Son approche de synchronisation utilise un état prédit avec réconciliation par le serveur, le modèle standard pour obtenir un multijoueur réactif. Le SDK masque la complexité du netcode avec retour en arrière. Il mérite d’être étudié pour la qualité de son expérience développeur.</p>
<p><strong>Niantic Studio.</strong> Un éditeur visuel dans le navigateur et un moteur de jeux web (successeur des outils de 8th Wall) permettant de créer des expériences 3D et XR que d’autres peuvent visiter dans leur navigateur. Il démontre que des créateurs sans compétences techniques peuvent construire des scènes 3D dans un navigateur si les outils sont accessibles. (Niantic a séparé ses activités géospatiales au sein de Niantic Spatial et vendu en 2025 sa division de jeux, dont Pokémon GO, à Scopely.)</p>
<p><strong>PlayCanvas Editor.</strong> Ce n’est pas un jeu en soi, mais l’éditeur 3D de PlayCanvas dans le cloud démontre que des outils collaboratifs de construction de mondes peuvent fonctionner dans un navigateur. Plusieurs membres d’une équipe modifient simultanément la même scène. L’éditeur communique les changements par l’intermédiaire d’une couche de synchronisation en temps réel. C’est le modèle de création collaborative dont nous aurions besoin, à ceci près que notre monde servirait de canevas à la place d’un éditeur de jeux.</p>
<h3 id="plateformes-de-creation-natives-enseignements-pour-le-navigateur" tabindex="-1">Plateformes de création natives (enseignements pour le navigateur) <a class="header-anchor" href="#plateformes-de-creation-natives-enseignements-pour-le-navigateur" aria-label="Permalink to &quot;Plateformes de création natives (enseignements pour le navigateur)&quot;"></a></h3>
<p>Ces plateformes fonctionnent comme des applications natives, mais leurs choix de conception en matière d’outils de création, de persistance des mondes et de dynamiques sociales sont directement applicables.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/mUgtVhbSiNM" title="Plateforme de création Roblox" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Roblox : plus de 80 millions d’utilisateurs quotidiens, 740 millions de dollars versés aux créateurs en 2023. La création s’effectue dans le moteur. La découverte est sociale. Un modèle économique qui prouve que les plateformes de création peuvent être viables.</div>
<p><strong>Roblox</strong> est la référence la plus importante pour un monde de créateurs. Plus de 80 millions d’utilisateurs actifs quotidiens. Les créateurs construisent des expériences 3D complètes (jeux, espaces sociaux, boutiques) que d’autres joueurs visitent. La plateforme prend en charge l’hébergement, le réseau, la découverte et la monétisation.</p>
<p>Ce que Roblox réussit :</p>
<ul>
<li><strong>La création s’effectue dans le moteur.</strong> Roblox Studio est le même environnement que celui dont font l’expérience les joueurs. Les créateurs testent immédiatement leur travail. Il n’existe aucun cycle d’exportation, de téléversement et d’attente. Pour un monde dans le navigateur, l’éditeur devrait être le monde lui-même.</li>
<li><strong>La programmation est accessible.</strong> Lua (le langage de script de Roblox) est suffisamment simple pour que des enfants puissent l’apprendre. Des comportements complexes sont possibles, mais facultatifs. Le seuil d’entrée est bas et les possibilités sont vastes.</li>
<li><strong>La découverte est sociale.</strong> Vous trouvez des expériences parce que vos amis y jouent. La page d’accueil présente les expériences populaires. Pour un monde dans le navigateur, le monde lui-même constitue l’espace de découverte. Vous l’explorez et trouvez des choses en vous promenant.</li>
<li><strong>La monétisation fonctionne.</strong> Les créateurs gagnent de l’argent réel (Roblox leur a versé 740 millions de dollars en 2023). Cela attire des efforts créatifs sérieux. Sans incitation économique, les plateformes de création deviennent des projets amateurs qui finissent par disparaître.</li>
<li><strong>Le moteur de rendu de Roblox est propriétaire</strong> et fonctionne dans une application native, pas dans un navigateur. Toutefois, les budgets d’assets par expérience restent modestes selon les normes actuelles (100 Mo maximum recommandés). La plupart des expériences Roblox à succès utilisent une direction artistique stylisée en low poly, ce qui correspond aux contraintes de rendu dans un navigateur.</li>
</ul>
<p><strong>Fortnite Creative / UEFN (Unreal Editor for Fortnite).</strong> Epic a mis l’éditeur complet d’Unreal Engine à la disposition des créateurs de Fortnite. Il en résulte une plateforme où chacun peut construire des îles (des mondes autonomes) à l’aide d’outils de qualité professionnelle. Fortnite prend en charge l’hébergement, le multijoueur et la distribution.</p>
<p>Enseignements pertinents :</p>
<ul>
<li><strong>Les outils professionnels attirent du contenu professionnel.</strong> UEFN produit des expériences visuellement impressionnantes parce que les créateurs ont accès à toutes les fonctionnalités d’UE5. La contrepartie est la complexité. La courbe d’apprentissage d’UEFN est raide.</li>
<li><strong>L’instanciation par îles</strong> (chaque création constitue un monde distinct) évite les problèmes de modération et de conflits propres à un monde partagé unique. Mais elle signifie aussi que les créateurs ne découvrent pas naturellement le travail des autres en explorant. On visite les îles par l’intermédiaire de menus, pas en se promenant.</li>
<li><strong>Le modèle économique fonctionne.</strong> Le programme de création de Fortnite rémunère en fonction de l’engagement. Les meilleurs créateurs gagnent des millions par an. Là encore, l’incitation économique favorise la qualité.</li>
</ul>
<p><strong>Dreams (Media Molecule / PlayStation).</strong> Dreams a offert aux joueurs sur console une suite complète de création 3D (modélisation, animation, musique, logique, conception de niveaux) ainsi qu’une plateforme pour partager leurs créations. En matière de profondeur des outils, c’est la plateforme de création la plus ambitieuse jamais conçue.</p>
<p>Enseignements pertinents :</p>
<ul>
<li><strong>Modélisation par sculpture</strong> plutôt que par édition de polygones. Les créateurs façonnent des volumes souples avec des outils de déplacement, de saisie et de lissage, à la manière de ZBrush, mais de façon plus intuitive. La courbe d’apprentissage est progressive. Cette approche se prête bien à la création dans le navigateur, car elle ne nécessite pas de comprendre les sommets et les cartes UV.</li>
<li><strong>Chaque élément est un asset partagé.</strong> Si quelqu’un crée un modèle d’arbre, n’importe qui peut l’utiliser dans sa propre création (avec attribution). Cela crée un écosystème créatif cumulatif dans lequel chaque création augmente la valeur de la plateforme.</li>
<li><strong>Dreams a connu des difficultés commerciales</strong> malgré l’enthousiasme de la critique. Le problème venait de la distribution : il était limité à PlayStation, et les outils de création étaient si poussés que la plupart des joueurs ne dépassaient jamais le stade de la consommation de contenu. La leçon : les outils de création doivent être suffisamment simples pour que la majorité des utilisateurs les essaient, même si seule une minorité devient réellement bâtisseuse.</li>
</ul>
<p><strong>Core (Manticore Games).</strong> Une plateforme gratuite permettant de créer et de jouer à des jeux multijoueurs, construite avec Unreal Engine et dotée d’un éditeur simplifié. L’éditeur de Core fonctionne comme une application native, mais sa philosophie est pertinente. Des modèles et des scripts partagés par la communauté permettent aux débutants d’assembler des jeux à partir de composants préfabriqués. Les créateurs expérimentés peuvent écrire des scripts Lua afin de concevoir des comportements personnalisés. Core a eu du mal à attirer un large public, en partie parce qu’il fallait passer par son lanceur pour jouer. Une version dans le navigateur n’aurait pas cette friction.</p>
<p><strong>VRChat</strong> et <strong>Rec Room</strong> sont des plateformes sociales dans lesquelles les créateurs construisent des espaces que d’autres visitent. VRChat utilise Unity et fonctionne sur PC et en VR. Rec Room fonctionne partout, y compris sur mobile. Les deux prouvent que les mondes 3D générés par les utilisateurs peuvent entretenir de grandes communautés. VRChat est plus impressionnant techniquement (shaders personnalisés, avatars complexes). Rec Room est plus accessible (outils de création intégrés à l’application, graphismes plus simples, prise en charge d’un plus grand nombre de plateformes). Pour un monde dans le navigateur, l’approche de Rec Room fondée sur des outils de création simples et intégrés à l’application est plus pertinente que le workflow de VRChat reposant sur des outils externes.</p>
<div class="video-embed">
<iframe src="https://www.youtube.com/embed/E5HCeVCjCXo" title="Second Life : votre monde, votre imagination" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="game-caption">Second Life : lancé en 2003, toujours actif avec plus de 200 000 utilisateurs quotidiens. Entièrement créé par les utilisateurs. Propriété fondée sur des parcelles, économie virtuelle représentant environ 500 millions de dollars par an. 20 ans d’enseignements sur la persistance et la modération.</div>
<p><strong>Second Life</strong> est l’ancêtre de tous les mondes de créateurs. Lancé en 2003, il fonctionne toujours et compte plus de 200 000 utilisateurs actifs quotidiens. Le monde entier est créé par les utilisateurs. Les terrains sont possédés et échangés. Les créateurs vendent des objets, des vêtements et des bâtiments. Le langage de script intégré au monde (LSL) permet de créer du contenu interactif.</p>
<p>Ce que Second Life nous enseigne après plus de 20 ans :</p>
<ul>
<li><strong>La persistance compte davantage que les graphismes.</strong> Les visuels de Second Life sont datés, mais le monde persiste. Les créations restent là où vous les placez. Les relations et l’histoire s’accumulent. C’est cette persistance qui incite les gens à revenir.</li>
<li><strong>L’économie stimule la création.</strong> Le PIB de Second Life est estimé à 500 millions de dollars par an. Les créateurs construisent parce qu’ils peuvent vendre. Sans incitation économique, le volume et la qualité du contenu créé par les utilisateurs diminuent.</li>
<li><strong>Le contenu généré par les utilisateurs nécessite une infrastructure de modération.</strong> Second Life fait face à des problèmes de modération depuis 20 ans. Toute plateforme où les utilisateurs peuvent placer du contenu arbitraire dans un espace partagé a besoin d’analyses automatisées, d’outils de signalement et d’une vérification humaine.</li>
<li><strong>L’organisation spatiale fondée sur des terrains fonctionne.</strong> Second Life divise son monde en parcelles appartenant aux utilisateurs. Chaque parcelle dispose d’une limite de primitives (objets). Cela empêche naturellement un créateur unique de consommer toutes les ressources. Pour un monde dans le navigateur, le modèle équivalent serait une propriété fondée sur des chunks, avec un budget d’objets par chunk.</li>
</ul>
<h2 id="analyse-comparative-ce-que-chaque-jeu-nous-enseigne" tabindex="-1">Analyse comparative : ce que chaque jeu nous enseigne <a class="header-anchor" href="#analyse-comparative-ce-que-chaque-jeu-nous-enseigne" aria-label="Permalink to &quot;Analyse comparative : ce que chaque jeu nous enseigne&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Jeu</th>
<th>Leçon clé</th>
<th>Technologies applicables</th>
<th>Risque si elle est ignorée</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Skyrim</strong></td>
<td>Streaming par chunks avec une grille de cellules</td>
<td>Terrain par heightmap, niveaux de LOD, séparation des intérieurs et des extérieurs</td>
<td>Le monde ne tient pas dans la mémoire du navigateur</td>
</tr>
<tr>
<td><strong>The Witcher 3</strong></td>
<td>Composition du monde en couches par des équipes distinctes</td>
<td>Streaming sensible au contenu, rendu par imposteurs</td>
<td>Les créateurs ne peuvent pas travailler indépendamment</td>
</tr>
<tr>
<td><strong>Breath of the Wild</strong></td>
<td>Les règles systémiques surpassent le contenu scripté</td>
<td>Système d’interaction entre matériaux, gameplay fondé sur la physique</td>
<td>Le monde paraît statique et sans vie</td>
</tr>
<tr>
<td><strong>GTA V</strong></td>
<td>La vie ambiante rend les mondes crédibles</td>
<td>Systèmes de comportement des PNJ, circulation, cycle horaire</td>
<td>Le monde du créateur ressemble à un musée vide</td>
</tr>
<tr>
<td><strong>Elden Ring</strong></td>
<td>Variation de la densité et réutilisation des ressources</td>
<td>Bibliothèque de ressources modulaires, zones clairsemées et denses</td>
<td>Le monde est soit trop vide, soit trop coûteux à remplir</td>
</tr>
<tr>
<td><strong>No Man's Sky</strong></td>
<td>La génération procédurale pour la toile, le contenu des créateurs pour l’âme</td>
<td>Terrain fondé sur une graine, modèle de données compact pour les bases</td>
<td>Un terrain infini, mais ennuyeux</td>
</tr>
<tr>
<td><strong>Minecraft</strong></td>
<td>Monde entièrement modifiable, outils simples, profondeur infinie</td>
<td>Streaming par chunks, compression par palette, protocole de modification des blocs</td>
<td>Les créateurs ne peuvent pas remodeler le monde lui-même</td>
</tr>
<tr>
<td><strong>Roblox</strong></td>
<td>La création se fait dans le moteur, l’économie stimule la qualité</td>
<td>Éditeur intégré au monde, monétisation des créateurs</td>
<td>Personne ne construit faute de motivation</td>
</tr>
<tr>
<td><strong>Krunker.io</strong></td>
<td>Le contenu généré par les utilisateurs fonctionne à grande échelle dans le navigateur avec des outils simples</td>
<td>Rendu Three.js, éditeur à base de voxels, place de marché</td>
<td>Les outils de création sont trop complexes pour les créateurs occasionnels</td>
</tr>
<tr>
<td><strong>Hordes.io</strong></td>
<td>Plus de 200 joueurs en 3D dans le navigateur, projet viable pour un développeur solo</td>
<td>WebGL personnalisé, culling spatial, direction artistique stylisée</td>
<td>Surdimensionnement de la couche multijoueur</td>
</tr>
<tr>
<td><strong>Vuntra City (référence native)</strong></td>
<td>Un streaming adapté à la vitesse et une simulation du monde à deux niveaux assurent la cohérence d’une immense ville procédurale</td>
<td>Politique de LOD liée à la vélocité, couche de requêtes topologiques, simulation planifiée à longue distance et comportements à courte distance</td>
<td>Les déplacements à grande vitesse provoquent des apparitions soudaines et des pics de simulation</td>
</tr>
<tr>
<td><strong>Agar.io / Slither.io</strong></td>
<td>Le partitionnement spatial permet une concurrence massive</td>
<td>Fréquence de tick variable selon la distance, gestion des zones d’intérêt</td>
<td>Le réseau s’effondre à grande échelle</td>
</tr>
<tr>
<td><strong>Second Life</strong></td>
<td>La persistance et l’économie entretiennent des communautés pendant 20 ans</td>
<td>Propriété par parcelles, budgets d’objets, place de marché</td>
<td>Aucune rétention à long terme</td>
</tr>
<tr>
<td><strong>Dreams</strong></td>
<td>La création par sculpture est plus intuitive que l’édition polygonale</td>
<td>Modélisation volumique, bibliothèque de ressources partagée</td>
<td>Les outils de création ressemblent à un logiciel de CAO</td>
</tr>
<tr>
<td><strong>Fortnite Creative</strong></td>
<td>Les outils professionnels attirent du contenu professionnel</td>
<td>Capacités complètes d’un éditeur au sein de la plateforme</td>
<td>Le plafond de qualité du contenu est trop bas</td>
</tr>
<tr>
<td><strong>RuneScape</strong></td>
<td>Un MMO complet fonctionne dans le navigateur grâce à Wasm et aux protocoles binaires</td>
<td>Emscripten, protocole WebSocket binaire personnalisé, streaming par tuiles</td>
<td>Sous-estimation des capacités des navigateurs</td>
</tr>
<tr>
<td><strong>Habbo Hotel</strong></td>
<td>La création simple de pièces entretient une communauté depuis 25 ans</td>
<td>Placement sur grille, économie de mobilier virtuel</td>
<td>Complexification excessive des outils de création</td>
</tr>
</tbody>
</table>
<p>Les jeux qui comptent le plus pour notre cas précis — un projet multijoueur dans le navigateur centré sur les créateurs — sont Minecraft pour son monde modifiable et ses données compactes, Roblox pour sa création intégrée au moteur et son économie, Krunker pour son contenu généré par les utilisateurs à grande échelle dans le navigateur, et Hordes.io pour son architecture de MMO jouable dans un navigateur. Les titres AAA comme Skyrim, BotW et The Witcher 3 nous enseignent le rendu et le streaming. Les succès sur navigateur comme Agar.io, Slither.io et Surviv.io nous enseignent la mise à l’échelle du réseau. Les plateformes de création comme Roblox, Dreams et Second Life nous enseignent les dynamiques communautaires. Vuntra City apporte en outre une référence actuelle, au niveau de l’implémentation, pour le streaming adapté à la vitesse, la navigation diégétique et les modèles de simulation de millions d’agents dans une ville procédurale moderne.</p>
<h2 id="a-quoi-ressembleraient-skyrim-et-the-witcher-dans-un-navigateur" tabindex="-1">À quoi ressembleraient Skyrim et The Witcher dans un navigateur <a class="header-anchor" href="#a-quoi-ressembleraient-skyrim-et-the-witcher-dans-un-navigateur" aria-label="Permalink to &quot;À quoi ressembleraient Skyrim et The Witcher dans un navigateur&quot;"></a></h2>
<p>Prenons un exemple concret. Si vous reconstruisiez Blancherive, dans Skyrim, pour une diffusion par navigateur :</p>
<p><strong>Terrain :</strong> La région autour de Blancherive mesure environ 2 km sur 2 km. Avec des chunks de 64 m, cela représente environ 32 x 32 = 1 024 chunks. À raison de 2 à 4 Ko par heightmap de chunk, cela donne 2 à 4 Mo de données de terrain. Les textures du terrain — herbe, terre, roche et neige — sous forme de tuiles d’atlas KTX2 pourraient ajouter 5 Mo. Total pour le terrain : moins de 10 Mo pour toute la région.</p>
<p><strong>Structures :</strong> Blancherive compte peut-être 40 à 50 bâtiments. Chaque bâtiment, sous forme de GLB optimisé avec 3 niveaux de LOD, pourrait peser entre 200 et 500 Ko au niveau de détail maximal. Mais vous n’avez besoin du niveau de détail maximal que pour les 5 à 10 bâtiments les plus proches. Les autres utilisent un LOD moyen ou faible, à raison de 50 à 100 Ko chacun. Total des structures visibles à un instant donné : 2 à 5 Mo.</p>
<p><strong>Végétation :</strong> Les arbres et l’herbe autour de Blancherive sont tous instanciés. Il suffit peut-être de 10 modèles d’arbres uniques — 200 Ko chacun au LOD maximal et 20 Ko sous forme d’imposteurs billboard — ainsi que d’un système d’herbe qui génère les brins sur le GPU à partir d’une carte de densité. Total des ressources de végétation : 2 à 3 Mo. Données d’instanciation — positions, rotations et échelles — pour une zone de 5 x 5 chunks : moins de 500 Ko.</p>
<p><strong>PNJ :</strong> Blancherive compte environ 70 PNJ nommés, auxquels s’ajoutent les gardes. Chaque avatar de qualité moyenne pèse entre 100 et 200 Ko. Mais seuls 10 à 20 d’entre eux sont visibles à un instant donné. Total des données de rendu des PNJ : 2 à 4 Mo.</p>
<p><strong>Total général pour une zone de la taille de Blancherive visible à un instant donné : 15 à 25 Mo.</strong> C’est tout à fait viable dans un navigateur. Le chargement initial afficherait le terrain et les structures principales en 3 à 5 secondes sur une connexion haut débit, puis les détails apparaîtraient progressivement au cours des secondes suivantes.</p>
<p>Novigrad, dans The Witcher 3, est plus grande et plus dense, mais les mêmes principes s’appliquent. Il faudrait un LOD et un streaming plus agressifs, mais le volume total de données visibles à un instant donné resterait dans les limites de mémoire du navigateur.</p>
<h2 id="ce-que-nous-construirions-en-premier" tabindex="-1">Ce que nous construirions en premier <a class="header-anchor" href="#ce-que-nous-construirions-en-premier" aria-label="Permalink to &quot;Ce que nous construirions en premier&quot;"></a></h2>
<p>Un monde ouvert complet est un projet de plusieurs années. Voici comment mettre rapidement quelque chose de concret entre les mains des créateurs :</p>
<p><strong>Phase 1 : île partagée (3 mois).</strong> Un seul chunk de terrain — une île de 512 x 512 m — avec terrain par heightmap, eau, végétation de base et cycle jour/nuit. Multijoueur via Durable Objects, jusqu’à 50 utilisateurs simultanés. Les créateurs peuvent placer des ressources 3D générées par IA issues de leur bibliothèque Cinevva existante. Imaginez un diorama partagé.</p>
<p><strong>Phase 2 : monde extensible (3 mois).</strong> Streaming par chunks pour un monde de 4 x 4 km. Parcelles appartenant aux créateurs et sur lesquelles ils disposent de droits de modification. Système de LOD pour le terrain et les objets. État persistant du monde. Jusqu’à 200 utilisateurs simultanés répartis dans le monde.</p>
<p><strong>Phase 3 : monde vivant (6 mois).</strong> Sculpture du terrain assistée par IA. Végétation et atmosphère procédurales. Système de quêtes et d’événements permettant aux créateurs de concevoir des expériences interactives plutôt que de simples scènes statiques. Chat vocal. Personnalisation des avatars. Le monde devient une destination, et non plus une démonstration.</p>
<h2 id="questions-ouvertes" tabindex="-1">Questions ouvertes <a class="header-anchor" href="#questions-ouvertes" aria-label="Permalink to &quot;Questions ouvertes&quot;"></a></h2>
<p><strong>Direction artistique.</strong> Un style stylisé — low-poly ou cel-shading — est moins coûteux à rendre et tolère mieux les ressources générées par IA. Un style réaliste exige des ressources de meilleure qualité et un budget de rendu supérieur. Skyrim fonctionnait malgré des graphismes vieillissants parce que sa direction artistique était cohérente. BotW est magnifique sur un matériel de classe tablette, car son style cel-shading masque le faible nombre de polygones. Minecraft utilise des textures de 16 x 16 et reste l’un des jeux les plus reconnaissables jamais créés. Krunker.io et Hordes.io réussissent tous deux dans le navigateur avec des graphismes stylisés simples. Les éléments disponibles favorisent très nettement une direction stylisée pour un monde dans le navigateur. Nous devons choisir tôt une identité visuelle précise et imposer sa cohérence à toutes les ressources générées par IA.</p>
<p><strong>Persistance du monde ou instances.</strong> Tout le monde partage-t-il un même monde, comme dans un MMO ou Second Life, ou chaque créateur dispose-t-il de sa propre instance que les autres peuvent visiter, comme les serveurs Minecraft ou les îles Fortnite ? La technologie prend en charge les deux modèles, mais leurs dynamiques sociales sont complètement différentes. Le monde partagé persistant de Second Life favorise les découvertes fortuites : on tombe sur le travail d’autres personnes simplement en se promenant. Les îles instanciées de Fortnite nécessitent un menu ou un système de portails pour être découvertes. Roblox utilise une approche fondée sur un hub : les jeux sont séparés, mais une interface commune permet de les parcourir et de les découvrir. Un modèle hybride pourrait fonctionner : un monde extérieur partagé et persistant dans lequel les créateurs possèdent des parcelles, comme dans Second Life, avec la possibilité d’accéder à des expériences autonomes par des portails.</p>
<p><strong>Profondeur des outils de création.</strong> Dreams a prouvé que des outils de création approfondis impressionnent les critiques, mais intimident les utilisateurs. Townscaper a prouvé que des outils minimaux peuvent se vendre à un million d’exemplaires. Roblox Studio occupe une position intermédiaire : assez simple pour les enfants, assez riche pour les professionnels. L’éditeur de voxels de Krunker est encore plus simple. Pour un monde dans le navigateur, nous devrions commencer par une simplicité comparable à celle de Townscaper — placer des objets qui s’alignent et se connectent automatiquement — puis enrichir progressivement les outils. Le placement du tout premier objet dans le monde devrait prendre moins de 30 secondes.</p>
<p><strong>Économie.</strong> Roblox, Second Life et Fortnite Creative prouvent tous qu’une incitation économique transforme un jouet en plateforme. Sans moyen de tirer des revenus de leur travail, les créateurs les plus talentueux construiront ailleurs. Il n’est pas nécessaire de lancer cette fonction dès le premier jour, mais l’architecture doit la prendre en charge : propriété des objets, suivi des visites et attribution aux créateurs.</p>
<p><strong>Mobile.</strong> Il faudra encore des années avant que WebGPU soit fiable sur mobile. Une expérience mobile devrait être une version allégée : terrain plus simple, moins d’objets et distance d’affichage plus courte. L’approche de Rec Room, qui fonctionne partout grâce à une qualité adaptative, mérite d’être étudiée. Autre possibilité : proposer une application native sur mobile et conserver l’expérience complète dans le navigateur.</p>
<p><strong>Modération.</strong> Un monde ouvert dans lequel n’importe qui peut placer n’importe quoi est un cauchemar de modération. Second Life y fait face depuis 20 ans. Chaque ressource placée doit faire l’objet d’un contrôle automatisé du contenu avant de devenir visible par les autres. Cela ajoute de la latence au processus créatif, mais c’est non négociable. Nous devrions également envisager des classifications de contenu par parcelle, comme le système Général/Modéré/Adulte de Second Life, afin que les créateurs puissent définir les limites de leur contenu.</p>
<p><strong>Interactions systémiques.</strong> BotW et Minecraft montrent tous deux que les systèmes d’interaction fondés sur les matériaux créent des mondes exponentiellement plus intéressants que le simple placement d’objets statiques. Si un créateur place un pont en bois et qu’un autre allume un feu à proximité, le pont doit-il brûler ? Si quelqu’un construit un barrage, l’eau doit-elle s’accumuler derrière ? Ces interactions donnent vie au monde, mais exigent des règles cohérentes de physique et de matériaux pour tout le contenu des créateurs. Déterminer jusqu’où aller dans la conception systémique constitue une décision architecturale précoce.</p>
<h2 id="points-cles-a-retenir" tabindex="-1">Points clés à retenir <a class="header-anchor" href="#points-cles-a-retenir" aria-label="Permalink to &quot;Points clés à retenir&quot;"></a></h2>
<p>Les mondes ouverts 3D dans le navigateur sont viables dès aujourd’hui. Hordes.io accueille plus de 200 joueurs en 3D dans un navigateur. Krunker.io a atteint 10 millions de joueurs mensuels avec un éditeur complet de cartes 3D. Les jeux .io ont prouvé que le multijoueur dans le navigateur pouvait passer à l’échelle de millions d’utilisateurs. La technologie n’a rien de spéculatif.</p>
<p>Le rendu est prêt. Three.js et Babylon.js gèrent des scènes 3D comparables aux jeux AAA du début des années 2010. WebGPU donne accès aux compute shaders pour le terrain et la végétation. Les moteurs physiques Wasm s’exécutent à une vitesse comprise dans un facteur de 2 à 3 par rapport au natif. Une zone de la taille de Blancherive tient dans 15 à 25 Mo de données visibles.</p>
<p>Le réseau est prêt. Cloudflare Durable Objects fournit des serveurs autoritaires par chunk en périphérie du réseau. Les CRDT gèrent l’édition collaborative sans conflits. Le partitionnement spatial — éprouvé par tous les jeux, d’Agar.io à Skyrim — maintient le trafic réseau à un niveau gérable avec des centaines de joueurs simultanés.</p>
<p>Les mondes ouverts AAA — Skyrim, The Witcher 3, BotW, Elden Ring, Minecraft et No Man's Sky — ne sont pas seulement des références graphiques. Ce sont des manuels consacrés au streaming par chunks, à la gestion du LOD, à la génération procédurale, à la conception systémique et à la composition des mondes. Chaque technique qu’ils emploient possède un équivalent compatible avec les navigateurs.</p>
<p>Les plateformes de création — Roblox, Second Life, Fortnite Creative et Dreams — enseignent les leçons sociales et économiques. La création doit se faire dans le monde, et non dans un outil externe. Les incitations économiques stimulent la qualité. La persistance crée de l’attachement. Les outils simples touchent davantage de créateurs que les outils puissants.</p>
<p>C’est dans le pipeline créatif que Cinevva possède un avantage. Nous générons déjà des ressources 3D, des textures et de l’audio. Il ne manque plus qu’à connecter ce pipeline à un système de placement dans le monde. Le contenu généré par IA remplit le monde. La sélection et l’agencement par les créateurs lui donnent une âme.</p>
<p>Le résultat ne serait pas Skyrim dans un navigateur. Il se situerait plutôt à l’intersection de Minecraft pour son monde modifiable, de Roblox pour son économie des créateurs et de BotW pour ses interactions systémiques, le tout dans un onglet de navigateur avec des outils de création propulsés par l’IA. La technologie nécessaire existe. La question est celle de l’exécution.</p>
<h2 id="articles-de-recherche-et-references-universitaires" tabindex="-1">Articles de recherche et références universitaires <a class="header-anchor" href="#articles-de-recherche-et-references-universitaires" aria-label="Permalink to &quot;Articles de recherche et références universitaires&quot;"></a></h2>
<p>Les techniques présentées dans ce guide ne sont pas inventées de toutes pièces. Elles reposent sur des décennies de recherche. Voici les publications les plus importantes pour chaque sous-système, accompagnées d’indications sur leur application à un monde ouvert dans le navigateur.</p>
<h3 id="generation-et-rendu-du-terrain" tabindex="-1">Génération et rendu du terrain <a class="header-anchor" href="#generation-et-rendu-du-terrain" aria-label="Permalink to &quot;Génération et rendu du terrain&quot;"></a></h3>
<p><strong>« Un synthétiseur d’images »</strong> -- Ken Perlin (SIGGRAPH 1985). <a href="https://doi.org/10.1145/325165.325247" target="_blank" rel="noreferrer">DOI</a>. L’article qui a introduit le bruit de Perlin. Tous les générateurs procéduraux de terrain de tous les jeux créés depuis 1985 en sont issus. La fonction de bruit produit un aléatoire lisse qui, une fois superposé en octaves — mouvement brownien fractionnaire — génère des heightmaps d’aspect naturel. Le bruit simplex, présenté par Perlin en 2001, en est le successeur plus rapide. C’est le fondement de notre pipeline de terrain : la génération de heightmaps fondée sur le bruit s’exécute à une vitesse interactive dans un compute shader WebGPU.</p>
<p><strong>« Texturation et modélisation : une approche procédurale »</strong> -- Ebert, Musgrave, Peachey, Perlin, Worley (1994, 3e édition 2003). Le manuel de référence sur la génération procédurale. Les chapitres de Musgrave sur la modélisation du terrain, notamment les terrains multifractals présentant des caractéristiques semblables à celles de l’érosion, constituent le fondement direct des générateurs de terrain modernes. Les paramètres fBm décrits ici — lacunarité, persistance et nombre d’octaves — sont les mêmes que ceux que nous proposerions aux créateurs pour personnaliser le terrain.</p>
<p><strong>« Clipmaps géométriques : rendu du terrain à l’aide de grilles régulières imbriquées »</strong> -- Losasso and Hoppe (SIGGRAPH 2004). <a href="https://doi.org/10.1145/1015706.1015799" target="_blank" rel="noreferrer">DOI</a>. Cet article a résolu le problème du rendu interactif de terrains immenses grâce à des anneaux concentriques de LOD, ou clipmaps. Le maillage du terrain est un ensemble fixe de grilles imbriquées centrées sur la caméra. Lorsque la caméra se déplace, les grilles se décalent et se mettent à jour. C’est la technique recommandée dans notre section consacrée au terrain pour WebGL 2, et elle fonctionne parce que la charge du GPU reste constante quelle que soit la taille du monde. L’implémentation d’origine est antérieure à WebGL, mais s’y transpose directement.
<strong>« Simulation et visualisation rapides de l’érosion hydraulique sur GPU »</strong> — Mei, Decaudin, Hu (2007). <a href="https://hal.inria.fr/inria-00402079/document" target="_blank" rel="noreferrer">PDF</a>. Cette méthode a fait passer l’érosion hydraulique d’un processus hors ligne limité par le CPU à un calcul en temps réel sur GPU. Le modèle de simulation en eaux peu profondes de l’article — qui traite l’eau comme un champ de hauteur et calcule l’écoulement entre les cellules d’une grille — s’exécute dans un shader de calcul. Pour notre pipeline, l’érosion sur GPU côté serveur peut transformer un terrain généré par bruit en paysages géologiquement plausibles en moins d’une seconde, donnant aux terrains générés par IA l’apparence d’avoir été sculptés à la main.</p>
<p><strong>« Rendu en temps réel de planètes générées procéduralement »</strong> — Approches hybrides issues des conférences GDC sur No Man’s Sky et des descriptions de Sean Murray. Sans être un article unique, la conférence GDC 2017 « Building Worlds Using Maths » d’Innes McKendrick (Hello Games) explique comment No Man’s Sky génère des terrains à l’échelle planétaire à l’aide de fonctions de bruit superposées, d’une représentation voxel avec marching cubes et d’une génération côté GPU. Cette approche est directement pertinente pour notre méthode de génération procédurale de terrains, en particulier pour créer des formations impossibles à représenter avec des cartes de hauteur, comme les grottes et les arches.</p>
<p><strong>« C-DBLOD : LOD hybride pour le rendu de terrains »</strong> — Filip Strugar (2014). <a href="https://www.vertexasylum.com/CDLOD/cdlod_latest.pdf" target="_blank" rel="noreferrer">Article</a>. Une amélioration des clipmaps géométriques qui ajoute une sélection fondée sur un quadtree afin de mieux s’adapter à la position de la caméra. L’idée clé consiste à utiliser un quadtree pour sélectionner des parcelles de terrain à différentes résolutions plutôt que des anneaux concentriques fixes. Cette technique gère mieux que les clipmaps purs les terrains irréguliers, où certaines zones exigent davantage de détails que d’autres. Elle peut être mise en œuvre dans WebGL 2 avec un parcours léger du quadtree côté CPU.</p>
<h3 id="splatting-gaussien-3d-et-rendu-neuronal" tabindex="-1">Splatting gaussien 3D et rendu neuronal <a class="header-anchor" href="#splatting-gaussien-3d-et-rendu-neuronal" aria-label="Permalink to &quot;Splatting gaussien 3D et rendu neuronal&quot;"></a></h3>
<p><strong>« Splatting gaussien 3D pour le rendu en temps réel de champs de radiance »</strong> — Kerbl, Kopanas, Leimkühler, Drettakis (SIGGRAPH 2023). <a href="https://repo-sam.inria.fr/fungraph/3d-gaussian-splatting/" target="_blank" rel="noreferrer">Page du projet</a>. L’article à l’origine de la révolution du splatting gaussien. Une scène est représentée par des millions de gaussiennes 3D, chacune possédant une position, une covariance (forme), une opacité et des coefficients de couleur en harmoniques sphériques. Le rendu trie les splats selon leur profondeur et les rastérise sous forme de gaussiennes 2D. L’approche s’entraîne 100 à 1 000 fois plus vite que les NeRF et produit un rendu en temps réel. Plusieurs implémentations WebGL et WebGPU existent. Sur notre plateforme, cette technique permet aux créateurs de capturer des objets réels à partir de photos prises avec leur téléphone, puis de les placer dans le monde accessible depuis le navigateur.</p>
<p><strong>« NeRF : représentation de scènes sous forme de champs de radiance neuronaux pour la synthèse de vues »</strong> — Mildenhall et al. (ECCV 2020). <a href="https://www.matthewtancik.com/nerf" target="_blank" rel="noreferrer">Page du projet</a>. L’article fondateur sur la représentation neuronale des scènes. Un réseau neuronal associe des coordonnées 3D à une couleur et à une densité, permettant de synthétiser de nouvelles vues photoréalistes à partir d’un ensemble de photographies d’entrée. Bien que les NeRF soient trop coûteux pour être rendus directement dans un navigateur — ils nécessitent une évaluation du réseau pour chaque pixel —, le pipeline d’extraction de maillage depuis un NeRF, qui consiste à entraîner un NeRF puis à exécuter marching cubes sur le champ de densité, produit à partir de photos des maillages texturés de grande qualité.</p>
<p><strong>« Primitives graphiques neuronales instantanées avec encodage par table de hachage multirésolution »</strong> — Müller, Evans, Schied, Keller (SIGGRAPH 2022). <a href="https://nvlabs.github.io/instant-ngp/" target="_blank" rel="noreferrer">Page du projet</a>. Cette méthode a réduit la durée d’entraînement des NeRF de plusieurs heures à quelques secondes grâce à une table de hachage multirésolution servant à l’encodage spatial. Elle a rendu les NeRF utilisables en production. La technique d’encodage par hachage peut également s’appliquer à d’autres données spatiales dans un monde accessible depuis le navigateur, notamment pour effectuer des recherches rapides dans de grands jeux de données 3D.</p>
<p><strong>« Neuralangelo : reconstruction neuronale de surfaces en haute fidélité »</strong> — Li et al. (CVPR 2023). <a href="https://research.nvidia.com/labs/dir/neuralangelo/" target="_blank" rel="noreferrer">Page du projet</a>. Cette méthode extrait des maillages triangulaires de grande qualité à partir de représentations neuronales en utilisant un encodage par hachage multirésolution et des gradients numériques pour estimer une SDF (fonction de distance signée). Les maillages produits sont directement utilisables dans les moteurs 3D pour navigateur. Pour notre pipeline de ressources, Neuralangelo — ou des outils similaires comme NeuS2 — peut convertir des captures NeRF en fichiers GLB optimisés pour le Web, avec une géométrie propre et des textures précalculées.</p>
<h3 id="reseau-multijoueur-et-synchronisation-d-etat" tabindex="-1">Réseau multijoueur et synchronisation d’état <a class="header-anchor" href="#reseau-multijoueur-et-synchronisation-d-etat" aria-label="Permalink to &quot;Réseau multijoueur et synchronisation d’état&quot;"></a></h3>
<p><strong>« Gestion des zones d’intérêt dans les jeux en ligne massivement multijoueurs »</strong> — Boulanger, Kienzle, Verbrugge (2006). <a href="https://doi.org/10.1007/11558651_18" target="_blank" rel="noreferrer">DOI</a>. Une étude exhaustive des techniques de gestion des zones d’intérêt (AOI) pour les MMO. Elle couvre les approches fondées sur une grille, sur une zone d’influence et les approches hybrides permettant de filtrer les mises à jour réseau selon leur pertinence spatiale. L’approche par grille, qui correspond à notre système de chunks, est la plus efficace dans les mondes à densité uniforme. L’approche par zone d’influence, avec un rayon propre à chaque entité, convient mieux aux densités variables. Notre recommandation d’une AOI fondée sur les chunks, avec des fréquences de mise à jour définies par priorité au sein de l’AOI, s’appuie sur ces recherches.</p>
<p><strong>« Navigation à l’estime : masquer la latence dans les jeux en réseau »</strong> — Pantel et Wolf (2002). <a href="https://doi.org/10.1145/566500.566510" target="_blank" rel="noreferrer">DOI</a>. Cet article formalise la navigation à l’estime, qui consiste à prédire la position des entités à partir de leur dernière vitesse connue, pour les jeux en réseau. Il quantifie le compromis : des seuils de prédiction plus élevés réduisent la bande passante, mais augmentent l’erreur de position visible lors des corrections. Pour les jeux sur navigateur présentant une latence de 50 à 200 ms, un seuil de prédiction de 0,5 à 1,0 mètre rend les corrections imperceptibles tout en réduisant de 60 à 80 % la bande passante consacrée aux mises à jour de position.</p>
<p><strong>« Types de données répliquées sans conflit »</strong> — Shapiro, Preguiça, Baquero, Zawirski (2011). <a href="https://doi.org/10.1007/978-3-642-24550-3_29" target="_blank" rel="noreferrer">DOI</a>. L’article fondateur sur les CRDT. Il définit des CRDT fondés sur l’état et d’autres fondés sur les opérations, capables de converger sans coordination. Pour notre système d’édition de mondes, les CRDT pertinents sont le LWW-Register (registre où la dernière écriture l’emporte) pour les propriétés d’objet ne possédant qu’une seule valeur — position, rotation, couleur — et l’OR-Set (ensemble observé-supprimé) pour la collection d’objets d’un chunk, qui gère sans conflit les ajouts et suppressions simultanés. Yjs les implémente efficacement en JavaScript.</p>
<p><strong>« Time Warp : un mécanisme pour la simulation distribuée »</strong> — Jefferson (1985). <a href="https://doi.org/10.1145/3916.3988" target="_blank" rel="noreferrer">DOI</a>. L’article fondateur sur la simulation distribuée optimiste. Bien que Time Warp soit trop complexe pour un jeu sur navigateur, son idée centrale — traiter les événements de manière optimiste, puis revenir en arrière lorsqu’un conflit provenant d’un autre nœud est reçu — constitue le fondement de la prédiction moderne côté client avec réconciliation du serveur. C’est ainsi que fonctionne tout jeu multijoueur réactif : le client effectue une prédiction locale, envoie les actions au serveur, puis corrige son état si le serveur n’est pas d’accord.</p>
<p><strong>« Le modèle réseau du moteur TRIBES »</strong> — Frohnmayer et Gift (GDC 1999). L’une des premières descriptions pratiques du réseau client-serveur pour les jeux, avec gestion des zones d’intérêt, mises à jour d’état prioritaires et allocation de la bande passante. Le concept de « gestionnaire de fantômes » — le serveur maintient pour chaque client une représentation de ce que celui-ci connaît et n’envoie que les différences par rapport à cette représentation — correspond exactement à ce que met en œuvre notre architecture Durable Object fondée sur les chunks. Cette conférence GDC est l’ancêtre conceptuel de la plupart des systèmes réseau modernes pour les jeux.</p>
<p><strong>« Réseau multijoueur de Source »</strong> — Valve (2009). <a href="https://developer.valvesoftware.com/wiki/Source_Multiplayer_Networking" target="_blank" rel="noreferrer">Documentation pour les développeurs</a>. La documentation de Valve sur le modèle réseau du moteur Source, utilisé dans Half-Life 2, CS:GO et Team Fortress 2. Elle couvre la prédiction côté client, l’interpolation des entités, la compensation du décalage et le système d’« instantanés », dans lequel le serveur envoie l’état complet du monde à intervalles réguliers tandis que le client effectue une interpolation entre ces instantanés. C’est la référence absolue en matière de réseau avec serveur faisant autorité, et ce modèle s’applique directement à notre architecture.</p>
<h3 id="generation-procedurale" tabindex="-1">Génération procédurale <a class="header-anchor" href="#generation-procedurale" aria-label="Permalink to &quot;Génération procédurale&quot;"></a></h3>
<p><strong>« Synthèse de modèles : un algorithme général de modélisation procédurale »</strong> — Merrell (2007). <a href="https://doi.org/10.1145/1289603.1289612" target="_blank" rel="noreferrer">DOI</a>. L’un des précurseurs de Wave Function Collapse. Cette méthode génère des structures 3D à partir de modèles d’exemple en propageant des contraintes locales. L’algorithme assure la cohérence globale en réduisant de manière itérative les cellules présentant le moins de possibilités, selon une heuristique d’entropie minimale. C’est ainsi que Townscaper et des générateurs similaires produisent des structures cohérentes à partir de simples actions de l’utilisateur.</p>
<p><strong>« WaveFunctionCollapse »</strong> — Maxim Gumin (2016). <a href="https://github.com/mxgmn/WaveFunctionCollapse" target="_blank" rel="noreferrer">GitHub</a>. Il ne s’agit pas d’un article traditionnel, mais d’un projet open source majeur accompagné d’une documentation exhaustive. L’algorithme prend une petite image d’exemple ou un jeu de tuiles et génère des résultats plus grands, localement similaires à l’entrée. Dans un monde destiné aux créateurs, WFC peut générer des plans de bâtiments, des réseaux routiers, des cartes de donjons et des détails de terrain à partir d’un petit ensemble de règles définies par le créateur. Plusieurs implémentations JavaScript existent.</p>
<p><strong>« Wave Function Collapse est une résolution de contraintes en conditions réelles »</strong> — Karth et Smith (FDG 2017). <a href="https://doi.org/10.1145/3102071.3110566" target="_blank" rel="noreferrer">DOI</a>. Une analyse universitaire de WFC qui précise son lien avec la satisfaction de contraintes et explique comment l’analyser et l’étendre. Elle permet de comprendre les limites de WFC — l’algorithme peut se retrouver bloqué et nécessiter un retour arrière — ainsi que la manière de concevoir des jeux de tuiles évitant ces problèmes.</p>
<p><strong>« Théorème de superposition et conséquences pour la génération procédurale de contenu de jeu »</strong> — Sandhu et al. (2022). Cette étude explore l’utilisation de concepts de superposition inspirés de la physique quantique pour la génération procédurale de contenu. Bien que spéculatif, son cadre mathématique permettant de conserver plusieurs états possibles avant leur « réduction » vers une configuration finale correspond exactement au fonctionnement de WFC et pourrait inspirer des systèmes de génération plus sophistiqués.</p>
<h3 id="techniques-de-rendu-en-temps-reel" tabindex="-1">Techniques de rendu en temps réel <a class="header-anchor" href="#techniques-de-rendu-en-temps-reel" aria-label="Permalink to &quot;Techniques de rendu en temps réel&quot;"></a></h3>
<p><strong>« Rendu en temps réel »</strong> — Akenine-Möller, Haines, Hoffman (4e édition, 2018). Le manuel de référence. Le chapitre 19 (Structures d’accélération), le chapitre 20 (Ombrage efficace) et le chapitre 21 (Réalité virtuelle et augmentée) sont particulièrement pertinents. Les algorithmes d’élimination selon le frustum, d’élimination des objets occultés et de LOD qui y sont décrits sont ceux qu’implémentent Three.js, Babylon.js et tous les moteurs de jeu. Ce n’est pas un article, mais l’ouvrage de référence définitif.</p>
<p><strong>« Étude des méthodes de précalcul des champs de radiance neuronaux pour la synthèse de vues en temps réel »</strong> — Reiser et al. (2023). <a href="https://doi.org/10.1111/cgf.14835" target="_blank" rel="noreferrer">DOI</a>. Cette étude examine les méthodes permettant de convertir les NeRF en formats rendus en temps réel, notamment des maillages, des textures et des grilles de voxels creuses. Elle est directement pertinente pour notre pipeline de ressources, dans lequel la capture neuronale côté serveur doit produire un résultat affichable dans un navigateur.</p>
<p><strong>« Mise en correspondance en ligne, évolutive et précise de caractéristiques à l’aide du splatting gaussien 3D »</strong> — Divers groupes (2024-2025). Plusieurs articles récents étudient l’édition, la composition et les scènes dynamiques avec des splats gaussiens. Ces travaux sont pertinents, car les mondes de créateurs doivent réunir plusieurs scènes de splats — notamment les objets capturés par chaque créateur — au sein d’une scène unique et cohérente. Les méthodes d’édition de splats, comme la recoloration, la déformation et la composition, constituent des domaines de recherche actifs.</p>
<p><strong>« Tracé de rayons efficace dans l’espace écran sur GPU »</strong> — McGuire et Mara (JCGT 2014). <a href="https://doi.org/10.2312/hpg.20141090" target="_blank" rel="noreferrer">DOI</a>. L’article à l’origine des réflexions dans l’espace écran utilisées dans notre section sur le rendu de l’eau. La technique trace des rayons dans le tampon de profondeur afin de produire des réflexions approximatives sans supporter le coût d’un lancer de rayons complet. La variante de « tracé hiérarchique », qui utilise une mipmap de profondeur min-max, s’exécute efficacement dans WebGL 2.</p>
<p><strong>« Simulation de l’eau océanique »</strong> — Jerry Tessendorf (2001). <a href="https://people.computing.clemson.edu/~jtessen/reports/papers_files/coursenotes2004.pdf" target="_blank" rel="noreferrer">PDF</a>. L’article fondateur sur la simulation des océans fondée sur la FFT. Il décrit le spectre de Phillips, un modèle statistique des vagues océaniques, ainsi que sa transformation en carte spatiale de déplacement par FFT inverse. Cette méthode est utilisée par tous les grands jeux présentant un océan réaliste, notamment Sea of Thieves, Assassin’s Creed et Uncharted. Le calcul FFT se transpose naturellement aux shaders de calcul WebGPU.</p>
<p><strong>« Diffusion atmosphérique précalculée »</strong> — Bruneton et Neyret (EGSR 2008). <a href="https://doi.org/10.1111/j.1467-8659.2008.01245.x" target="_blank" rel="noreferrer">DOI</a>. L’article à l’origine du rendu physiquement exact du ciel. Il précalcule la diffusion atmosphérique dans des tables de correspondance qu’un shader de fragments échantillonne en temps réel. Cette méthode produit à partir de principes physiques les bonnes couleurs du ciel, une perspective aérienne réaliste — les objets lointains paraissent bleuâtres et brumeux — ainsi que les couleurs du lever et du coucher du soleil. Les tables précalculées sont petites, de l’ordre de quelques centaines de Ko, et le shader exécuté en temps réel est peu coûteux. Le shader <code>Sky</code> de Three.js et le ciel procédural de Babylon.js sont tous deux des versions simplifiées de cette approche.</p>
<p><strong>« Volumes d’occlusion ambiante »</strong> — McGuire (HPG 2010) et <strong>« Obscurcissement ambiant évolutif »</strong> — McGuire, Mara, Luebke (HPG 2012). <a href="https://research.nvidia.com/sites/default/files/pubs/2012-06_Scalable-Ambient-Obscurance/McGuire12SAO.pdf" target="_blank" rel="noreferrer">PDF</a>. Les articles à l’origine des implémentations modernes de SSAO. SAO est la variante la plus couramment mise en œuvre dans les moteurs 3D pour navigateur, car elle est efficace — un échantillon du tampon de profondeur par pixel — et produit des ombres de contact plausibles. L’algorithme échantillonne le tampon de profondeur autour de chaque pixel afin d’estimer à quel point celui-ci est « occulté » par la géométrie voisine. Three.js et Babylon.js implémentent tous deux un SSAO dérivé de SAO.</p>
<h3 id="rendu-et-animation-de-foules" tabindex="-1">Rendu et animation de foules <a class="header-anchor" href="#rendu-et-animation-de-foules" aria-label="Permalink to &quot;Rendu et animation de foules&quot;"></a></h3>
<p><strong>« Rendu de foules sur GPU »</strong> — Dudash (2007) et présentations GDC/SIGGRAPH ultérieures sur le rendu de foules par instanciation. La technique centrale consiste à précalculer les images d’une animation squelettique dans des textures — les Vertex Animation Textures —, puis à afficher les foules sous forme de maillages instanciés, chaque instance lisant les transformations de ses os dans la texture d’animation en fonction de l’image en cours. Cela dissocie l’évaluation des animations des appels de rendu, permettant à un seul appel de rendu instancié d’afficher des centaines de personnages animés individuellement.</p>
<p><strong>« Dynamique fondée sur les positions »</strong> — Müller et al. (2007). <a href="https://doi.org/10.1016/j.jvcir.2007.01.005" target="_blank" rel="noreferrer">DOI</a>. L’article fondateur sur la PBD, la méthode employée par les moteurs de jeu modernes pour simuler les tissus, les cheveux et les corps mous. Rapier, le moteur physique Wasm que nous recommandons, utilise des solveurs dérivés de la PBD. Pour la personnalisation des avatars — capes, cheveux flottants et vêtements amples —, la PBD offre une simulation réactive aux fréquences d’images requises par les jeux. L’implémentation Wasm évite de l’exécuter sur le thread JavaScript principal.
<strong>« FABRIK : un solveur rapide et itératif pour le problème de cinématique inverse »</strong> — Aristidou et Lasenby (2011). <a href="https://doi.org/10.1016/j.gmod.2011.05.003" target="_blank" rel="noreferrer">DOI</a>. L’article à l’origine du solveur de cinématique inverse recommandé dans notre section sur les avatars. FABRIK fonctionne en progressant alternativement de l’effecteur terminal vers la racine, puis de la racine vers l’effecteur terminal, et converge en 3 à 5 itérations. Il est plus rapide que la cinématique inverse fondée sur une jacobienne, gère naturellement les contraintes articulaires et reste simple à implémenter (environ 50 lignes de code pour le solveur de base). Les implémentations de cinématique inverse de Three.js et de Babylon.js sont toutes deux dérivées de FABRIK.</p>
<h3 id="mondes-virtuels-et-environnements-collaboratifs" tabindex="-1">Mondes virtuels et environnements collaboratifs <a class="header-anchor" href="#mondes-virtuels-et-environnements-collaboratifs" aria-label="Permalink to &quot;Mondes virtuels et environnements collaboratifs&quot;"></a></h3>
<p><strong>« Jeux massivement multijoueurs en ligne : état de l’art »</strong> — Yahyavi et Kemme (2013). <a href="https://doi.org/10.1145/2522968.2522972" target="_blank" rel="noreferrer">DOI</a>. Étude complète de l’architecture des MMO couvrant les modèles client-serveur, les approches pair à pair, la gestion des zones d’intérêt, les modèles de cohérence, les techniques de mise à l’échelle et la prévention de la triche. La taxonomie des modèles de cohérence (forte, éventuelle, causale) correspond à notre approche fondée sur les CRDT (cohérence éventuelle avec ordre causal au moyen d’horloges vectorielles).</p>
<p><strong>« Une architecture distribuée pour les applications interactives multijoueurs sur Internet »</strong> — Diot et Gautier (1999). <a href="https://doi.org/10.1109/65.790947" target="_blank" rel="noreferrer">DOI</a>. Une des premières recherches sur les environnements virtuels distribués à avoir mis en évidence la tension fondamentale : une cohérence forte nécessite de la coordination, ce qui ajoute de la latence, tandis qu’une cohérence faible préserve la réactivité au risque de produire des incohérences visibles. L’article préconise un « retard local » — retarder légèrement l’affichage local afin de laisser le temps aux mises à jour distantes d’arriver — comme solution intermédiaire. Pour les modifications du monde, comme le placement d’objets, un retard local de 100 à 200 ms est imperceptible et laisse au serveur le temps d’effectuer la validation.</p>
<p><strong>« La grille de Second Life : architecture d’un monde virtuel open source presque contemporain »</strong> — Documentation technique de Linden Lab et rétro-ingénierie par la communauté. Bien qu’il ne s’agisse pas d’un article unique, l’analyse technique de l’architecture de Second Life est très largement documentée. Les principaux enseignements : chaque région de 256 × 256 m s’exécute sur une instance de serveur dédiée. Les objets sont stockés sous la forme d’un arbre de « primitives » (formes de base dotées de transformations, de textures et de scripts). Le client diffuse à la demande les descriptions des objets et les textures. Ce modèle fondé sur des parcelles et une persistance par objet est l’architecture existante la plus proche de ce que nous construisons, et plus de 20 ans d’exploitation de Second Life prouvent qu’elle peut passer à l’échelle.</p>
<h3 id="graphismes-web-et-performances-des-navigateurs" tabindex="-1">Graphismes web et performances des navigateurs <a class="header-anchor" href="#graphismes-web-et-performances-des-navigateurs" aria-label="Permalink to &quot;Graphismes web et performances des navigateurs&quot;"></a></h3>
<p><strong>« WebGPU : une API graphique haute performance pour le Web »</strong> — Groupe de travail W3C GPU for the Web (depuis 2023). <a href="https://www.w3.org/TR/webgpu/" target="_blank" rel="noreferrer">Spécification</a>. La spécification officielle de WebGPU. Ce n’est pas un article de recherche, mais le document technique de référence pour la programmation GPU dans les navigateurs. La spécification des shaders de calcul (section 23) est particulièrement pertinente pour la génération de terrains, la répartition de la végétation et les systèmes de particules décrits tout au long de ce guide.</p>
<p><strong>« WebAssembly : un cadre pour exécuter du code compilé dans le navigateur »</strong> — Haas et al. (PLDI 2017). <a href="https://doi.org/10.1145/3062341.3062363" target="_blank" rel="noreferrer">DOI</a>. L’article fondateur sur WebAssembly, rédigé par les éditeurs de navigateurs. Il montre que Wasm atteint des performances au plus deux fois inférieures à celles du code natif pour les charges de calcul intensives. Cela valide notre recommandation d’utiliser des moteurs physiques compilés en Wasm, comme Rapier et Havok, pour les mondes ouverts dans le navigateur. L’analyse des performances indique que le surcoût provient principalement de la vérification des limites et des appels de fonctions indirects, et non du modèle de compilation lui-même.</p>
<p><strong>« Pas si vite : analyse des performances de WebAssembly par rapport au code natif »</strong> — Jangda et al. (USENIX ATC 2019). <a href="https://www.usenix.org/system/files/atc19-jangda.pdf" target="_blank" rel="noreferrer">PDF</a>. Une évaluation comparative rigoureuse des performances de Wasm par rapport au code natif. Elle conclut que Wasm s’exécute en moyenne 1,45 à 1,55 fois plus lentement que le C natif sur l’ensemble des tests SPEC CPU. Pour la physique de jeu en particulier — fortement tributaire des calculs en virgule flottante et comportant peu d’appels système — le surcoût se situe dans le bas de cette fourchette (environ 1,3 fois). Cela confirme que la physique en Wasm dans un navigateur est viable pour les charges de travail d’un jeu en temps réel.</p>
<p><strong>« Accélérer le Web avec WebAssembly »</strong> — Rossberg et al. (2018). <a href="https://doi.org/10.1145/3192366.3192379" target="_blank" rel="noreferrer">DOI</a>. Décrit les principes de conception et la sémantique formelle de WebAssembly. Point particulièrement pertinent : la présentation des garanties de sécurité mémoire (section 3) explique pourquoi les modules Wasm peuvent partager en toute sécurité un onglet de navigateur avec JavaScript, sans les risques de sécurité propres aux plug-ins natifs. C’est ce qui permet d’exécuter en toute sécurité dans un navigateur des moteurs physiques, traditionnellement distribués sous forme de bibliothèques C++.</p>
<h3 id="generation-de-contenu-assistee-par-l-ia" tabindex="-1">Génération de contenu assistée par l’IA <a class="header-anchor" href="#generation-de-contenu-assistee-par-l-ia" aria-label="Permalink to &quot;Génération de contenu assistée par l’IA&quot;"></a></h3>
<p><strong>« Génération texte-vers-3D par diffusion bidirectionnelle utilisant à la fois des a priori 2D et 3D »</strong> — Divers groupes (2023-2025). Plusieurs articles récents — DreamFusion, Magic3D, ProlificDreamer, MVDream et Zero-1-to-3++ — explorent la génération de ressources 3D à partir de descriptions textuelles en utilisant des modèles de diffusion 2D comme a priori pour l’optimisation 3D. La qualité s’est considérablement améliorée entre début 2023 et 2025, passant de formes informes à des maillages détaillés et texturés. Pour notre plateforme, ces modèles, exécutés côté serveur sur des GPU, constituent l’étape de « génération par IA » du pipeline de ressources destiné aux créateurs.</p>
<p><strong>« DreamFusion : génération texte-vers-3D à l’aide de la diffusion 2D »</strong> — Poole et al. (ICLR 2023). <a href="https://dreamfusion3d.github.io/" target="_blank" rel="noreferrer">Page du projet</a>. L’article fondateur sur le Score Distillation Sampling (SDS), qui utilise un modèle de diffusion 2D préentraîné pour guider l’optimisation 3D. L’idée essentielle : aucune donnée d’entraînement 3D n’est nécessaire si un modèle 2D existant permet d’évaluer si les vues rendues d’un objet 3D correspondent à une description textuelle. Cette découverte a ouvert la voie à la génération texte-vers-3D et sert de base aux travaux ultérieurs, comme Magic3D et ProlificDreamer, qui en ont amélioré la qualité et la rapidité.</p>
<p><strong>« LRM : grand modèle de reconstruction d’une image unique vers la 3D »</strong> — Hong et al. (ICLR 2024). <a href="https://yiconghong.me/LRM/" target="_blank" rel="noreferrer">Page du projet</a>. Reconstruit un modèle 3D à partir d’une seule image en 5 secondes sur un unique GPU. Le modèle produit une représentation similaire à un NeRF qui peut être convertie en maillage. Dans un monde destiné aux créateurs, cela signifie qu’un créateur pourrait photographier n’importe quel objet réel et obtenir un modèle 3D en quelques secondes. Cette rapidité permet d’en faire un outil interactif plutôt qu’un processus par lots.</p>
<p><strong>« Génération procédurale de contenu par apprentissage automatique (PCGML) »</strong> — Summerville et al. (2018). <a href="https://doi.org/10.1109/TG.2018.2846639" target="_blank" rel="noreferrer">DOI</a>. Une étude de l’utilisation de l’apprentissage automatique pour la génération procédurale de contenu dans les jeux. Elle couvre la génération de niveaux, d’objets, de récits et de mondes. Point particulièrement pertinent : l’analyse de la « génération contrôlable », dans laquelle les concepteurs définissent des paramètres de haut niveau et le modèle d’apprentissage automatique complète les détails. C’est le paradigme de la création de mondes assistée par l’IA : les créateurs définissent une intention (« transforme cette zone en forêt inquiétante »), puis l’IA produit la géométrie, les textures et les éléments qui la peuplent.</p>
<h3 id="comment-ces-articles-s-integrent-a-notre-architecture" tabindex="-1">Comment ces articles s’intègrent à notre architecture <a class="header-anchor" href="#comment-ces-articles-s-integrent-a-notre-architecture" aria-label="Permalink to &quot;Comment ces articles s’intègrent à notre architecture&quot;"></a></h3>
<p>Ces recherches correspondent aux différentes couches de notre architecture :</p>
<p><strong>Pipeline de terrain :</strong> le bruit de Perlin/simplex (Perlin 1985, 2001) génère la carte de hauteur de base. L’érosion hydraulique (Mei et al. 2007) apporte un réalisme géologique. Les geometry clipmaps (Losasso et Hoppe 2004) ou CDLOD (Strugar 2014) permettent un rendu efficace du terrain dans le navigateur. La diffusion atmosphérique (Bruneton et Neyret 2008) donne un aspect réaliste aux terrains lointains.</p>
<p><strong>Pipeline de ressources :</strong> le texte-vers-3D (DreamFusion et al.) et l’image-vers-3D (LRM) génèrent des ressources côté serveur. Le Gaussian splatting (Kerbl et al. 2023) permet la capture photogrammétrique. Neuralangelo (Li et al. 2023) extrait des maillages propres à partir de captures neuronales. Toutes les sorties sont traitées et converties en GLB/KTX2 optimisés pour les navigateurs.</p>
<p><strong>Rendu :</strong> SSAO (McGuire 2012) ajoute de la profondeur. Les reflets en espace écran (McGuire et Mara 2014) assurent le rendu de l’eau. L’océan par FFT (Tessendorf 2001) simule l’eau. Les textures d’animation de sommets (Dudash 2007) permettent le rendu des foules. FABRIK (Aristidou et Lasenby 2011) pilote la cinématique inverse des personnages.</p>
<p><strong>Réseau :</strong> la gestion des zones d’intérêt (Boulanger et al. 2006) filtre les mises à jour selon leur pertinence spatiale. La navigation à l’estime (Pantel et Wolf 2002) réduit la bande passante. Les CRDT (Shapiro et al. 2011) gèrent l’édition collaborative. La prédiction côté client avec réconciliation serveur (Jefferson 1985, réseau de Valve Source) assure la réactivité.</p>
<p><strong>Génération du monde :</strong> WFC (Gumin 2016, Karth et Smith 2017) génère les structures et les agencements. PCGML (Summerville et al. 2018) fournit le cadre de génération assistée par l’IA dans lequel les créateurs définissent une intention et les modèles complètent les détails.</p>
<p>La recherche est arrivée à maturité. La plupart de ces techniques sont utilisées depuis des années dans des jeux commercialisés. L’innovation consistant à les intégrer au navigateur ne réside pas dans les algorithmes, mais dans l’ingénierie nécessaire pour les faire fonctionner avec les contraintes de mémoire, de GPU et de réseau du navigateur, ce que traite le reste de ce guide.</p>
<h2 id="pour-aller-plus-loin" tabindex="-1">Pour aller plus loin <a class="header-anchor" href="#pour-aller-plus-loin" aria-label="Permalink to &quot;Pour aller plus loin&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/web-games-stack-2026.html">Pile technologique des jeux web en 2026</a> présente les fondamentaux de WebGL, WebGPU et WebAssembly</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Comparatif des moteurs de jeux web</a> compare les moteurs destinés à une diffusion dans le navigateur</li>
<li><a href="/fr/guides/threejs-usdc-tech-report.html">Rapport technique sur Three.js + USDC</a> consacré au chargement de ressources 3D dans le navigateur</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Modèles d’IA générative open source de pointe</a> pour le pipeline de génération par IA</li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux coopératifs</a> sur les modèles de conception multijoueur qui maintiennent l’intérêt des joueurs</li>
<li><a href="/fr/guides/landscape-generation-browser.html">Génération de paysages pour les mondes ouverts dans le navigateur</a> — rendu du terrain, de l’érosion et de la végétation</li>
<li><a href="/fr/tutorials/websocket-multiplayer-basics.html">Principes de base du multijoueur avec WebSocket</a> — premiers pas avec le réseau multijoueur dans le navigateur</li>
<li><a href="/fr/tutorials/webgpu-getting-started.html">Bien démarrer avec WebGPU</a> — l’API de rendu pour la 3D nouvelle génération dans le navigateur</li>
<li><a href="/fr/tutorials/streaming-asset-loading.html">Chargement progressif des ressources</a> — modèles de chargement progressif pour les grands mondes 3D</li>
</ul>
<BuildCta
  title="Essayez dès maintenant un monde ouvert dans votre navigateur"
  desc="Une phrase saisie, un monde 3D explorable généré."
  prompt="Crée une petite île en monde ouvert que je peux explorer à la troisième personne" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/browser-3d-open-world-tech.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Conception de jeux coopératifs en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/co-op-game-design</link>
            <guid>https://app.cinevva.com/fr/guides/co-op-game-design</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce qui fait le succès des jeux « friend slop ». Peak s'est vendu à 11 millions d'exemplaires. Voici pourquoi.]]></description>
            <content:encoded><![CDATA[<h1 id="conception-de-jeux-cooperatifs-en-2026" tabindex="-1">Conception de jeux coopératifs en 2026 <a class="header-anchor" href="#conception-de-jeux-cooperatifs-en-2026" aria-label="Permalink to &quot;Conception de jeux coopératifs en 2026&quot;"></a></h1>
<p>Un terme circule actuellement, et les développeurs l'adorent ou le détestent : le « friend slop ».</p>
<p>À l'origine, c'était une insulte. Une façon de balayer d'un revers de main les jeux coopératifs à petit budget, considérés comme des usines à contenu superficiel conçues pour produire des clips viraux. Mais Peak s'est ensuite vendu à 11 millions d'exemplaires en deux mois. R.E.P.O. a dominé Steam. Et soudain, les développeurs de ces jeux ont commencé à revendiquer cette étiquette.</p>
<p>« Nous pensons vraiment que friend slop est un terme génial », a déclaré Paige Wilson d'Aggro Crab, l'éditeur de Peak. « Il sert à décrire un jeu peu coûteux auquel vous et vos amis pouvez jouer à tout moment pour vous amuser, passer du temps ensemble et vous attendre à quelques imperfections. Certaines personnes ne le voient peut-être pas ainsi, mais nous, si ! »</p>
<p>Voici ce que j'ai appris sur les raisons du succès de ces jeux et sur la manière d'en concevoir un.</p>
<h2 id="les-jeux-qui-ont-marque-2025" tabindex="-1">Les jeux qui ont marqué 2025 <a class="header-anchor" href="#les-jeux-qui-ont-marque-2025" aria-label="Permalink to &quot;Les jeux qui ont marqué 2025&quot;"></a></h2>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Am4gM4b2UHw" title="Bande-annonce de Lethal Company" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Lethal Company</strong> (2023) a lancé la vague. Le développeur solo Zeekerss a créé un jeu d'horreur coopératif dans lequel vous récupérez de la ferraille dans des installations abandonnées tout en évitant des monstres. Il s'est vendu à des millions d'exemplaires et a donné naissance à tout un genre.</p>
<p><a href="https://store.steampowered.com/app/1966720/Lethal_Company/" target="_blank" class="campaign-link">Voir Lethal Company sur Steam →</a></p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/oSfoK8eSeD8" title="Bande-annonce de lancement de R.E.P.O." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>R.E.P.O.</strong> (2025) a repris la formule en la rendant plus loufoque. Des avatars robotiques. Une physique exagérée. Les joueurs affirmaient que le jeu était « tellement drôle qu'il était difficile d'avoir peur ». Il est devenu l'un des plus grands jeux coopératifs de 2025. Lorsque Steam a publié son classement annuel des meilleures ventes en décembre 2025, R.E.P.O. s'est révélé être le nouveau jeu le plus vendu de l'année en nombre d'exemplaires, juste devant Peak. Les jeux coopératifs de type friend slop ont tout simplement occupé les premières places, devant des productions à gros budget ayant coûté cinq fois plus cher.</p>
<p><a href="https://store.steampowered.com/app/3241660/REPO/" target="_blank" class="campaign-link">Voir R.E.P.O. sur Steam →</a></p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/6BCdx7I1gz8" title="Peak expliqué" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Peak</strong> (2025) a prouvé que la formule fonctionnait aussi hors du genre horrifique. Gravissez une montagne avec des amis. Tombez. Riez. Recommencez. 11 millions d'exemplaires vendus. Le jeu a été créé en <a href="https://www.pcgamer.com/games/sim/peak-devs-say-the-hit-comedy-climber-was-pitched-in-a-swedish-hot-tub-and-developed-in-a-frantic-4-week-korean-game-jam-we-brought-our-computers-to-an-airbnb-in-hongdae-and-locked-tf-in-for-a-month/" target="_blank" rel="noreferrer">4 semaines lors d'une game jam en Corée du Sud</a>, pendant laquelle les équipes de Landfall et d'Aggro Crab ont partagé un Airbnb dans le quartier de Hongdae à Séoul.</p>
<p>Peak a continué à ajouter gratuitement du contenu après sa sortie, avec un nouveau biome Mesa en rotation en août 2025 et un concert temporaire en jeu avec le rappeur bbno$ en décembre 2025. Ce jeu à petit budget issu d'une game jam est devenu un jeu-service sans en porter le nom.</p>
<p><a href="https://store.steampowered.com/app/3527290/PEAK/" target="_blank" class="campaign-link">Voir Peak sur Steam →</a></p>
<h2 id="les-principes-fondamentaux-de-conception" tabindex="-1">Les principes fondamentaux de conception <a class="header-anchor" href="#les-principes-fondamentaux-de-conception" aria-label="Permalink to &quot;Les principes fondamentaux de conception&quot;"></a></h2>
<p>Après avoir étudié ces jeux et lu des entretiens avec leurs développeurs, voici ce qu'ils ont tous en commun :</p>
<h3 id="_1-une-faible-barriere-a-l-entree" tabindex="-1">1. Une faible barrière à l'entrée <a class="header-anchor" href="#_1-une-faible-barriere-a-l-entree" aria-label="Permalink to &quot;1. Une faible barrière à l'entrée&quot;"></a></h3>
<div class="stat-box">
<strong>8 $ ou moins</strong><br>
La théorie tarifaire de Peak : « Huit dollars, ça reste cinq dollars. Ça ne devient pas dix dollars. »
</div>
<p>Ces jeux coûtent moins de 20 $. La plupart sont à moins de 10 $. Peak a été lancé à 5 $, puis est passé à 8 $. Les développeurs avaient toute une théorie sur la psychologie des prix : « Huit dollars, ça reste cinq dollars. Trois dollars, c'est deux dollars. Deux dollars, c'est pratiquement gratuit. »</p>
<p>Mais le prix ne fait pas tout. Ces jeux sont faciles à prendre en main. Aucune expérience préalable du jeu vidéo n'est nécessaire. Il n'est pas nécessaire de comprendre des systèmes complexes. Même vos amis qui ne jouent pas habituellement peuvent participer.</p>
<h3 id="_2-l-echec-est-drole" tabindex="-1">2. L'échec est drôle <a class="header-anchor" href="#_2-l-echec-est-drole" aria-label="Permalink to &quot;2. L'échec est drôle&quot;"></a></h3>
<p>Dans Peak, je ne suis jamais arrivé au bout d'une partie. Pourtant, je continue à jouer.</p>
<p>Les moments les plus divertissants ne sont pas les victoires. C'est regarder un ami rater un saut et tomber de la montagne. Manger un aliment toxique. Se faire poursuivre par le chef scout.</p>
<p>Concevez des situations d'échec comiques. Faites en sorte que la mort puisse être observée par les autres. Laissez les joueurs rire les uns des autres.</p>
<h3 id="_3-le-chat-vocal-de-proximite" tabindex="-1">3. Le chat vocal de proximité <a class="header-anchor" href="#_3-le-chat-vocal-de-proximite" aria-label="Permalink to &quot;3. Le chat vocal de proximité&quot;"></a></h3>
<p>Presque tous les jeux de friend slop à succès disposent d'un chat vocal de proximité. Votre voix devient plus faible à mesure que vous vous éloignez de vos coéquipiers. La bouche des personnages se synchronise avec vos paroles.</p>
<p>Cela crée naturellement des situations comiques. Quelqu'un qui hurle au secours au loin. Des conversations chuchotées. La panique lorsque vous réalisez que vous vous êtes aventuré trop loin tout seul.</p>
<h3 id="_4-une-physique-bancale-et-volontaire" tabindex="-1">4. Une physique bancale et volontaire <a class="header-anchor" href="#_4-une-physique-bancale-et-volontaire" aria-label="Permalink to &quot;4. Une physique bancale et volontaire&quot;"></a></h3>
<p>La physique instable et imprévisible n'est pas un bug. C'est une fonctionnalité.</p>
<p>Quand votre personnage passe soudainement en ragdoll, c'est drôle. Quand des objets rebondissent de manière étrange, cela crée des histoires. Les imperfections font partie du contenu.</p>
<h3 id="_5-des-moments-faciles-a-partager" tabindex="-1">5. Des moments faciles à partager <a class="header-anchor" href="#_5-des-moments-faciles-a-partager" aria-label="Permalink to &quot;5. Des moments faciles à partager&quot;"></a></h3>
<p>Ces jeux sont conçus pour produire des clips. Twitch. TikTok. YouTube Shorts.</p>
<p>Chaque session génère des moments qui méritent d'être partagés. Les algorithmes les adorent. Les joueurs deviennent des promoteurs sans même s'en rendre compte.</p>
<h2 id="ce-qui-les-distingue-des-jeux-cooperatifs-traditionnels" tabindex="-1">Ce qui les distingue des jeux coopératifs traditionnels <a class="header-anchor" href="#ce-qui-les-distingue-des-jeux-cooperatifs-traditionnels" aria-label="Permalink to &quot;Ce qui les distingue des jeux coopératifs traditionnels&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Coopération traditionnelle</th>
<th>Friend slop</th>
</tr>
</thead>
<tbody>
<tr>
<td>Gagner est l'objectif</td>
<td>Passer du temps ensemble est l'objectif</td>
</tr>
<tr>
<td>Des compétences sont requises</td>
<td>Tout le monde peut jouer</td>
</tr>
<tr>
<td>Le mode solo fonctionne</td>
<td>Le mode solo est déprimant</td>
</tr>
<tr>
<td>Axé sur l'histoire</td>
<td>Axé sur les moments vécus</td>
</tr>
<tr>
<td>40 à 60 $</td>
<td>5 à 20 $</td>
</tr>
<tr>
<td>Soigné</td>
<td>Volontairement bancal</td>
</tr>
</tbody>
</table>
<p>L'analyse de The Verge résume parfaitement la situation : « Dans le friend slop, l'objectif principal est l'humour. Gagner est secondaire. »</p>
<h2 id="la-question-de-la-solitude" tabindex="-1">La question de la solitude <a class="header-anchor" href="#la-question-de-la-solitude" aria-label="Permalink to &quot;La question de la solitude&quot;"></a></h2>
<p>Voici ce que les critiques ne comprennent pas lorsqu'ils rejettent ces jeux en les qualifiant de « slop ».</p>
<p>Nous traversons une épidémie de solitude. Les gens sont isolés. Le télétravail a dispersé les groupes d'amis. Ces jeux donnent aux gens une raison de se retrouver virtuellement. Ce sont des espaces sociaux qui demandent peu d'engagement.</p>
<p>Comme l'a écrit un auteur : « une véritable voie de salut face à une époque de division et d'isolement ».</p>
<p>Ce n'est pas rien.</p>
<h2 id="le-modele-economique" tabindex="-1">Le modèle économique <a class="header-anchor" href="#le-modele-economique" aria-label="Permalink to &quot;Le modèle économique&quot;"></a></h2>
<div class="stat-box">
<strong>4 semaines → 11 millions d'exemplaires</strong><br>
Peak a été développé pendant une game jam d'un mois en Corée du Sud.
</div>
<p>Ces jeux coûtent peu cher à produire. De petites équipes. Des cycles de développement courts. Des graphismes peu détaillés que les joueurs préfèrent même souvent, car ils ont du charme.</p>
<p>Content Warning a nécessité une petite équipe et peu de temps. Peak était un projet de game jam. R.E.P.O. vient d'un studio qui crée des jeux expérimentaux.</p>
<p>Les studios à l'origine de ces succès ne ralentissent pas. Aggro Crab, le codéveloppeur de Peak, a sorti son jeu coopératif suivant, Crashout Crew, le 28 mai 2026 : un simulateur chaotique d'entrepôt avec chariots élévateurs, jouable de un à quatre joueurs, lancé sur Steam et Xbox Game Pass. Même recette : petite équipe, chaos fondé sur la physique et conception pensée pour jouer entre amis.</p>
<p>Le calcul est simple : faible investissement, fort potentiel de gains et un genre qui récompense l'authenticité plutôt que la finition.</p>
<h2 id="exemples-notables" tabindex="-1">Exemples notables <a class="header-anchor" href="#exemples-notables" aria-label="Permalink to &quot;Exemples notables&quot;"></a></h2>
<p><strong>Les incontournables :</strong></p>
<ul>
<li>Among Us (2018) - le prototype</li>
<li>Phasmophobia (2020) - chasse aux fantômes avec chat de proximité</li>
<li>Lethal Company (2023) - le jeu qui a défini le genre</li>
<li>Content Warning (2024) - filmer des monstres pour faire des vues</li>
<li>Peak (2025) - escalade chaotique</li>
<li>R.E.P.O. (2025) - extraction horrifique et loufoque</li>
<li>Crashout Crew (2026) - chaos coopératif en chariot élévateur par Aggro Crab, le codéveloppeur de Peak</li>
<li>Gamble With Your Friends (2026) - jeu de groupe vendu à un million d'exemplaires lors de sa première semaine, preuve que le genre a poursuivi sur sa lancée en 2026</li>
</ul>
<p><strong>Les expérimentations :</strong></p>
<ul>
<li>Guilty as Sock! - drame judiciaire avec des marionnettes-chaussettes</li>
<li>Mage Arena - 2,99 $, lancez des sorts en criant</li>
<li>Lockdown Protocol - la rencontre entre Among Us et un simulateur de corvées</li>
<li>YAPYAP - des sorciers qui vandalisent une tour</li>
</ul>
<h2 id="pourquoi-les-jeux-web-s-y-pretent-parfaitement" tabindex="-1">Pourquoi les jeux web s'y prêtent parfaitement <a class="header-anchor" href="#pourquoi-les-jeux-web-s-y-pretent-parfaitement" aria-label="Permalink to &quot;Pourquoi les jeux web s'y prêtent parfaitement&quot;"></a></h2>
<p>C'est là que les choses deviennent intéressantes pour les développeurs de jeux sur navigateur.</p>
<p>Les jeux de friend slop ont deux exigences : une faible barrière à l'entrée et un multijoueur instantané. Les jeux web excellent dans les deux domaines.</p>
<p>Aucun téléchargement. Aucune installation. Partagez un lien et tout le monde joue en 30 secondes. C'est le scénario idéal pour les jeux coopératifs.</p>
<p>Les défis techniques — multijoueur WebSocket, synchronisation de la physique, chat vocal — peuvent être résolus. Ce n'est pas pour rien que nous proposons des <a href="/fr/tutorials/websocket-multiplayer-basics.html">tutoriels sur WebSocket</a>.</p>
<p>La grande question concerne plutôt la conception. Pouvez-vous créer des moments qui méritent d'être partagés ? Pouvez-vous rendre l'échec drôle ? Pouvez-vous donner à des amis une raison de passer du temps ensemble dans votre jeu ?</p>
<h2 id="si-vous-en-developpez-un" tabindex="-1">Si vous en développez un <a class="header-anchor" href="#si-vous-en-developpez-un" aria-label="Permalink to &quot;Si vous en développez un&quot;"></a></h2>
<p><strong>Commencez par la boucle sociale.</strong> De quoi les joueurs parleront-ils ensuite ? Quelles histoires raconteront-ils ? Concevez le jeu autour de ces moments.</p>
<p><strong>Assumez les imperfections.</strong> Vous n'avez pas besoin d'une finition digne d'un jeu AAA. Les joueurs préfèrent le charme. Les ragdolls sont vos alliés.</p>
<p><strong>Fixez un prix bas.</strong> Entre 5 et 10 $, c'est l'idéal. Vous voulez que des groupes d'amis entiers achètent le jeu. Quatre exemplaires à 8 $ rapportent plus qu'un exemplaire à 30 $.</p>
<p><strong>Ajoutez un chat de proximité.</strong> C'est pratiquement indispensable. Les joueurs s'y attendent désormais.</p>
<p><strong>Facilitez la création de clips.</strong> Si personne ne partage de clips de votre jeu, vous passez à côté d'une promotion gratuite.</p>
<p><strong>Testez avec de vrais groupes d'amis.</strong> Les tests en solo ne vous permettront pas de savoir si la dynamique sociale fonctionne.</p>
<p>Les jeux qui gagnent ne sont pas les plus soignés. Ce sont ceux qui donnent à des amis une raison de rire ensemble.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="qu-est-ce-qui-fait-un-bon-jeu-cooperatif" tabindex="-1">Qu'est-ce qui fait un bon jeu coopératif ? <a class="header-anchor" href="#qu-est-ce-qui-fait-un-bon-jeu-cooperatif" aria-label="Permalink to &quot;Qu'est-ce qui fait un bon jeu coopératif ?&quot;"></a></h3>
<p>Les meilleurs jeux coopératifs créent des situations dans lesquelles les joueurs ont besoin les uns des autres, tout en se gênant mutuellement. Il faut des moments de chaos qui se transforment en histoires que les joueurs raconteront plus tard. Une prise en main facile est utile, car personne ne veut être l'ami qui ne comprend pas les commandes. Des situations d'échec amusantes comptent plus qu'on ne pourrait le croire. Lorsque perdre est divertissant, les gens continuent à jouer. Le chat vocal de proximité ajoute une dimension que le chat textuel ne peut pas reproduire. Enfin, privilégiez des sessions courtes de 15 à 30 minutes, afin que les joueurs puissent faire quelques parties dans la soirée sans avoir l'impression de s'engager pour longtemps.</p>
<h3 id="pourquoi-les-jeux-cooperatifs-sont-ils-si-populaires-actuellement" tabindex="-1">Pourquoi les jeux coopératifs sont-ils si populaires actuellement ? <a class="header-anchor" href="#pourquoi-les-jeux-cooperatifs-sont-ils-si-populaires-actuellement" aria-label="Permalink to &quot;Pourquoi les jeux coopératifs sont-ils si populaires actuellement ?&quot;"></a></h3>
<p>Plusieurs facteurs se sont combinés. Lethal Company a prouvé en 2023 qu'un développeur solo pouvait créer un jeu coopératif et en vendre des millions d'exemplaires. Puis Peak, qui avait commencé comme un projet de game jam, a atteint 11 millions d'exemplaires vendus en 2025. Il est devenu difficile d'ignorer le potentiel économique. Ces jeux coûtent peu cher à produire, se propagent à toute vitesse dans les groupes d'amis et génèrent des clips qui deviennent viraux sur les réseaux sociaux. Le genre « friend slop », comme on l'appelle, récompense l'authenticité plutôt que la finition. Vous n'avez besoin ni d'un grand studio ni d'un gros budget. Il vous faut des moments drôles et des amis qui ont envie de les partager.</p>
<h3 id="peut-on-creer-un-jeu-cooperatif-pour-navigateur" tabindex="-1">Peut-on créer un jeu coopératif pour navigateur ? <a class="header-anchor" href="#peut-on-creer-un-jeu-cooperatif-pour-navigateur" aria-label="Permalink to &quot;Peut-on créer un jeu coopératif pour navigateur ?&quot;"></a></h3>
<p>Absolument. Les jeux sur navigateur sont même particulièrement adaptés à la coopération, car le principal obstacle lorsqu'on veut jouer entre amis est de faire en sorte que tout le monde soit prêt. Avec un jeu web, il suffit de partager un lien pour que tout le monde rejoigne la partie. Aucun téléchargement, aucune incompatibilité de version, aucun « attendez, je dois faire une mise à jour ». Tous les éléments techniques — multijoueur WebSocket, synchronisation de la physique et même chat vocal de base avec WebRTC — sont réalisables dans le navigateur. Nous proposons un <a href="/fr/tutorials/websocket-multiplayer-basics.html">tutoriel sur le multijoueur avec WebSocket</a> qui couvre la partie réseau.</p>
<hr>
<p><strong>À lire également :</strong></p>
<ul>
<li><a href="/fr/tutorials/websocket-multiplayer-basics.html">Bases du multijoueur avec WebSocket</a></li>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour le Steam Next Fest</a></li>
<li><a href="/fr/guides/kickstarter-for-indie-games.html">Kickstarter pour les jeux indépendants</a></li>
<li><a href="/fr/tutorials/gamepad-api.html">API Gamepad</a> — coopération locale avec plusieurs manettes</li>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — les jeux coopératifs créés en jam obtiennent plus d'évaluations et de partages</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — les jeux coopératifs sur navigateur prospèrent sur itch.io</li>
</ul>
<BuildCta
  title="Créez seul le prototype de votre idée coopérative"
  desc="Commencez par le cœur du jeu à deux personnages et testez la boucle de réflexion."
  prompt="Crée un jeu de réflexion dans lequel je contrôle deux personnages et passe de l'un à l'autre pour actionner des interrupteurs" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/co-op-game-design.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Kickstarter pour les jeux indépendants en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/kickstarter-for-indie-games</link>
            <guid>https://app.cinevva.com/fr/guides/kickstarter-for-indie-games</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce que révèlent réellement les données, qui réussit, qui échoue et si le financement participatif est pertinent pour votre jeu.]]></description>
            <content:encoded><![CDATA[<h1 id="kickstarter-pour-les-jeux-independants-en-2026" tabindex="-1">Kickstarter pour les jeux indépendants en 2026 <a class="header-anchor" href="#kickstarter-pour-les-jeux-independants-en-2026" aria-label="Permalink to &quot;Kickstarter pour les jeux indépendants en 2026&quot;"></a></h1>
<p>Parlons de ce qui se passe réellement en ce moment dans le financement participatif des jeux vidéo, car les impressions ne correspondent pas aux données.</p>
<p>L’âge d’or est terminé. En 2013, les jeux vidéo ont récolté 51 millions de dollars sur Kickstarter. En 2024, ce montant était tombé à 25,2 millions de dollars, pour un nombre de campagnes à peu près identique. Le gâteau a diminué de moitié, mais le nombre de personnes qui se disputent les parts n’a presque pas changé. Voilà la réalité mathématique à laquelle vous vous confrontez.</p>
<p>Et pourtant, les développeurs continuent de se tourner vers Kickstarter. Les éditeurs disent non. Les investisseurs ont pris peur face à la vague de licenciements. Environ 15 000 emplois ont disparu dans l’industrie du jeu vidéo rien qu’en 2024, et les organismes de suivi soulignent que le chiffre réel est probablement plus élevé, car toutes les suppressions de postes ne sont pas déclarées. Pour de nombreuses équipes, le financement participatif n’est même plus le plan A. C’est la solution de secours lorsque tout le reste échoue.</p>
<h2 id="deux-histoires-de-2025" tabindex="-1">Deux histoires de 2025 <a class="header-anchor" href="#deux-histoires-de-2025" aria-label="Permalink to &quot;Deux histoires de 2025&quot;"></a></h2>
<h3 id="celle-qui-a-fonctionne" tabindex="-1">Celle qui a fonctionné <a class="header-anchor" href="#celle-qui-a-fonctionne" aria-label="Permalink to &quot;Celle qui a fonctionné&quot;"></a></h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mrvpsBjg4nI" title="Bande-annonce d’Elestrals Awakened" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Elestrals Awakened</strong> a récolté plus de 1,3 million de dollars auprès de plus de 9 000 contributeurs, devenant ainsi le jeu vidéo ayant obtenu le plus de financement sur Kickstarter en 2025. L’équipe derrière le projet ? Un ancien commentateur du Championnat Pokémon comptant près d’un million d’abonnés sur YouTube, avec déjà deux campagnes Kickstarter réussies à son actif : un jeu de cartes à collectionner et sa version numérique. Elle avait un public. Elle avait fait ses preuves. Elle avait consacré des années à bâtir une communauté avant même de demander de l’argent.</p>
<p><a href="https://www.kickstarter.com/projects/elestrals/elestrals-awakened" target="_blank" class="campaign-link">Voir la campagne Kickstarter d’Elestrals Awakened →</a></p>
<h3 id="celle-qui-n-a-pas-fonctionne" tabindex="-1">Celle qui n’a pas fonctionné <a class="header-anchor" href="#celle-qui-n-a-pas-fonctionne" aria-label="Permalink to &quot;Celle qui n’a pas fonctionné&quot;"></a></h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/dAzaaBUqki4" title="Bande-annonce d’Alzara: Radiant Echoes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Alzara: Radiant Echoes</strong> a récolté 300 000 € auprès de plus de 5 000 contributeurs en 2024. Ce fut l’une des campagnes de jeux vidéo soutenues par le plus grand nombre de personnes cette année-là. Le studio Camelia a fermé en avril 2025. Aucun jeu. Aucun remboursement. L’équipe disposait d’une démo jouable, de membres expérimentés, de la moitié du financement nécessaire et du succès de la campagne Kickstarter comme preuve de l’intérêt du marché. Elle a présenté son projet au Tokyo Game Show, à la DICE et à tous les événements professionnels qu’elle a pu trouver. Personne n’a accepté.</p>
<blockquote>
<p>« Cela fait partie de la dure réalité de l’industrie. Parfois, même un concept de jeu prometteur, un intérêt du marché avéré et une équipe solide ne suffisent pas. »</p>
<p>— Studio Camelia, dernière actualité publiée pour les contributeurs</p>
</blockquote>
<p><a href="https://www.kickstarter.com/projects/studiocamelia/seed-a-vibrant-tribute-to-jrpg-classics" target="_blank" class="campaign-link">Voir la campagne Kickstarter d’Alzara (archivée) →</a></p>
<p>Deux campagnes. Toutes deux « réussies » selon la définition de Kickstarter. L’une d’elles n’a rien livré. La différence ne résidait pas dans l’argent récolté, mais dans tout ce qui avait précédé.</p>
<h2 id="les-chiffres-qui-comptent" tabindex="-1">Les chiffres qui comptent <a class="header-anchor" href="#les-chiffres-qui-comptent" aria-label="Permalink to &quot;Les chiffres qui comptent&quot;"></a></h2>
<p>Les données de 17 000 campagnes Kickstarter lancées depuis 2009 racontent une histoire limpide :</p>
<p><strong>Le montant de l’objectif permet de prédire la réussite.</strong> Aucune des 15 campagnes visant 2,5 millions de dollars ou plus n’a réussi. Mais les jeux dont l’objectif était inférieur à 500 000 $ ont souvent dépassé les attentes. Shenmue 3 demandait 2 millions de dollars et en a obtenu 6,3 millions. Bloodstained demandait 500 000 $ et en a obtenu 5,5 millions. Fixez un objectif derrière lequel les gens peuvent se mobiliser, puis dépassez-le largement.</p>
<p><strong>Le calendrier compte.</strong> Décembre est le pire mois pour lancer une campagne, avec un taux de réussite de 28 %. Février est le meilleur, avec 35 %. La moyenne globale est de 32 %. Oui, deux campagnes sur trois échouent.</p>
<p><strong>La majeure partie de l’argent provient de campagnes aux objectifs modestes.</strong> 81,8 % de tous les fonds récoltés l’ont été par des campagnes dont l’objectif ne dépassait pas 500 000 $. 68,1 % provenaient de campagnes visant moins de 250 000 $. Les campagnes géantes font les gros titres, mais ce sont celles de taille moyenne qui obtiennent réellement leur financement.</p>
<p>Les chiffres de 2025 sont désormais disponibles et dressent un tableau plus nuancé que celui du déclin prolongé. Les jeux vidéo ont compté 443 campagnes réussies en 2025, récoltant un montant juste inférieur aux quelque 26 millions de dollars de 2024. Le changement intéressant se situe au sommet : 11 campagnes ont dépassé 500 000 $, le nombre le plus élevé dans cette tranche depuis 2015 et plus du double de celui enregistré en 2024. Le marché ne grandit pas, mais les grandes campagnes bien préparées font leur retour.</p>
<h2 id="ce-que-50-000-permettent-reellement-d-acheter" tabindex="-1">Ce que 50 000 $ permettent réellement d’acheter <a class="header-anchor" href="#ce-que-50-000-permettent-reellement-d-acheter" aria-label="Permalink to &quot;Ce que 50 000 $ permettent réellement d’acheter&quot;"></a></h2>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/BoqbkWJqlVY" title="Bande-annonce Kickstarter de Space Chef" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Voici le bilan après-campagne de l’équipe de <strong>Space Chef</strong>, qui a récolté 50 000 $ auprès de 1 119 contributeurs :</p>
<blockquote>
<p>« Pour obtenir 50 000 $, nous avons dû dépenser plus de 20 000 $ en marketing, en publicité et en créateurs de contenu. La réalisation de la bande-annonce a pris 3 mois. Kickstarter n’est pas de l’argent gratuit. C’est un engagement sur plusieurs années envers des centaines de personnes. »</p>
</blockquote>
<p>Leur calcul :</p>
<table tabindex="0">
<thead>
<tr>
<th>Poste</th>
<th>Montant</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fonds récoltés</td>
<td>50 000 $</td>
</tr>
<tr>
<td>Marketing</td>
<td>-20 000 $</td>
</tr>
<tr>
<td>Frais et taxes</td>
<td>-4 000 $</td>
</tr>
<tr>
<td><strong>Reste pour le développement</strong></td>
<td><strong>26 000 $</strong></td>
</tr>
</tbody>
</table>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" role="img" aria-label="Répartition des 50 000 dollars récoltés sur Kickstarter : 50 000 dollars récoltés, moins 20 000 pour le marketing, moins 4 000 pour les frais et les taxes, soit 26 000 dollars restants pour le développement" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="380" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Où vont réellement les 50 000 $ récoltés</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Space Chef, 50 000 $ auprès de 1 119 contributeurs. Source : bilan des développeurs.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="11" fill="#5b6472">
    <g stroke="#ffffff" stroke-opacity="0.07">
      <line x1="70" y1="100" x2="690" y2="100"/>
      <line x1="70" y1="140" x2="690" y2="140"/>
      <line x1="70" y1="180" x2="690" y2="180"/>
      <line x1="70" y1="220" x2="690" y2="220"/>
      <line x1="70" y1="260" x2="690" y2="260"/>
    </g>
    <line x1="70" y1="300" x2="690" y2="300" stroke="#ffffff" stroke-opacity="0.16"/>
    <text x="60" y="104" text-anchor="end">50 k$</text>
    <text x="60" y="144" text-anchor="end">40 k$</text>
    <text x="60" y="184" text-anchor="end">30 k$</text>
    <text x="60" y="224" text-anchor="end">20 k$</text>
    <text x="60" y="264" text-anchor="end">10 k$</text>
    <text x="60" y="304" text-anchor="end">0 $</text>
  </g>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <g stroke="#9aa7b4" stroke-opacity="0.45" stroke-dasharray="4 4">
      <line x1="200" y1="100" x2="250" y2="100"/>
      <line x1="360" y1="180" x2="410" y2="180"/>
      <line x1="520" y1="196" x2="570" y2="196"/>
    </g>
    <rect x="90" y="100" width="110" height="200" rx="6" fill="#7dd3fc"/>
    <rect x="250" y="100" width="110" height="80" rx="6" fill="#fb7185"/>
    <rect x="410" y="180" width="110" height="16" rx="4" fill="#fb7185"/>
    <rect x="570" y="196" width="110" height="104" rx="6" fill="#6ee7b7"/>
    <g text-anchor="middle" font-weight="800" font-size="14">
      <text x="145" y="92" fill="#7dd3fc">50 000 $</text>
      <text x="305" y="92" fill="#fb7185">&#8722;20 000 $</text>
      <text x="465" y="172" fill="#fb7185">&#8722;4 000 $</text>
      <text x="625" y="188" fill="#6ee7b7">26 000 $</text>
    </g>
    <g text-anchor="middle" font-size="12.5" font-weight="700" fill="#e8edf5">
      <text x="145" y="322">Fonds récoltés</text>
      <text x="305" y="322">Marketing</text>
      <text x="465" y="322">Frais et taxes</text>
      <text x="625" y="322">Reste pour le dév.</text>
    </g>
  </g>
</svg>
<p>À 20 $ de l’heure, cela représente 1 300 heures. Environ 32 semaines. Loin d’être suffisant pour terminer leur jeu.</p>
<p>Ils ont finalement obtenu l’investissement d’un éditeur pour le terminer. La campagne Kickstarter n’a pas financé le jeu. Elle a prouvé que le jeu méritait d’être financé.</p>
<p><a href="https://www.kickstarter.com/projects/bluegoogames/space-chef" target="_blank" class="campaign-link">Voir la campagne Kickstarter de Space Chef →</a></p>
<h2 id="quand-cela-a-du-sens" tabindex="-1">Quand cela a du sens <a class="header-anchor" href="#quand-cela-a-du-sens" aria-label="Permalink to &quot;Quand cela a du sens&quot;"></a></h2>
<p>Kickstarter fonctionne lorsque vous l’utilisez pour valider votre projet, pas pour le sauver.</p>
<p><strong>Bonnes raisons de lancer une campagne :</strong></p>
<ul>
<li>Vous avez un public qui réclame déjà votre jeu</li>
<li>Vous devez prouver la demande du marché pour attirer un éditeur</li>
<li>Vous souhaitez bâtir une communauté littéralement investie dans votre réussite</li>
<li>Vous avez déjà fait vos preuves : jeux précédents, projets réussis ou expertise reconnue</li>
</ul>
<p><strong>Mauvaises raisons :</strong></p>
<ul>
<li>Vous avez besoin de l’argent pour commencer le développement</li>
<li>Vous n’avez aucun public existant</li>
<li>Vous espérez que la campagne elle-même fera connaître votre jeu</li>
<li>Vous ne pouvez pas vous permettre d’échouer</li>
</ul>
<h2 id="les-dures-verites" tabindex="-1">Les dures vérités <a class="header-anchor" href="#les-dures-verites" aria-label="Permalink to &quot;Les dures vérités&quot;"></a></h2>
<p><strong>Vous ne pourrez probablement pas terminer votre jeu uniquement avec l’argent de Kickstarter.</strong> La plupart des campagnes réussies couvrent entre 25 et 50 % des coûts réels de développement. Le reste provient d’éditeurs, de subventions, de l’épargne ou d’un emploi alimentaire.</p>
<p><strong>Vos contributeurs ne peuvent pas être remboursés si vous échouez.</strong> Ils le savent. Ils sont de plus en plus méfiants envers les créateurs qui se lancent pour la première fois. Les studios ayant déjà sorti des jeux ou fait leurs preuves inspirent davantage confiance.</p>
<p><strong>Gérer une campagne est un travail à temps plein.</strong> Des actualités tous les quelques jours. Des messages de contributeurs. Des contacts avec la presse. La planification des objectifs supplémentaires. Les réseaux sociaux. Pendant plus de 30 jours, vous ne développez pas votre jeu. Vous faites sa promotion.</p>
<p><strong>Le taux de réussite est de 32 %.</strong> Cela signifie que 68 % des campagnes échouent. Si vous vous lancez sans préparation, vous ferez presque certainement partie de ces 68 %.</p>
<h2 id="si-vous-etes-toujours-partant" tabindex="-1">Si vous êtes toujours partant <a class="header-anchor" href="#si-vous-etes-toujours-partant" aria-label="Permalink to &quot;Si vous êtes toujours partant&quot;"></a></h2>
<p>Faites ceci avant de vous lancer :</p>
<ol>
<li>
<p><strong>Construisez d’abord votre public.</strong> Entre 1 000 et 2 000 personnes qui veulent réellement votre jeu. Un serveur Discord, une liste de diffusion, des abonnés sur les réseaux sociaux. Peu importe la méthode, tant qu’elle fonctionne.</p>
</li>
<li>
<p><strong>Ayez quelque chose de jouable.</strong> Une démo, une tranche verticale, quelque chose de concret. Les joueurs ont été déçus trop de fois. Montrer vaut mieux que promettre.</p>
</li>
<li>
<p><strong>Fixez un objectif que vous pouvez réellement atteindre.</strong> Demandez ce dont vous avez besoin pour terminer le jeu, pas ce que vous aimeriez avoir. Atteignez rapidement votre objectif, puis visez les paliers supplémentaires.</p>
</li>
<li>
<p><strong>Préparez le travail qui suivra.</strong> Les actualités. L’envoi des récompenses. Des années de développement sous le regard de votre communauté. Il ne s’agit pas d’une simple transaction, mais d’une relation.</p>
</li>
</ol>
<p>Les équipes qui réussissent considèrent Kickstarter comme le début d’une conversation, pas comme la solution définitive à un problème de financement. Toutes les autres le traitent comme un billet de loterie.</p>
<p>Ne soyez pas un billet de loterie.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="kickstarter-vaut-il-encore-le-coup-pour-les-jeux-independants" tabindex="-1">Kickstarter vaut-il encore le coup pour les jeux indépendants ? <a class="header-anchor" href="#kickstarter-vaut-il-encore-le-coup-pour-les-jeux-independants" aria-label="Permalink to &quot;Kickstarter vaut-il encore le coup pour les jeux indépendants ?&quot;"></a></h3>
<p>Tout dépend de ce que vous apportez au projet. Si vous avez un public, une démo jouable et des attentes réalistes, cela peut fonctionner. Le taux de réussite des campagnes de jeux vidéo est d’environ 32 %, ce qui n’est pas très encourageant. Mais les équipes qui disposent déjà d’une communauté et ont fait leurs preuves obtiennent des résultats bien supérieurs à cette moyenne. La vraie question est de savoir si vous avez préparé le terrain. Si vous vous lancez à froid, sans aucun public, vos chances sont minces.</p>
<h3 id="combien-les-jeux-independants-recoltent-ils-sur-kickstarter" tabindex="-1">Combien les jeux indépendants récoltent-ils sur Kickstarter ? <a class="header-anchor" href="#combien-les-jeux-independants-recoltent-ils-sur-kickstarter" aria-label="Permalink to &quot;Combien les jeux indépendants récoltent-ils sur Kickstarter ?&quot;"></a></h3>
<p>Le montant total récolté par les jeux vidéo sur Kickstarter diminue. Il a culminé à environ 51 millions de dollars en 2013, avant de tomber à près de 25,2 millions en 2024. La plupart des campagnes réussies récoltent entre 10 000 et 50 000 $. Ce que les gens oublient, c’est la part de cet argent qui disparaît. Kickstarter prélève environ 5 %, le traitement des paiements en absorbe encore 3 à 5 %, puis viennent la production et l’envoi des récompenses, les frais de livraison et les taxes. Une campagne qui récolte 50 000 $ peut ne vous laisser que 26 000 $ réellement disponibles.</p>
<h3 id="quel-pourcentage-des-campagnes-kickstarter-de-jeux-video-echoue" tabindex="-1">Quel pourcentage des campagnes Kickstarter de jeux vidéo échoue ? <a class="header-anchor" href="#quel-pourcentage-des-campagnes-kickstarter-de-jeux-video-echoue" aria-label="Permalink to &quot;Quel pourcentage des campagnes Kickstarter de jeux vidéo échoue ?&quot;"></a></h3>
<p>Environ 68 % des campagnes de jeux vidéo sur Kickstarter n’atteignent pas leur objectif de financement. Ce chiffre est resté assez stable au fil des années. Les campagnes qui échouent ont généralement plusieurs caractéristiques en commun : aucun public existant, aucune démo jouable, des objectifs de financement irréalistes ou un lancement pendant une période saturée sans aucun moyen de se démarquer.</p>
<hr>
<p><strong>À lire également :</strong></p>
<ul>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a></li>
<li><a href="/fr/guides/game-jams-hackathons.html">Guide des game jams et hackathons</a></li>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour le Steam Next Fest</a> — développer les listes de souhaits avant et pendant le financement participatif</li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux en coopération</a> — les jeux en coopération génèrent un partage social naturel qui aide les campagnes</li>
</ul>
<BuildCta
  title="Les contributeurs financent ce qui est jouable, pas ce qui est promis"
  desc="Dans votre présentation, un lien vers une démo en ligne vaut mieux que des illustrations conceptuelles."
  prompt="Crée un niveau d’introduction jouable pour un jeu d’exploration chaleureux" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/kickstarter-for-indie-games.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Stratégie pour le Steam Néo Fest en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/steam-next-fest-strategy</link>
            <guid>https://app.cinevva.com/fr/guides/steam-next-fest-strategy</guid>
            <pubDate>Mon, 26 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Ce que révèlent les données sur les listes de souhaits, les démos et le calendrier du Steam Néo Fest, avec les chiffres réels de plus de 200 jeux et les véritables moteurs de visibilité.]]></description>
            <content:encoded><![CDATA[<h1 id="strategie-pour-le-steam-neo-fest-en-2026" tabindex="-1">Stratégie pour le Steam Néo Fest en 2026 <a class="header-anchor" href="#strategie-pour-le-steam-neo-fest-en-2026" aria-label="Permalink to &quot;Stratégie pour le Steam Néo Fest en 2026&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<div class="stat-box">
<strong>Calendrier 2026</strong><br>
Le Néo Fest de juin 2026 s'est déroulé du 15 au 22 juin et a établi un record avec près de 5 000 démos jouables (<a href="https://partner.steamgames.com/doc/marketing/upcoming_events/nextfest/2026june" target="_blank">Steamworks</a>), ce qui ne fait que renforcer le constat ci-dessous : dans un environnement aussi saturé, les démos qui ont percé sont celles qui disposaient déjà d'un public. La prochaine édition, celle d'<a href="https://partner.steamgames.com/doc/marketing/upcoming_events/nextfest/2026october" target="_blank">octobre 2026</a>, se déroulera du 19 au 26 octobre. N'oubliez pas qu'un jeu ne peut participer qu'à un seul Néo Fest, alors choisissez l'édition qui correspond à votre fenêtre de sortie.
</div>
<p>Voilà ce qu'il faut comprendre au sujet du Néo Fest : tout le monde le considère comme une loterie. On y inscrit sa démo, on croise les doigts et on espère que l'algorithme nous sourira. Mais ce n'est pas comme ça que ça fonctionne.</p>
<p>Je lis des post-mortems de manière obsessionnelle. Rien qu'en 2025, j'en ai lu des centaines. Le schéma est si constant qu'il en devient presque ennuyeux : les jeux qui « gagnent » le Néo Fest ne découvrent pas le succès pendant l'événement. Ils amplifient une dynamique qu'ils avaient déjà créée.</p>
<p>Je vais vous montrer ce que je veux dire.</p>
<h2 id="la-formule-que-personne-ne-veut-entendre" tabindex="-1">La formule que personne ne veut entendre <a class="header-anchor" href="#la-formule-que-personne-ne-veut-entendre" aria-label="Permalink to &quot;La formule que personne ne veut entendre&quot;"></a></h2>
<div class="stat-box">
<strong>Listes de souhaits avant × 2 = Listes de souhaits gagnées</strong><br>
Ce ratio revient dans un post-mortem après l'autre.
</div>
<p>Eilean Mor est arrivé au Néo Fest d'octobre 2025 avec 2 117 listes de souhaits. Il en a gagné 2 082 pendant l'événement. Presque exactement 2×.</p>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/jFv7SjsQEws" title="Bande-annonce d'Eilean Mor: The Lost Keepers" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Dice of Kalma est arrivé avec 335 listes de souhaits. Il en a gagné 659. Un peu moins de 2×. Son développeur a écrit : « Nos listes de souhaits ont presque triplé, ce qui est génial, mais il nous reste encore beaucoup de travail. »</p>
<p>Voilà la vérité qui dérange. Le Néo Fest double ce que vous avez déjà. Si vous n'avez rien, il ne fait que doubler ce rien.</p>
<p><a href="https://store.steampowered.com/app/3871570/Eilean_Mor_The_Lost_Keepers/" target="_blank" class="campaign-link">Voir Eilean Mor sur Steam →</a></p>
<h2 id="le-cap-des-2-000-listes-de-souhaits" tabindex="-1">Le cap des 2 000 listes de souhaits <a class="header-anchor" href="#le-cap-des-2-000-listes-de-souhaits" aria-label="Permalink to &quot;Le cap des 2 000 listes de souhaits&quot;"></a></h2>
<p>Les données de 208 jeux en février 2025 révèlent un net point de bascule à 2 000 listes de souhaits.</p>
<table tabindex="0">
<thead>
<tr>
<th>Listes de souhaits au départ</th>
<th>Ce qui se passe</th>
</tr>
</thead>
<tbody>
<tr>
<td>Moins de 1 000</td>
<td>Vous devenez invisible après le deuxième jour. Aucun jeu n'est passé dans une catégorie supérieure.</td>
</tr>
<tr>
<td>1 000–2 000</td>
<td>Gains modestes. Vous restez dans votre catégorie.</td>
</tr>
<tr>
<td>2 000+</td>
<td>L'algorithme commence à vous aider. Une véritable dynamique devient possible.</td>
</tr>
<tr>
<td>10 000+</td>
<td>Catégorie Or. De fortes progressions sont probables.</td>
</tr>
<tr>
<td>100 000+</td>
<td>Catégorie Diamant. Vous concourez pour les premières places des classements.</td>
</tr>
</tbody>
</table>
<p>Voici ce qu'a déclaré un développeur ayant participé à cette enquête : « On commence vraiment à voir les listes de souhaits décoller pour les jeux qui en comptent plus de 2 000 avant le Steam Néo Fest. »</p>
<p>Ce n'est pas exactement une question d'algorithme. C'est une question de validation. Atteindre 2 000 listes de souhaits signifie que vous avez compris quelque chose au marketing. Vous savez comment toucher les joueurs. Et cette compétence produit un effet cumulatif pendant l'événement.</p>
<h2 id="ce-que-fevrier-2026-a-confirme" tabindex="-1">Ce que février 2026 a confirmé <a class="header-anchor" href="#ce-que-fevrier-2026-a-confirme" aria-label="Permalink to &quot;Ce que février 2026 a confirmé&quot;"></a></h2>
<p>Le Néo Fest de février 2026, qui s'est déroulé du 23 février au 2 mars, était alors l'édition la plus saturée, avec plus de 3 500 démos. Et plus le nombre de participants augmente, plus les données répètent avec force la même conclusion.</p>
<p>How To Market A Game a interrogé 182 développeurs après l'événement. La relation la plus forte observée dans les données était celle entre le nombre de listes de souhaits d'un jeu avant le festival et celles obtenues pendant l'événement : une analyse indépendante des données de l'enquête a établi la corrélation de Spearman à 0,825. À titre de comparaison, la plupart des corrélations marketing dans les données des jeux indépendants se situent entre 0,2 et 0,4. Rien d'autre ne s'en approchait.</p>
<p>Les écarts étaient brutaux. La démo médiane a obtenu 806 listes de souhaits. Au 70e centile, ce chiffre atteignait 1 839. Il fallait en obtenir 13 461 pour entrer dans le 95e centile, tandis que le meilleur jeu en a engrangé 57 074. Une démo lancée à froid, sans communauté d'abonnés, avait environ une chance sur 20 d'atteindre ce top 5 %. Le festival récompense la dynamique que vous y apportez. Il ne la crée pas à votre place.</p>
<p>Les données sur le calendrier ont également confirmé l'intérêt de publier sa démo tôt. Parmi les jeux ayant gagné plus de 15 000 listes de souhaits, cinq avaient publié leur démo plusieurs mois à l'avance, quatre l'avaient lancée environ un mois avant et un seul l'avait sortie par surprise quelques jours avant le festival.</p>
<h2 id="les-48-premieres-heures-font-toute-la-difference" tabindex="-1">Les 48 premières heures font toute la différence <a class="header-anchor" href="#les-48-premieres-heures-font-toute-la-difference" aria-label="Permalink to &quot;Les 48 premières heures font toute la différence&quot;"></a></h2>
<p>Valve donne sa chance à tout le monde pendant les premier et deuxième jours. Ensuite, l'algorithme décide quels jeux méritent davantage de visibilité en fonction de leurs performances.</p>
<p>Les jeux de la catégorie Bronze ? Leurs impressions s'effondrent au troisième jour. Ceux de la catégorie Diamant ? Leurs impressions triplent.</p>
<div class="stat-box">
<strong>Jours 1 et 2 :</strong> Mettez le paquet. Diffusez en direct. Publiez. Coordonnez-vous avec les créateurs de contenu.<br>
<strong>À partir du troisième jour :</strong> L'algorithme a déjà tranché. Vous ne faites plus que suivre le mouvement.
</div>
<h2 id="ce-qui-a-reellement-fonctionne-en-2025" tabindex="-1">Ce qui a réellement fonctionné en 2025 <a class="header-anchor" href="#ce-qui-a-reellement-fonctionne-en-2025" aria-label="Permalink to &quot;Ce qui a réellement fonctionné en 2025&quot;"></a></h2>
<h3 id="do-no-harm-fevrier-2025" tabindex="-1">Do No Harm (février 2025) <a class="header-anchor" href="#do-no-harm-fevrier-2025" aria-label="Permalink to &quot;Do No Harm (février 2025)&quot;"></a></h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GBlOHAL1LkY" title="Bande-annonce de Do No Harm" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p><strong>Les chiffres :</strong> 45 655 listes de souhaits gagnées pendant le Néo Fest. Le jeu en comptait 52 102 au départ.</p>
<p><strong>Ce qu'ils ont fait :</strong></p>
<ul>
<li>Publication de la bande-annonce sur GameTrailers le 29 janvier, plusieurs semaines avant le Néo Fest</li>
<li>Campagne de relations presse coordonnée avec la bande-annonce</li>
<li>Mise en ligne de la démo le 4 février</li>
<li>Publicités payantes pour amplifier la dynamique organique</li>
</ul>
<p>Voilà la stratégie à suivre. Ils n'ont pas compté sur le Néo Fest pour se faire connaître. Ils l'ont utilisé pour multiplier une attention qu'ils avaient déjà gagnée.</p>
<p><a href="https://store.steampowered.com/app/3138780/Do_No_Harm/" target="_blank" class="campaign-link">Voir Do No Harm sur Steam →</a></p>
<h3 id="cairn-octobre-2025" tabindex="-1">Cairn (octobre 2025) <a class="header-anchor" href="#cairn-octobre-2025" aria-label="Permalink to &quot;Cairn (octobre 2025)&quot;"></a></h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/x6KWhvvk3bM" title="Bande-annonce annonçant la date de sortie de Cairn" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>La démo a atteint la 5e place dès le premier jour. Au deuxième jour, elle figurait dans les sections Tendances à venir et Meilleures démos.</p>
<p><strong>Ce qu'ils ont fait :</strong></p>
<ul>
<li>Lancement de la démo en décembre 2024, dix mois avant leur Néo Fest</li>
<li>32 000 abonnés avant le festival</li>
<li>Sélection dans 18 festivals avant le Néo Fest</li>
<li>The Game Bakers (Furi, Haven) : un studio établi ayant déjà fait ses preuves</li>
</ul>
<p>Ils n'avaient pas besoin du Néo Fest. Mais ils l'ont tout de même utilisé, car il offre une amplification gratuite lorsqu'on a déjà fait le travail.</p>
<p><a href="https://store.steampowered.com/app/1588550/Cairn/" target="_blank" class="campaign-link">Voir Cairn sur Steam →</a></p>
<h3 id="yapyap-octobre-2025" tabindex="-1">YAPYAP (octobre 2025) <a class="header-anchor" href="#yapyap-octobre-2025" aria-label="Permalink to &quot;YAPYAP (octobre 2025)&quot;"></a></h3>
<div class="video-embed">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7d8Fd9XXAtQ" title="Séquence de gameplay de la démo de YAPYAP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>Le phénomène du « friend slop », ces jeux coopératifs chaotiques entre amis. Un jeu d'horreur en coopération dans lequel vous incarnez des sorciers qui vandalisent une tour. Il est devenu viral sur les réseaux sociaux, puis a dominé le Néo Fest.</p>
<p>Sa bande-annonce est sortie le 25 août 2025, un mois avant le Néo Fest. Elle a cumulé 434 000 vues. Ce fut le point de bascule. Ensuite, il n'a plus eu qu'à surfer sur la vague.</p>
<p><a href="https://store.steampowered.com/app/3834090/YAPYAP/" target="_blank" class="campaign-link">Voir YAPYAP sur Steam →</a></p>
<h2 id="les-genres-qui-continuent-de-l-emporter" tabindex="-1">Les genres qui continuent de l'emporter <a class="header-anchor" href="#les-genres-qui-continuent-de-l-emporter" aria-label="Permalink to &quot;Les genres qui continuent de l'emporter&quot;"></a></h2>
<p>D'après la catégorie Diamant de février 2025 :</p>
<ul>
<li><strong>Horreur</strong> (×2) — Steam adore l'horreur. Cela a toujours été le cas.</li>
<li><strong>Stratégie/Gestion</strong> (×4) — les jeux mêlant fabrication, construction et simulation sont à l'honneur</li>
<li><strong>« Friend slop » coopératif</strong> — Lethal Company a ouvert les vannes</li>
<li><strong>Point-and-click</strong> (×2) — mais les deux jeux étaient des suites disposant déjà d'un public</li>
</ul>
<p>Le cas du point-and-click est intéressant. Beholder: Conductor était le quatrième jeu de sa série. Duck Detective était une suite. Ils disposaient déjà d'un public. Les développeurs qui créent leur premier point-and-click n'obtiennent pas ces résultats.</p>
<h2 id="ce-que-disent-les-petits-jeux" tabindex="-1">Ce que disent les petits jeux <a class="header-anchor" href="#ce-que-disent-les-petits-jeux" aria-label="Permalink to &quot;Ce que disent les petits jeux&quot;"></a></h2>
<p>Tout le monde ne vise pas la catégorie Diamant. Voici ce qu'ont rapporté des développeurs plus modestes à l'issue de l'édition d'octobre 2025 :</p>
<blockquote>
<p>« Taux de conversion de 62 % entre les visites et les ajouts aux listes de souhaits. La page de la boutique semble donc fonctionner. Mais le nombre d'impressions était élevé et les gens ne cliquaient pas. L'illustration de la capsule doit être retravaillée. »</p>
</blockquote>
<blockquote>
<p>« 57 % des visiteurs de notre page ont joué à notre démo. Cela semble élevé, non ? Mais seulement 15 % des joueurs l'ont également ajoutée à leur liste de souhaits. Quelque chose n'a pas répondu à leurs attentes. »</p>
</blockquote>
<blockquote>
<p>« J'ai été banni définitivement de r/cozygames pour avoir demandé aux membres s'ils trouvaient notre jeu cosy. J'essaie toujours de respecter les règles, mais c'était assez surprenant. »</p>
</blockquote>
<p>Le travail de fond est bien réel. Ces développeurs testent leurs illustrations de capsule, ajustent leurs tags et se font bannir de subreddits. Cela n'a rien de prestigieux.</p>
<h2 id="la-strategie-realiste" tabindex="-1">La stratégie réaliste <a class="header-anchor" href="#la-strategie-realiste" aria-label="Permalink to &quot;La stratégie réaliste&quot;"></a></h2>
<p><strong>Dans les mois précédant le Néo Fest :</strong></p>
<ol>
<li>Lancez votre démo tôt. Vraiment très tôt. Les jeux gagnants avaient publié leurs démos 6 à 12 mois auparavant.</li>
<li>Participez d'abord à de petits festivals spécialisés dans votre genre. Profitez-en pour peaufiner votre jeu.</li>
<li>Atteignez plus de 2 000 listes de souhaits. Voilà votre véritable seuil.</li>
</ol>
<p><strong>Pendant le Néo Fest :</strong></p>
<ol>
<li>Les premier et deuxième jours sont décisifs. Mettez le paquet.</li>
<li>Diffusez en direct si vous le pouvez. La mention « en direct » apparaîtra sur votre page.</li>
<li>Coordonnez-vous avec des streamers. Rémunérez-les si nécessaire.</li>
<li>Placez votre démo sur une page Steam distincte afin qu'elle puisse recueillir des évaluations.</li>
</ol>
<p><strong>Après le Néo Fest :</strong></p>
<ol>
<li>Ne sortez pas votre jeu immédiatement. Attendre quelques semaines donne en fait de meilleurs résultats.</li>
<li>Exploitez cette dynamique pour la campagne marketing de votre véritable lancement.</li>
</ol>
<h2 id="quand-vaut-il-mieux-ne-pas-participer" tabindex="-1">Quand vaut-il mieux ne pas participer ? <a class="header-anchor" href="#quand-vaut-il-mieux-ne-pas-participer" aria-label="Permalink to &quot;Quand vaut-il mieux ne pas participer ?&quot;"></a></h2>
<p>Soyons francs : le Néo Fest ne convient pas à tout le monde.</p>
<p>Ne participez pas si :</p>
<ul>
<li>Vous avez moins de 1 000 listes de souhaits, car vous serez invisible dès le troisième jour</li>
<li>Votre démo n'est pas aboutie, car vous n'avez qu'une seule chance de faire bonne impression</li>
<li>C'est votre tout premier festival, car il vaut mieux commencer par de plus petits</li>
<li>Vous prévoyez de lancer votre jeu immédiatement après, car il vaut mieux attendre quelques semaines</li>
</ul>
<p>Des dizaines de petits festivals sont organisés chaque mois. Leur public est plus ciblé et la concurrence moins forte. Consultez la liste sur <a href="https://howtomarketagame.com/festivals" target="_blank" rel="noreferrer">howtomarketagame.com/festivals</a>.</p>
<p>Le Néo Fest est le choix par défaut, car Valve invite tout le monde à y participer. Mais les meilleures actions marketing ne sont pas celles que l'on suggère à tout le monde.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="combien-de-listes-de-souhaits-faut-il-pour-le-steam-neo-fest" tabindex="-1">Combien de listes de souhaits faut-il pour le Steam Néo Fest ? <a class="header-anchor" href="#combien-de-listes-de-souhaits-faut-il-pour-le-steam-neo-fest" aria-label="Permalink to &quot;Combien de listes de souhaits faut-il pour le Steam Néo Fest ?&quot;"></a></h3>
<p>D'après les données, le seuil à partir duquel le Néo Fest commence à vous être bénéfique se situe autour de 2 000 listes de souhaits. En dessous, vous êtes pratiquement invisible dès le troisième jour. L'algorithme favorise les jeux qui suscitent déjà de l'intérêt, vous devez donc arriver avec une certaine dynamique. Voici la tendance générale observée lors du festival de février 2025 : quel que soit votre nombre de listes de souhaits avant le Néo Fest, vous pouvez approximativement le doubler pendant l'événement. Si vous commencez avec 500, vous pourriez terminer avec 1 000. Si vous commencez avec 5 000, vous pourriez atteindre 10 000. Le chiffre de départ compte bien plus que ne le pensent la plupart des gens.</p>
<h3 id="quand-faut-il-publier-une-demo-pour-le-steam-neo-fest" tabindex="-1">Quand faut-il publier une démo pour le Steam Néo Fest ? <a class="header-anchor" href="#quand-faut-il-publier-une-demo-pour-le-steam-neo-fest" aria-label="Permalink to &quot;Quand faut-il publier une démo pour le Steam Néo Fest ?&quot;"></a></h3>
<p>Plus tôt que vous ne le pensez. Lors des festivals récents, les jeux les plus performants avaient publié leurs démos 6 à 12 mois avant même le début du Néo Fest. Cela vous laisse le temps de recueillir des retours, de corriger les problèmes évidents et de développer organiquement vos listes de souhaits avant que le festival ne multiplie les résultats déjà obtenus. Publier sa démo pendant la semaine du Néo Fest est une erreur fréquente. Vous affrontez alors des centaines d'autres nouvelles démos sans disposer d'évaluations, de boucle de retours ni d'aucune base sur laquelle vous appuyer.</p>
<h3 id="le-steam-neo-fest-vaut-il-la-peine-pour-les-petits-jeux-independants" tabindex="-1">Le Steam Néo Fest vaut-il la peine pour les petits jeux indépendants ? <a class="header-anchor" href="#le-steam-neo-fest-vaut-il-la-peine-pour-les-petits-jeux-independants" aria-label="Permalink to &quot;Le Steam Néo Fest vaut-il la peine pour les petits jeux indépendants ?&quot;"></a></h3>
<p>Oui, mais seulement si vous êtes prêt. Les petits jeux qui arrivent avec moins de 1 000 listes de souhaits et une démo peu aboutie sont généralement enterrés très rapidement. Le festival dure une semaine et des centaines de jeux se disputent l'attention du public. Si votre développement n'en est qu'à ses débuts, les petits festivals consacrés à un genre précis constituent un meilleur point de départ. Leur public est plus ciblé et la concurrence y est moins forte. Gardez le Néo Fest pour le moment où votre démo sera parfaitement au point et où vous aurez déjà créé une certaine dynamique.</p>
<hr>
<p><strong>À lire également :</strong></p>
<ul>
<li><a href="/fr/guides/kickstarter-for-indie-games.html">Kickstarter pour les jeux indépendants</a></li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment lancer votre jeu sur itch.io</a></li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux coopératifs</a> — les jeux coopératifs obtiennent systématiquement des résultats supérieurs au Néo Fest</li>
<li><a href="/fr/tutorials/analytics-web-games.html">Analyse des jeux web</a> — suivre les performances d'une démo et ses indicateurs de conversion</li>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — constituer un public avant votre premier festival</li>
</ul>
<BuildCta
  title="Travaillez l'accroche des 30 premières secondes"
  desc="Le Néo Fest récompense les démos qui captivent immédiatement. Prototypez cette accroche dès maintenant."
  prompt="Créez un niveau de démo jouable avec une accroche dans les 30 premières secondes" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/steam-next-fest-strategy.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Meilleurs modèles d’IA générative open source pour les jeux (2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/frontier-gen-ai-models</link>
            <guid>https://app.cinevva.com/fr/guides/frontier-gen-ai-models</guid>
            <pubDate>Sat, 24 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Les meilleurs modèles d’IA générative open source de 2026 pour la vidéo, l’image, la 3D, l’audio, la voix et la simulation de mondes, avec leurs points forts et leur coût d’exécution.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-modeles-d-ia-generative-open-source-pour-les-jeux-2026" tabindex="-1">Meilleurs modèles d’IA générative open source pour les jeux (2026) <a class="header-anchor" href="#meilleurs-modeles-d-ia-generative-open-source-pour-les-jeux-2026" aria-label="Permalink to &quot;Meilleurs modèles d’IA générative open source pour les jeux (2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Voilà ce qu’il faut comprendre à propos de l’IA générative. Pendant des années, les meilleurs modèles étaient enfermés derrière des clés API et des tarifs imprévisibles. Vous construisiez votre flux de travail autour d’un outil, preniez vos habitudes, puis vous vous réveilliez avec un e-mail annonçant un changement de tarif. Ou pire, l’entreprise changeait complètement de cap.</p>
<p>Cela a changé fin 2024. Tencent, Alibaba et DeepSeek ont commencé à publier des modèles que vous pouvez réellement télécharger. Des modèles capables de rivaliser avec les solutions propriétaires. Et soudain, les créateurs disposent d’options qui ne dépendent pas du modèle économique de quelqu’un d’autre.</p>
<p>Et si vous pouviez générer des vidéos, des ressources 3D, de la musique et des voix, le tout à partir de modèles que vous contrôlez ? C’est désormais possible. Ce guide présente ce qui existe vraiment, ce qui fonctionne et ce que vous pouvez commencer à utiliser dès aujourd’hui.</p>
<h2 id="generation-video" tabindex="-1">Génération vidéo <a class="header-anchor" href="#generation-video" aria-label="Permalink to &quot;Génération vidéo&quot;"></a></h2>
<p>Pendant des années, la génération vidéo se résumait à Runway ou Pika : des plateformes fermées, des abonnements et des restrictions sur l’utilisation des résultats. Aujourd’hui ? Vous pouvez exécuter des modèles comparables sur votre propre matériel.</p>
<video controls autoplay loop muted playsinline style="width: 100%; border-radius: 8px;">
  <source src="https://cdn.cinevva.com/video/hunyuanvideo-demo.mp4" type="video/mp4">
</video>
<p><em>Génération texte-vers-vidéo avec HunyuanVideo, sortie en 720p produite par le modèle vidéo open source de référence</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Paramètres</th>
<th>Caractéristiques</th>
<th>Matériel</th>
<th>Coût</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/HunyuanVideo" target="_blank" rel="noreferrer"><strong>HunyuanVideo</strong></a></td>
<td>Tencent</td>
<td>13B</td>
<td>720p, texte+image</td>
<td>80GB</td>
<td>~$0.20</td>
</tr>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/HunyuanVideo-1.5" target="_blank" rel="noreferrer"><strong>HunyuanVideo-1.5</strong></a></td>
<td>Tencent</td>
<td>8.3B</td>
<td>480p-1080p, texte+image</td>
<td>14GB</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://github.com/genmoai/mochi" target="_blank" rel="noreferrer"><strong>Mochi 1</strong></a></td>
<td>Genmo</td>
<td>10B</td>
<td>480p@30fps</td>
<td>12GB+</td>
<td>~$0.10</td>
</tr>
<tr>
<td><a href="https://github.com/Lightricks/LTX-Video" target="_blank" rel="noreferrer"><strong>LTX-Video</strong></a></td>
<td>Lightricks</td>
<td>—</td>
<td>768x512, temps réel</td>
<td>12GB</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/Lightricks/LTX-2" target="_blank" rel="noreferrer"><strong>LTX-2</strong></a></td>
<td>Lightricks</td>
<td>19B</td>
<td>4K, <strong>audio synchronisé</strong></td>
<td>Haut de gamme</td>
<td>~$0.30</td>
</tr>
<tr>
<td><a href="https://github.com/Wan-Video/Wan2.1" target="_blank" rel="noreferrer"><strong>Wan 2.1</strong></a></td>
<td>Alibaba</td>
<td>1.3-14B</td>
<td>480p-720p</td>
<td>8GB+</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://github.com/Wan-Video/Wan2.2" target="_blank" rel="noreferrer"><strong>Wan 2.2</strong></a></td>
<td>Alibaba</td>
<td>27B MoE (14B actifs)</td>
<td>720p, MoE</td>
<td>8GB+</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://huggingface.co/zai-org/CogVideoX1.5-5B" target="_blank" rel="noreferrer"><strong>CogVideoX1.5-5B</strong></a></td>
<td>Tsinghua</td>
<td>5B</td>
<td>1360x768@16fps, jusqu’à 10s</td>
<td>12GB</td>
<td>~$0.04</td>
</tr>
<tr>
<td><a href="https://github.com/SkyworkAI/SkyReels-V3" target="_blank" rel="noreferrer"><strong>SkyReels-V3</strong></a></td>
<td>Skywork</td>
<td>14-19B</td>
<td>Piloté par l’audio, référence-vers-vidéo, V2V</td>
<td>Haut de gamme</td>
<td>~$0.10</td>
</tr>
<tr>
<td><a href="https://github.com/stepfun-ai/Step-Video-T2V" target="_blank" rel="noreferrer"><strong>Step-Video-T2V</strong></a></td>
<td>StepFun</td>
<td>30B</td>
<td>Plus grand modèle T2V ouvert, 204 images</td>
<td>Haut de gamme</td>
<td>~$0.15</td>
</tr>
<tr>
<td><a href="https://github.com/hpcaitech/Open-Sora" target="_blank" rel="noreferrer"><strong>Open-Sora 2.0</strong></a></td>
<td>HPC-AI</td>
<td>11B</td>
<td>Intégration de Flux</td>
<td>Haut de gamme</td>
<td>~$0.20</td>
</tr>
</tbody>
</table>
<p>Poids : <a href="https://huggingface.co/tencent/HunyuanVideo" target="_blank" rel="noreferrer">HunyuanVideo ↗</a> · <a href="https://huggingface.co/genmo/mochi-1-preview" target="_blank" rel="noreferrer">Mochi 1 ↗</a> · <a href="https://huggingface.co/Wan-AI/Wan2.1-T2V-14B" target="_blank" rel="noreferrer">Wan 2.1 ↗</a> · <a href="https://huggingface.co/hpcai-tech/Open-Sora-v2" target="_blank" rel="noreferrer">Open-Sora ↗</a></p>
<p><strong>Voir des exemples :</strong> <a href="https://aivideo.hunyuan.tencent.com/" target="_blank" rel="noreferrer">Galerie HunyuanVideo ↗</a> · <a href="https://www.genmo.ai/" target="_blank" rel="noreferrer">Exemples de Mochi ↗</a> · <a href="https://github.com/THUDM/CogVideo#gallery" target="_blank" rel="noreferrer">Exemples de CogVideoX ↗</a></p>
<h3 id="ce-que-cela-signifie-pour-les-createurs" tabindex="-1">Ce que cela signifie pour les créateurs <a class="header-anchor" href="#ce-que-cela-signifie-pour-les-createurs" aria-label="Permalink to &quot;Ce que cela signifie pour les créateurs&quot;"></a></h3>
<p><strong>HunyuanVideo</strong> surpasse Runway Gen-3 dans les évaluations professionnelles, et il est entièrement ouvert. Le problème ? Il faut du matériel très puissant. Une A100 ou une H100 avec 80GB de VRAM. Pour la plupart d’entre nous, cela signifie louer des GPU dans le cloud quand nous en avons besoin.</p>
<p><strong>HunyuanVideo-1.5</strong> a changé la donne côté matériel. Tencent l’a publié en novembre 2025 sous la forme d’un modèle ouvert de 8.3B paramètres capable de fonctionner sur un GPU grand public de 14GB, avec génération texte-vers-vidéo et image-vers-vidéo en 480p/720p, ainsi qu’une mise à l’échelle facultative en 1080p. Un nouveau mécanisme d’attention sélective et par tuiles glissantes, Selective and Sliding Tile Attention (SSTA), lui offre une vitesse d’inférence environ deux fois supérieure à celle du HunyuanVideo original. Si vous vouliez la qualité de HunyuanVideo sans pouvoir justifier l’achat d’une carte de 80GB, voici la version que vous pouvez réellement exécuter chez vous.</p>
<p><strong>Mochi 1</strong> est celui que vous pouvez vraiment faire tourner. Un GPU de 12GB, soit le niveau d’une RTX 3060, suffit largement. Les résultats sont véritablement créatifs, avec une qualité artistique bien distincte. La fidélité n’atteint pas tout à fait celle de HunyuanVideo, mais vous contrôlez l’ensemble du processus.</p>
<p><strong>LTX-2</strong> est particulièrement intéressant pour les jeux. C’est le premier modèle ouvert à générer un son synchronisé avec la vidéo. Imaginez des cinématiques où le son, tout simplement… correspond à l’image. Aucune synchronisation en postproduction. Lightricks a publié en open source l’intégralité des poids, du code d’inférence et du code d’entraînement en janvier 2026, avec une sortie 4K native allant jusqu’à 50fps et un son synchronisé sur une durée maximale de 20 secondes. Une réserve concernant la licence : les poids ouverts de LTX-2 sont gratuits pour un usage universitaire et, pour un usage commercial, uniquement pour les entreprises dont le chiffre d’affaires annuel est inférieur à $10M. Vérifiez donc ce seuil avant de bâtir une activité dessus.</p>
<p><strong>SkyReels-V3</strong> (Skywork, janvier 2026) est la nouvelle gamme ouverte à retenir. Il s’agit d’un modèle multimodal unifié qui propose la génération vidéo pilotée par l’audio, la référence-vers-vidéo et la vidéo-vers-vidéo dans des variantes de 14B et 19B. Il est donc particulièrement performant lorsqu’un personnage ou une image de référence doit guider le plan. <strong>Step-Video-T2V</strong> (StepFun) est le plus grand modèle texte-vers-vidéo ouvert, avec 30B paramètres, et il est distribué sous une licence MIT claire. Il mérite votre attention si une licence permissive compte davantage pour vous que la possibilité de l’exécuter sur un petit GPU.</p>
<p><strong>Wan 2.1</strong> fonctionne sur un ordinateur portable gaming. Un GPU de 8GB suffit pour les petites variantes. Si vous avez toujours voulu prototyper avec la génération vidéo sans pouvoir justifier le coût du matériel, c’est votre porte d’entrée.</p>
<p><strong>Wan 2.2</strong> (Alibaba, juillet 2025) est le premier modèle vidéo open source fondé sur une architecture Mixture-of-Experts : 27B paramètres au total, dont seulement 14B actifs à chaque étape. Il est proposé en versions texte-vers-vidéo (T2V-A14B), image-vers-vidéo (I2V-A14B) et dans une variante hybride de 5B qui fonctionne sur des GPU grand public, toutes sous licence Apache 2.0 pour un usage commercial.</p>
<p>Une réserve importante : Wan 2.2 reste le dernier Wan ouvert. Les versions plus récentes Wan 2.5 (septembre 2025), 2.6 (décembre 2025) et 2.7 (avril 2026) ont ajouté l’audio synchronisé, le 1080p et un contrôle plus précis des images, mais elles ne sont disponibles que via API, sans poids publics. Si l’auto-hébergement est important pour vous, la version 2.2 constitue la limite. LTX-2 est le modèle ouvert à privilégier si vous avez besoin de 4K et d’audio synchronisé.</p>
<p>Le flux de travail le plus logique : Mochi 1 ou Wan 2.1 pour le prototypage local. HunyuanVideo-1.5 ou LTX-2 sur des GPU cloud lorsque vous avez besoin d’une qualité finale.</p>
<h2 id="generation-d-images" tabindex="-1">Génération d’images <a class="header-anchor" href="#generation-d-images" aria-label="Permalink to &quot;Génération d’images&quot;"></a></h2>
<p>C’est le domaine où l’open source a déjà gagné. Les modèles que vous pouvez télécharger aujourd’hui rivalisent réellement avec Midjourney. Pas « presque aussi bons », mais véritablement compétitifs.</p>
<p><img src="/img/ai-samples/flux-sample.png" alt="Exemples de génération avec FLUX.1">
<em>Exemples de FLUX.1, une qualité photoréaliste obtenue avec un modèle sous licence Apache 2.0</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Paramètres</th>
<th>Fonctionnalité principale</th>
<th>Licence</th>
<th>Coût/image</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://huggingface.co/black-forest-labs/FLUX.1-schnell" target="_blank" rel="noreferrer"><strong>FLUX.1 [schnell]</strong></a></td>
<td>Black Forest Labs</td>
<td>Août 2024</td>
<td>12B</td>
<td>Génération en 4 étapes, rapide</td>
<td>Apache 2.0</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/black-forest-labs/FLUX.1-dev" target="_blank" rel="noreferrer"><strong>FLUX.1 [dev]</strong></a></td>
<td>Black Forest Labs</td>
<td>Août 2024</td>
<td>12B</td>
<td>Qualité proche de Pro</td>
<td>Non commerciale</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-diffusion-3.5-large" target="_blank" rel="noreferrer"><strong>SD 3.5 Large</strong></a></td>
<td>Stability AI</td>
<td>Oct. 2024</td>
<td>8B</td>
<td>Rendu du texte, styles variés</td>
<td>Licence Stability</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-diffusion-3.5-large-turbo" target="_blank" rel="noreferrer"><strong>SD 3.5 Large Turbo</strong></a></td>
<td>Stability AI</td>
<td>Oct. 2024</td>
<td>8B</td>
<td>4 étapes, rapide</td>
<td>Licence Stability</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/HiDream-ai/HiDream-I1-Full" target="_blank" rel="noreferrer"><strong>HiDream-I1</strong></a></td>
<td>HiDream.ai</td>
<td>Avr. 2025</td>
<td>17B</td>
<td>Haute qualité, variantes Full/Dev/Fast</td>
<td>MIT</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/zai-org/CogView4" target="_blank" rel="noreferrer"><strong>CogView4</strong></a></td>
<td>Tsinghua / Zhipu</td>
<td>Mars 2025</td>
<td>6B</td>
<td>Texte chinois natif, jusqu’à 2048px</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen-Image" target="_blank" rel="noreferrer"><strong>Qwen-Image</strong></a></td>
<td>Alibaba</td>
<td>Août 2025</td>
<td>20B</td>
<td>Rendu du texte et retouche parmi les meilleurs</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://bfl.ai/blog/flux-2" target="_blank" rel="noreferrer"><strong>FLUX.2</strong></a></td>
<td>Black Forest Labs</td>
<td>Nov. 2025</td>
<td>32B</td>
<td>Texte+retouche, 4MP, références multiples</td>
<td>dev : non commerciale / klein 4B : Apache 2.0</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://github.com/ideogram-oss/ideogram4" target="_blank" rel="noreferrer"><strong>Ideogram 4.0</strong></a></td>
<td>Ideogram</td>
<td>Juin 2026</td>
<td>9.3B</td>
<td>Design, rendu du texte, contrôle de la mise en page par JSON</td>
<td>Non commerciale</td>
<td>~$0.002</td>
</tr>
</tbody>
</table>
<p>Essayez-les directement : <a href="https://huggingface.co/spaces/black-forest-labs/FLUX.1-schnell" target="_blank" rel="noreferrer">Démo de FLUX.1 schnell ↗</a> · <a href="https://huggingface.co/spaces/stabilityai/stable-diffusion-3.5-large" target="_blank" rel="noreferrer">Démo de SD 3.5 Large ↗</a> · <a href="https://github.com/black-forest-labs/flux" target="_blank" rel="noreferrer">GitHub (FLUX) ↗</a></p>
<p><strong>Voir des exemples :</strong> <a href="https://flux1.ai/examples" target="_blank" rel="noreferrer">Galerie FLUX ↗</a> · <a href="https://flux1.ai/gallery" target="_blank" rel="noreferrer">Galerie FLUX LoRA ↗</a> · <a href="https://replicate.com/black-forest-labs/flux-schnell/examples" target="_blank" rel="noreferrer">Exemples sur Replicate ↗</a></p>
<h3 id="pour-creer-des-ressources-de-jeu" tabindex="-1">Pour créer des ressources de jeu <a class="header-anchor" href="#pour-creer-des-ressources-de-jeu" aria-label="Permalink to &quot;Pour créer des ressources de jeu&quot;"></a></h3>
<p><strong>FLUX.1 [schnell]</strong> est celui qu’il faut connaître. Sa licence Apache 2.0 vous permet de commercialiser des jeux sans vous soucier de complications juridiques. Il génère une image en seulement 4 étapes, ce qui permet d’itérer rapidement. Décrivez ce que vous voulez, observez le résultat, ajustez, puis recommencez.</p>
<p><strong>SD 3.5 Large</strong> gère enfin correctement le rendu du texte. Les versions précédentes déformaient tout texte que vous tentiez d’inclure. C’est important pour les maquettes d’interface, les panneaux dans le jeu, les écrans-titres et tous les cas où vos images doivent contenir des mots lisibles.</p>
<p><strong>FLUX.2</strong> (Black Forest Labs, novembre 2025) est son successeur plus imposant : un modèle de 32B qui gère la génération texte-vers-image et la retouche d’images dans un même checkpoint, avec une excellente cohérence des personnages et des styles entre plusieurs références, ainsi qu’un rendu fiable du texte jusqu’à 4 mégapixels. FLUX.2 [dev], dont les poids sont ouverts, utilise une licence non commerciale. En revanche, FLUX.2 [klein], une version distillée publiée en janvier 2026, propose sa variante 4B sous licence Apache 2.0, génère des images en moins d’une seconde et fonctionne avec environ 8GB de VRAM. Il existe donc toujours une option adaptée à la commercialisation d’illustrations de jeu. Choisissez précisément la version klein 4B : la version klein 9B, plus grande, reste soumise à la licence FLUX non commerciale. Les pipelines quantifiés permettent d’exécuter [dev] sur des GPU de 18 à 24GB.</p>
<p>Deux autres options ouvertes méritent votre attention. <strong>Chroma1-HD</strong> (8.9B, Apache 2.0) est un dérivé entièrement ouvert de FLUX.1-schnell. C’est donc la solution adaptée à un usage commercial pour obtenir la qualité de la famille FLUX sans les restrictions de la licence [dev]. <strong>OmniGen2</strong> (Apache 2.0) est un modèle unifié qui combine la génération texte-vers-image et la retouche guidée par des instructions. C’est la solution la plus rapide lorsque vous itérez sur une ressource existante (« fais briller l’épée en bleu »), plutôt que de repartir de zéro.</p>
<p><strong>Qwen-Image</strong> (Alibaba, août 2025) est le modèle ouvert à privilégier lorsque vos créations doivent contenir du texte lisible, par exemple pour des panneaux, des interfaces, des affiches ou des étiquettes d’objets. Ce modèle de 20B sous licence Apache 2.0 offre un rendu du texte parmi les meilleurs et une puissante variante de retouche guidée par des instructions. Il convient donc à un usage commercial et excelle dans un domaine où la plupart des modèles d’image restent peu fiables. La mise à jour de décembre 2025, <a href="https://huggingface.co/Qwen/Qwen-Image-2512" target="_blank" rel="noreferrer">Qwen-Image-2512</a>, a amélioré le réalisme des personnages et la mise en page du texte tout en conservant la licence Apache 2.0. Choisissez donc ce checkpoint si vous l’auto-hébergez. Le plus récent Qwen-Image-2.0 (février 2026) est uniquement disponible via API.</p>
<p><strong>Ideogram 4.0</strong> (juin 2026) est la première publication d’Ideogram avec des poids ouverts : un transformeur de diffusion de 9.3B conçu pour le design, avec un excellent rendu du texte multilingue et un contrôle explicite de la mise en page et des couleurs grâce à des prompts JSON structurés. Attention avant de bâtir votre projet dessus : le code d’inférence est sous licence Apache 2.0, mais les poids sont soumis à une licence non commerciale. Il s’agit donc d’un outil de recherche et de prototypage, sauf si vous achetez la licence commerciale.</p>
<p>L’écosystème de Stable Diffusion reste inégalé. ControlNet permet de contrôler précisément la composition. L’inpainting sert à effectuer des corrections. Le fine-tuning LoRA permet de créer des styles personnalisés. FLUX rattrape son retard, mais si vous avez besoin d’une personnalisation poussée aujourd’hui, la maturité des outils de SD vous offre davantage de possibilités.</p>
<p>Voici comment je vois les choses : pour les textures et les sprites, les deux conviennent. Pour du concept art soumis à des exigences stylistiques précises, choisissez SD 3.5 avec des LoRA. Pour une qualité maximale dans un produit commercial, choisissez FLUX schnell.</p>
<h2 id="generation-3d" tabindex="-1">Génération 3D <a class="header-anchor" href="#generation-3d" aria-label="Permalink to &quot;Génération 3D&quot;"></a></h2>
<p>Si vous avez déjà passé huit heures à modéliser un accessoire qui apparaît trois secondes dans votre jeu, cette section est pour vous. La génération 3D est passée depuis un certain temps du stade de « recherche intéressante » à celui de véritable outil de production et, en 2026, les modèles ouverts sont réellement performants. Vous pouvez passer d’un croquis à un maillage texturé en moins d’une minute.</p>
<p><img src="/img/ai-samples/trellis-sample.png" alt="Exemples de génération 3D avec TRELLIS">
<em>TRELLIS génère, à partir d’images uniques, des maillages 3D texturés avec des matériaux PBR</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Fonctionnalité principale</th>
<th>Sortie</th>
<th>Coût/maillage</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/microsoft/TRELLIS.2" target="_blank" rel="noreferrer"><strong>TRELLIS.2-4B</strong></a></td>
<td>Microsoft</td>
<td>Déc. 2025</td>
<td>4B paramètres, PBR natif, jusqu’à 1536³</td>
<td>Maillage texturé avec normales</td>
<td>~$0.03</td>
</tr>
<tr>
<td><a href="https://github.com/Tencent-Hunyuan/Hunyuan3D-2.1" target="_blank" rel="noreferrer"><strong>Hunyuan3D 2.1</strong></a></td>
<td>Tencent</td>
<td>Juin 2025</td>
<td>PBR de qualité production, poids complets + code d’entraînement</td>
<td>Maillage texturé haute fidélité</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://github.com/facebookresearch/sam-3d-objects" target="_blank" rel="noreferrer"><strong>SAM 3D</strong></a></td>
<td>Meta</td>
<td>Nov. 2025</td>
<td>Une image vers la 3D (objets + corps humain)</td>
<td>Maillage à partir d’une photo</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/stabilityai/stable-fast-3d" target="_blank" rel="noreferrer"><strong>Stable Fast 3D</strong></a></td>
<td>Stability AI</td>
<td>Août 2024</td>
<td>Image unique → maillage en ~0.5s</td>
<td>Maillage texturé rapide</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://github.com/VAST-AI-Research/TripoSG" target="_blank" rel="noreferrer"><strong>TripoSG</strong></a></td>
<td>VAST-AI</td>
<td>Mars 2025</td>
<td>Génération de formes par flux rectifié de 1.5B</td>
<td>Maillage haute qualité</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/VAST-AI-Research/TripoSR" target="_blank" rel="noreferrer"><strong>TripoSR</strong></a></td>
<td>Stability / Tripo</td>
<td>2024</td>
<td>Reconstruction rapide à partir d’une image unique</td>
<td>Maillage (sans texture)</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://huggingface.co/VAST-AI/UniRig" target="_blank" rel="noreferrer"><strong>UniRig</strong></a></td>
<td>Tsinghua / Tripo</td>
<td>2025</td>
<td>Rigging automatique : squelette + poids de skinning</td>
<td>Maillage riggé et animable</td>
<td>~$0.01</td>
</tr>
<tr>
<td>Essayez-les directement : <a href="https://huggingface.co/spaces/microsoft/TRELLIS.2" target="_blank" rel="noreferrer">démo TRELLIS.2 ↗</a> · <a href="https://huggingface.co/spaces/tencent/Hunyuan3D-2" target="_blank" rel="noreferrer">démo Hunyuan3D ↗</a> · <a href="https://huggingface.co/spaces/TencentARC/InstantMesh" target="_blank" rel="noreferrer">démo InstantMesh ↗</a></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<p><strong>Voir des exemples :</strong> <a href="https://microsoft.github.io/TRELLIS.2/" target="_blank" rel="noreferrer">page du projet TRELLIS.2 ↗</a> · <a href="https://www.3daistudio.com/Models/Trellis-2" target="_blank" rel="noreferrer">galerie de 3D AI Studio ↗</a></p>
<h3 id="un-workflow-qui-fonctionne-vraiment" tabindex="-1">Un workflow qui fonctionne vraiment <a class="header-anchor" href="#un-workflow-qui-fonctionne-vraiment" aria-label="Permalink to &quot;Un workflow qui fonctionne vraiment&quot;"></a></h3>
<p>L’approche qui séduit actuellement les créateurs consiste à enchaîner plusieurs modèles. Commencez par une image, générée ou photographiée, peu importe. Passez-la dans Stable Zero123 ou Wonder3D pour obtenir plusieurs vues. Transmettez ensuite ces vues à InstantMesh ou TripoSR pour créer le maillage. Puis utilisez TRELLIS.2 ou Hunyuan3D pour obtenir de vrais matériaux.</p>
<p><strong>TRELLIS.2</strong> de Microsoft est le nouveau leader pour les assets prêts pour la production. Il gère les géométries qui mettent les autres modèles en échec : surfaces fines, trous et topologies complexes. La version à 4 milliards de paramètres produit des maillages avec de véritables textures PBR, et non de simples couleurs de sommets déguisées en matériaux.</p>
<p><strong>Stable Fast 3D</strong> mise sur la vitesse. Il lui faut environ une demi-seconde pour passer d’une image à un maillage. Le maillage nécessite un nettoyage et un texturage, mais pour le prototypage ? Pour vérifier si une idée fonctionne avant d’y consacrer des heures ? Imbattable. TripoSG est l’étape supérieure lorsque vous voulez obtenir une géométrie plus propre à partir d’une seule image.</p>
<p><strong>Hunyuan3D 2.1</strong> est le modèle ouvert de Tencent à utiliser : il fournit l’intégralité des poids et du code d’entraînement, avec un texturage PBR de qualité professionnelle. Attention aux noms, car ils prêtent à confusion. Hunyuan3D 2.5, 3.0 et 3.1 existent tous, mais uniquement sous forme d’API, sans poids publics. Pour l’auto-hébergement, le générateur de base s’arrête donc toujours à la version 2.1. Tencent a toutefois ouvert deux extensions utiles basées sur la version 2.1 : Hunyuan3D-Omni ajoute un contrôle reposant sur plusieurs types de conditions (nuage de points, voxel, squelette, boîte englobante), tandis que Hunyuan3D-Part décompose un maillage en parties modifiables. Sa licence exclut également l’UE, le Royaume-Uni et la Corée du Sud ; vérifiez donc les conditions avant de publier dans ces régions.</p>
<p><strong>SAM 3D</strong> (Meta, novembre 2025) est la nouvelle porte d’entrée : une seule photo devient un maillage 3D, avec des modèles distincts pour les objets et les corps humains. Associé aux travaux de Meta sur la segmentation, il permet d’isoler un objet dans une image et de ne reconstruire que celui-ci.</p>
<p><strong>UniRig</strong> (Tsinghua et Tripo, MIT) comble le manque auquel tout le monde se heurte juste après avoir obtenu un maillage : le rigging. Il génère automatiquement un squelette valide et les poids de skinning d’un maillage d’entrée, afin qu’un personnage généré puisse réellement être animé au lieu de rester un simple accessoire statique. Associez-le aux travaux de NVIDIA sur l’animation automatique dans SOMA-X, et un personnage entièrement généré et riggé cesse d’être une simple démonstration de recherche.</p>
<p>Voici ce à quoi les créateurs indépendants peuvent raisonnablement s’attendre : générez du concept art avec FLUX, passez-le dans InstantMesh pour créer la géométrie, puis réalisez les textures dans Blender ou utilisez TRELLIS pour automatiser le PBR. Comptez 30 à 60 minutes par asset au lieu de 4 à 8 heures. Ce n’est pas instantané, mais la différence est réelle.</p>
<h2 id="audio-et-musique" tabindex="-1">Audio et musique <a class="header-anchor" href="#audio-et-musique" aria-label="Permalink to &quot;Audio et musique&quot;"></a></h2>
<p>La génération audio n’a pas encore rattrapé celle des images et des vidéos. Mais il y a déjà assez d’outils pour transformer votre manière de travailler, en particulier pour le prototypage et les effets sonores.</p>
<audio controls style="width: 100%;">
  <source src="/img/ai-samples/music-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Extrait musical généré par IA. Décrivez l’ambiance recherchée et obtenez une musique adaptée</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Fonction</th>
<th>Licence</th>
<th>Coût/30 s</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/ace-step/ACE-Step-1.5" target="_blank" rel="noreferrer"><strong>ACE-Step 1.5</strong></a></td>
<td>StepFun/ACE Studio</td>
<td>janv. 2026</td>
<td>Génère rapidement ~4 min de musique, 19 langues, clonage vocal</td>
<td>MIT</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://stability.ai/stable-audio" target="_blank" rel="noreferrer"><strong>Stable Audio 3.0</strong></a></td>
<td>Stability AI</td>
<td>mai 2026</td>
<td>Morceaux jusqu’à ~6 min ; modèles ouverts Small, Small-SFX et Medium</td>
<td>Stability Community</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://github.com/multimodal-art-projection/YuE" target="_blank" rel="noreferrer"><strong>YuE</strong></a></td>
<td>MAP</td>
<td>janv. 2025</td>
<td>Morceaux complets à partir de paroles, chant + accompagnement</td>
<td>Apache 2.0</td>
<td>~$0.05</td>
</tr>
<tr>
<td><a href="https://huggingface.co/facebook/musicgen-large" target="_blank" rel="noreferrer"><strong>MusicGen</strong></a></td>
<td>Meta</td>
<td>2023</td>
<td>Génération de musique à partir de texte, contrôlable</td>
<td>code MIT / poids CC-BY-NC</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/ASLP-lab/DiffRhythm2" target="_blank" rel="noreferrer"><strong>DiffRhythm 2</strong></a></td>
<td>ASLP-lab</td>
<td>févr. 2026</td>
<td>Génération rapide de morceaux complets</td>
<td>Apache 2.0</td>
<td>~$0.02</td>
</tr>
<tr>
<td><a href="https://huggingface.co/google/magenta-realtime" target="_blank" rel="noreferrer"><strong>Magenta RealTime</strong></a></td>
<td>Google</td>
<td>juin 2025</td>
<td>Musique en temps réel pilotable par prompt</td>
<td>code Apache / poids CC-BY</td>
<td>~$0.02</td>
</tr>
</tbody>
</table>
<p>Essayez-les directement : <a href="https://huggingface.co/spaces/facebook/MusicGen" target="_blank" rel="noreferrer">démo MusicGen ↗</a> · <a href="https://audiocraft.metademolab.com/musicgen.html" target="_blank" rel="noreferrer">espace d’expérimentation AudioCraft ↗</a></p>
<p><strong>Voir des exemples :</strong> <a href="https://replicate.com/meta/musicgen/examples" target="_blank" rel="noreferrer">exemples MusicGen ↗</a> · <a href="https://felixkreuk.github.io/audiogen/" target="_blank" rel="noreferrer">extraits AudioGen ↗</a></p>
<h3 id="ce-que-vous-pouvez-reellement-integrer-a-un-jeu-publie" tabindex="-1">Ce que vous pouvez réellement intégrer à un jeu publié <a class="header-anchor" href="#ce-que-vous-pouvez-reellement-integrer-a-un-jeu-publie" aria-label="Permalink to &quot;Ce que vous pouvez réellement intégrer à un jeu publié&quot;"></a></h3>
<p><strong>MusicGen</strong> de Meta reste un choix pratique pour prototyper l’audio d’un jeu. Décrivez l’ambiance souhaitée, obtenez une musique adaptée, le tout fonctionnant correctement sur un GPU de 12 Go. Attention à la licence : le code de MusicGen est sous licence MIT, mais les poids du modèle sont sous licence CC-BY-NC (usage non commercial). Utilisez-le donc pour vos prototypes, puis passez à un modèle doté d’une licence commerciale, comme ACE-Step ou Stable Audio, pour tout ce que vous publiez.</p>
<p><strong>Le modèle ouvert d’effets sonores de Stable Audio (Small-SFX)</strong> gère les bruits de pas, les grincements de portes, le vent ambiant et les sons mécaniques. Il fonctionne localement et est distribué sous la licence communautaire de Stability : c’est donc l’option ouverte à privilégier lorsque vous avez besoin de sons réellement utilisables à des fins commerciales. C’est le meilleur choix, car les autres modèles ouverts d’effets sonores sont assortis de restrictions : AudioGen de Meta est sous licence CC-BY-NC et TangoFlux sous la licence communautaire non commerciale de Stability. Tous deux sont donc réservés au prototypage d’un jeu destiné à être publié.</p>
<p><strong>Magenta RealTime</strong> (Google) se distingue de la meilleure manière qui soit : c’est le seul modèle à poids ouverts conçu pour générer en temps réel une musique continuellement pilotable par prompt. Au lieu de produire une piste finalisée, il génère de la musique en direct que vous pouvez orienter pendant la lecture. C’est exactement le format nécessaire à une bande-son de jeu adaptative, qui évolue selon les actions du joueur. Le code est sous licence Apache 2.0 et les poids sous licence CC-BY ; les deux autorisent un usage commercial.</p>
<p><strong>YuE</strong> est véritablement enthousiasmant. C’est le premier modèle ouvert à générer des morceaux complets avec du chant. Des thèmes musicaux. De la musique de fond avec de vraies voix chantées. La qualité varie, mais il surpasse largement tout ce que vous pouvez télécharger et exécuter vous-même.</p>
<p><strong>ACE-Step</strong> est le modèle musical ouvert à connaître aujourd’hui, et il a progressé rapidement : la gamme 1.5 (janvier 2026, avec une variante XL plus grande de 5 milliards de paramètres) remplace la version originale de mai 2025 et est désormais sous licence MIT. Il génère rapidement plusieurs minutes de musique, prend en charge 19 langues ainsi que le clonage vocal, le remixage et la modification des paroles. Pour le prototypage de jeux, il comble une grande partie des lacunes laissées par YuE et MusicGen.</p>
<p><strong>Stable Audio 3.0</strong> (mai 2026) est la mise à jour majeure pour le son. Il peut générer des morceaux d’environ six minutes, et Stability a publié les poids ouverts de trois des quatre variantes : Small et le modèle dédié aux effets sonores Small-SFX fonctionnent tous deux directement sur l’appareil, tandis que Medium améliore la structure musicale et prend en charge la durée maximale des pistes. Seul le modèle Large est resté limité à une API. Small-SFX est désormais l’option ouverte la plus performante spécifiquement pour les effets sonores de jeux. Toute la famille a été entraînée sur des données sous licence, ce qui lui confère une assise juridique plus solide que les générateurs musicaux visés par des procédures judiciaires encore en cours.</p>
<p>Soyons francs : l’écart entre les modèles ouverts et fermés (Suno, Udio) se réduit, mais reste réel pour les morceaux complets avec chant. Ces outils fermés font en outre l’objet de litiges non résolus concernant leurs données d’entraînement. Pour les effets sonores, les modèles ouverts, en particulier le modèle SFX de Stable Audio, sont réellement compétitifs. Pour les morceaux que vous souhaitez publier, attendez-vous à devoir beaucoup itérer, ou faites appel à un musicien pour la production finale et utilisez ces outils pour tout le reste.</p>
<h2 id="parole-et-voix" tabindex="-1">Parole et voix <a class="header-anchor" href="#parole-et-voix" aria-label="Permalink to &quot;Parole et voix&quot;"></a></h2>
<p>La génération vocale a largement dépassé le stade du « suffisamment bon pour les jeux », ce qui change radicalement les possibilités offertes aux petites équipes.</p>
<audio controls style="width: 100%;">
  <source src="/img/ai-samples/speech-sample.mp3" type="audio/mpeg">
</audio>
<p><em>Narration de jeu générée par IA avec une élocution naturelle, un rythme juste et de l’émotion</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Fonction principale</th>
<th>Licence</th>
<th>Coût/min</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3-TTS" target="_blank" rel="noreferrer"><strong>Qwen3-TTS</strong></a></td>
<td>Alibaba</td>
<td>janv. 2026</td>
<td>Clonage vocal en 3 s, conception de voix, 10 langues</td>
<td>Apache 2.0</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/ResembleAI/chatterbox" target="_blank" rel="noreferrer"><strong>Chatterbox</strong></a></td>
<td>Resemble AI</td>
<td>2025</td>
<td>Contrôle de l’émotion, clonage à partir de ~5 s, 23 langues</td>
<td>MIT</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://github.com/SesameAILabs/csm" target="_blank" rel="noreferrer"><strong>CSM</strong></a></td>
<td>Sesame AI</td>
<td>mars 2025</td>
<td>Fluidité conversationnelle, pauses naturelles</td>
<td>Apache 2.0</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://github.com/fishaudio/fish-speech" target="_blank" rel="noreferrer"><strong>Fish Speech 1.5</strong></a></td>
<td>Fish Audio</td>
<td>2024</td>
<td>Clonage zero-shot à partir de 10 à 30 s</td>
<td>code Apache / poids CC-BY-NC-SA</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://github.com/myshell-ai/OpenVoice" target="_blank" rel="noreferrer"><strong>OpenVoice V2</strong></a></td>
<td>MyShell/MIT</td>
<td>avr. 2024</td>
<td>Contrôle de l’émotion et de l’accent</td>
<td>MIT</td>
<td>~$0.003</td>
</tr>
<tr>
<td><a href="https://huggingface.co/coqui/XTTS-v2" target="_blank" rel="noreferrer"><strong>XTTS-v2</strong></a></td>
<td>Coqui (communauté)</td>
<td>2024</td>
<td>17 langues, clonage vocal</td>
<td>CPML (usage non commercial)</td>
<td>~$0.005</td>
</tr>
</tbody>
</table>
<p><strong>Écouter des exemples :</strong> <a href="https://fish.audio/" target="_blank" rel="noreferrer">voix Fish Audio ↗</a> · <a href="https://huggingface.co/spaces/myshell-ai/OpenVoice" target="_blank" rel="noreferrer">démo OpenVoice ↗</a></p>
<h3 id="donner-aux-pnj-une-voix-humaine" tabindex="-1">Donner aux PNJ une voix humaine <a class="header-anchor" href="#donner-aux-pnj-une-voix-humaine" aria-label="Permalink to &quot;Donner aux PNJ une voix humaine&quot;"></a></h3>
<p><strong>CSM (Conversational Speech Model)</strong> de Sesame a été spécialement conçu pour les dialogues. Il produit des pauses naturelles. Des variations d’intonation. Le rythme d’une véritable conversation. La plupart des systèmes de synthèse vocale donnent l’impression que quelqu’un lit un script, et cela s’entend immédiatement. CSM donne l’impression que quelqu’un parle réellement. Cette différence compte plus qu’on ne pourrait le croire.</p>
<p><strong>Qwen3-TTS</strong> (Alibaba, janvier 2026) est le choix à privilégier pour les projets commerciaux. Toute la famille est sous licence Apache 2.0, clone une voix à partir d’environ 3 secondes d’audio de référence, parle 10 langues et permet de concevoir une voix à partir d’une description. Vous pouvez donc définir la voix d’un PNJ en langage naturel au lieu de chercher des enregistrements de référence. Les modèles de 0,6 et 1,7 milliard de paramètres fonctionnent sur du matériel modeste.</p>
<p><strong>Chatterbox</strong> (Resemble AI) est le choix idéal pour les voix expressives, et sa licence MIT permet de l’intégrer à un jeu publié. Il clone une voix à partir d’environ 5 secondes, fonctionne avec une latence inférieure à 200 ms, couvre 23 langues et constitue le premier modèle ouvert doté d’un réglage d’accentuation des émotions. Un PNJ peut ainsi réellement paraître en colère ou effrayé, plutôt que de parler d’un ton monocorde. Deux autres options sous licence Apache 2.0 répondent à des besoins précis : <strong>Orpheus</strong> (Canopy) accepte des balises d’émotion intégrées comme <code>&lt;laugh&gt;</code> et <code>&lt;sigh&gt;</code>, faciles à associer aux répliques courtes des PNJ, et propose une variante de 150 millions de paramètres pour le matériel d’entrée de gamme ; <strong>Dia</strong> (Nari Labs) est conçu pour les dialogues à plusieurs locuteurs et génère en une seule passe des sons non verbaux comme la toux et les rires.</p>
<p><strong>Fish Speech</strong> et <strong>OpenVoice</strong> prennent en charge le clonage vocal. Enregistrez 10 à 30 secondes de la voix d’un comédien, puis générez un nombre illimité de dialogues avec cette même voix. Pensez à ce que cela implique : vous pouvez engager des comédiens pour les répliques essentielles, puis prolonger leur interprétation afin de couvrir des centaines de variantes et de dialogues d’ambiance. Une remarque concernant la licence de Fish Speech : le code est ouvert, mais les poids de la version 1.5 sont sous licence CC-BY-NC-SA. Il s’agit donc d’un outil de prototypage. Pour les jeux publiés, utilisez plutôt OpenVoice (MIT) ou Qwen3-TTS (Apache 2.0).</p>
<p><strong>NVIDIA ACE</strong> (pas entièrement ouvert, mais utile à connaître) prend désormais en charge Qwen3-8B pour le déploiement de PNJ directement sur l’appareil. LLM local + synthèse vocale locale + synchronisation labiale, le tout exécuté sur des GPU grand public. C’est la stack à utiliser pour des conversations en temps réel avec des PNJ, sans appel au cloud.</p>
<p>L’approche la plus logique pour les créateurs indépendants consiste à engager des comédiens pour les personnages principaux et les répliques les plus importantes. Utilisez Qwen3-TTS ou OpenVoice pour étendre la couverture aux dialogues d’ambiance, aux variantes et à toutes les répliques secondaires qui seraient autrement muettes ou beaucoup trop coûteuses.</p>
<h2 id="modeles-de-monde-et-simulation-de-jeux" tabindex="-1">Modèles de monde et simulation de jeux <a class="header-anchor" href="#modeles-de-monde-et-simulation-de-jeux" aria-label="Permalink to &quot;Modèles de monde et simulation de jeux&quot;"></a></h2>
<p>C’est ici que les choses deviennent vraiment étranges, et véritablement passionnantes. Ces modèles ne génèrent pas des assets statiques. Ils produisent des expériences qui ressemblent à des jeux.</p>
<a href="https://oasis.decart.ai/" target="_blank" style="display: block; background: linear-gradient(135deg, #2d5a27 0%, #1a3d16 100%); padding: 20px; border-radius: 12px; text-align: center; text-decoration: none; color: white;">
  <strong style="font-size: 18px;">🎮 Jouez à Oasis : un Minecraft généré par IA</strong><br>
  <span style="opacity: 0.8;">Génération de monde en temps réel sans moteur de jeu, uniquement par prédiction IA</span>
</a>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Fonction</th>
<th>Statut</th>
<th>Coût/image</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/eloialonso/diamond" target="_blank" rel="noreferrer"><strong>DIAMOND</strong></a></td>
<td>Recherche</td>
<td>2024</td>
<td>Modèle de monde par diffusion, simulation Atari</td>
<td>Poids ouverts</td>
<td>~$0.001</td>
</tr>
<tr>
<td><a href="https://github.com/etched-ai/open-oasis" target="_blank" rel="noreferrer"><strong>Oasis</strong></a></td>
<td>Decart/Etched</td>
<td>oct. 2024</td>
<td>Génération de Minecraft en temps réel</td>
<td>Poids du modèle 500M ouverts</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/microsoft/mineworld" target="_blank" rel="noreferrer"><strong>MineWorld</strong></a></td>
<td>Microsoft</td>
<td>avr. 2025</td>
<td>Minecraft en temps réel, alternative ouverte à Oasis</td>
<td>MIT</td>
<td>~$0.002</td>
</tr>
<tr>
<td><a href="https://huggingface.co/tencent/Hunyuan-GameCraft-1.0" target="_blank" rel="noreferrer"><strong>Hunyuan-GameCraft</strong></a></td>
<td>Tencent</td>
<td>août 2025</td>
<td>Vidéo de jeu interactive, contrôle au clavier et à la souris</td>
<td>Tencent Community</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://github.com/GameGen-X/GameGen-X" target="_blank" rel="noreferrer"><strong>GameGen-X</strong></a></td>
<td>Recherche</td>
<td>2024</td>
<td>Génération de vidéos en monde ouvert</td>
<td>Code + jeu de données ouverts</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://huggingface.co/nvidia/Cosmos-Predict2.5-2B" target="_blank" rel="noreferrer"><strong>NVIDIA Cosmos</strong></a></td>
<td>NVIDIA</td>
<td>oct. 2025</td>
<td>Simulation d’IA physique (Predict2.5)</td>
<td>NVIDIA Open Model License</td>
<td>~$0.01</td>
</tr>
<tr>
<td><a href="https://github.com/SkyworkAI/Matrix-Game" target="_blank" rel="noreferrer"><strong>Matrix-Game 3.0</strong></a></td>
<td>Skywork</td>
<td>mars 2026</td>
<td>Mondes interactifs 720p en temps réel, mémoire à long terme</td>
<td>Poids ouverts</td>
<td>~$0.005</td>
</tr>
<tr>
<td><a href="https://deepmind.google/blog/genie-2-a-large-scale-foundation-world-model/" target="_blank" rel="noreferrer"><strong>Genie 2</strong></a></td>
<td>DeepMind</td>
<td>déc. 2024</td>
<td>3D interactive à partir d’images</td>
<td>Non publié</td>
<td>N/D</td>
</tr>
<tr>
<td><a href="https://deepmind.google/blog/genie-3-a-new-frontier-for-world-models/" target="_blank" rel="noreferrer"><strong>Genie 3</strong></a></td>
<td>DeepMind</td>
<td>août 2025</td>
<td>Mondes 720p en temps réel, événements pilotables par prompt</td>
<td>Fermé (Project Genie)</td>
<td>N/D</td>
</tr>
</tbody>
</table>
<p>Voir les travaux de recherche : <a href="https://diamond-wm.github.io/" target="_blank" rel="noreferrer">page du projet DIAMOND ↗</a> · <a href="https://huggingface.co/blog/nvidia/cosmos-predict-and-transfer2-5" target="_blank" rel="noreferrer">blog Cosmos ↗</a>
<strong>À essayer :</strong> <a href="https://oasis.decart.ai/starting-point" target="_blank" rel="noreferrer">Démo en direct d’Oasis ↗</a> · <a href="https://deepmind.google/blog/genie-2-a-large-scale-foundation-world-model/" target="_blank" rel="noreferrer">Exemples de Genie 2 ↗</a></p>
<h3 id="pourquoi-cela-devrait-vous-interesser" tabindex="-1">Pourquoi cela devrait vous intéresser <a class="header-anchor" href="#pourquoi-cela-devrait-vous-interesser" aria-label="Permalink to &quot;Pourquoi cela devrait vous intéresser&quot;"></a></h3>
<p><strong>DIAMOND</strong> a démontré quelque chose qui change notre façon d’envisager l’IA dans les jeux. Il est possible d’entraîner un agent entièrement dans un monde généré. Aucun véritable moteur de jeu n’est nécessaire pour l’entraînement. L’IA joue dans l’imagination d’un modèle de diffusion, puis transfère ses acquis vers le jeu réel. Les implications sont considérables.</p>
<p><strong>Oasis</strong> fait fonctionner en temps réel un monde similaire à Minecraft. Image par image. Sans moteur de jeu, sans textures ni ressources préconstruites. Seulement un transformeur qui prédit la suite. Ce n’est encore qu’une preuve de concept, mais imaginez jusqu’où cela peut aller. La version à 500 millions de paramètres est déjà ouverte.</p>
<p><strong>GameGen-X</strong> a publié le plus grand jeu de données de vidéos de jeux en monde ouvert. Si vous souhaitez entraîner vos propres modèles ou affiner des modèles existants pour générer du contenu de type vidéoludique, c’est un excellent point de départ.</p>
<p><strong>NVIDIA Cosmos</strong> a été conçu pour la robotique et les véhicules autonomes, mais ses modèles fondamentaux du monde fonctionnent aussi pour les jeux. Ils comprennent la physique, la permanence des objets et les relations spatiales. La gamme ouverte actuelle est Cosmos-Predict2.5, publiée en octobre 2025 sous NVIDIA Open Model License, qui autorise l’utilisation commerciale et les œuvres dérivées.</p>
<p><strong>Hunyuan-GameCraft</strong> (Tencent, août 2025) est le modèle de monde ouvert qui se rapproche le plus directement d’un jeu. Il a été entraîné sur plus d’un million d’enregistrements issus de plus de 100 jeux AAA et regroupe les entrées au clavier et à la souris dans un espace de contrôle partagé. Il génère ainsi une vidéo de jeu interactive que vous pilotez réellement, plutôt qu’une vidéo que vous vous contentez de regarder. Il est soumis à la même Tencent Community License que Hunyuan3D, avec les mêmes exclusions pour l’UE, le Royaume-Uni et la Corée du Sud : vérifiez donc les conditions avant d’y commercialiser votre jeu. <strong>MineWorld</strong> (Microsoft, MIT) est l’équivalent entièrement permissif d’Oasis : un modèle de monde Minecraft en temps réel que vous pouvez télécharger et exécuter sans moteur de jeu.</p>
<p><strong>Genie 3</strong> (DeepMind, annoncé en août 2025) représente le bond en avant à retenir : c’est le premier modèle de monde permettant une interaction en temps réel, générant des mondes navigables en 720p à 24 images/s qui restent cohérents pendant quelques minutes, avec en plus des « événements de monde pilotables par prompt » capables de modifier la météo ou d’ajouter des objets sur commande. Il a été ouvert au public sous le nom Project Genie en janvier 2026, pour les abonnés Google AI Ultra aux États-Unis. Les poids restent fermés, mais il montre la direction que prennent les mondes jouables générés.</p>
<p><strong>Matrix-Game 3.0</strong> (Skywork, mars 2026) est la réponse ouverte à Genie. Il s’agit d’un modèle de monde interactif enrichi par une mémoire, capable de diffuser du 720p à 40 images/s en temps réel et de conserver la cohérence des scènes sur des séquences d’une minute. Une version distillée de 5 milliards de paramètres assure l’inférence en temps réel, une version MoE plus grande de 2x14 milliards améliore la qualité, et les poids sont disponibles sur Hugging Face sous licence Apache 2.0. Si vous souhaitez expérimenter dès aujourd’hui avec des mondes générés jouables plutôt que d’attendre DeepMind, c’est celui que vous pouvez réellement télécharger.</p>
<p>Pour le développement pratique de jeux aujourd’hui, ces technologies restent des outils de recherche. Mais si vous travaillez sur du contenu piloté par l’IA, de la génération procédurale ou si vous réfléchissez simplement à la direction que prend le secteur, voilà où se situe la pointe de la recherche.</p>
<h2 id="grands-modeles-de-langage" tabindex="-1">Grands modèles de langage <a class="header-anchor" href="#grands-modeles-de-langage" aria-label="Permalink to &quot;Grands modèles de langage&quot;"></a></h2>
<p>Les LLM alimentent les dialogues, la génération de quêtes et la logique des jeux. Et les solutions ouvertes rivalisent désormais réellement avec GPT-4. Ce n’était pas le cas il y a deux ans.</p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Taille</th>
<th>Idéal pour</th>
<th>Licence</th>
<th>Coût/1 000 jetons</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/deepseek-ai/DeepSeek-V3" target="_blank" rel="noreferrer"><strong>DeepSeek-V3</strong></a></td>
<td>DeepSeek</td>
<td>Déc. 2024</td>
<td>MoE 671 Md (37 Md actifs)</td>
<td>Raisonnement, usage général</td>
<td>Permissive</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-R1" target="_blank" rel="noreferrer"><strong>DeepSeek-R1</strong></a></td>
<td>DeepSeek</td>
<td>Janv. 2025</td>
<td>Basé sur V3</td>
<td>Chaîne de raisonnement</td>
<td>Permissive</td>
<td>~0,03 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-V3.2" target="_blank" rel="noreferrer"><strong>DeepSeek-V3.2</strong></a></td>
<td>DeepSeek</td>
<td>Déc. 2025</td>
<td>Attention parcimonieuse (DSA)</td>
<td>Raisonnement et utilisation d’outils</td>
<td>MIT</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/deepseek-ai/DeepSeek-V4-Pro" target="_blank" rel="noreferrer"><strong>DeepSeek-V4</strong></a></td>
<td>DeepSeek</td>
<td>Avr. 2026</td>
<td>MoE 1,6 Bn (49 Md actifs)</td>
<td>Raisonnement de pointe, contexte de 1 M</td>
<td>MIT</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/zai-org/GLM-5" target="_blank" rel="noreferrer"><strong>GLM-5</strong></a></td>
<td>Zhipu / Z.ai</td>
<td>Févr. 2026</td>
<td>MoE 744 Md (40 Md actifs)</td>
<td>Programmation, agents, utilisation d’outils</td>
<td>MIT</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/openai/gpt-oss-120b" target="_blank" rel="noreferrer"><strong>GPT-OSS</strong></a></td>
<td>OpenAI</td>
<td>Août 2025</td>
<td>MoE 120 Md / 20 Md</td>
<td>Raisonnement, utilisation d’outils, exécution locale</td>
<td>Apache 2.0</td>
<td>~0,01 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/moonshotai" target="_blank" rel="noreferrer"><strong>Kimi K2</strong></a></td>
<td>Moonshot</td>
<td>2025</td>
<td>MoE 1 Bn (32 Md actifs)</td>
<td>Agents, programmation</td>
<td>MIT modifiée</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://www.kimi.com/blog/kimi-k3" target="_blank" rel="noreferrer"><strong>Kimi K3</strong></a></td>
<td>Moonshot</td>
<td>Juil. 2026</td>
<td>MoE 2,8 Bn (~50 Md actifs)</td>
<td>Agents de pointe, programmation, contexte de 1 M, vision</td>
<td>Poids ouverts (27 juil.)</td>
<td>~0,03 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/blog/gemma3" target="_blank" rel="noreferrer"><strong>Gemma 3</strong></a></td>
<td>Google</td>
<td>2025</td>
<td>1-27 Md</td>
<td>Exécution locale, 140 langues, vision</td>
<td>Gemma</td>
<td>~0,01 $</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3" target="_blank" rel="noreferrer"><strong>Qwen3</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>MoE 235 Md (22 Md actifs)</td>
<td>Multilingue, code</td>
<td>Apache 2.0</td>
<td>~0,01 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/Qwen/Qwen3-Coder-480B-A35B-Instruct" target="_blank" rel="noreferrer"><strong>Qwen3-Coder</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>MoE 480 Md (35 Md actifs)</td>
<td>Programmation agentique, contexte de 256 K</td>
<td>Apache 2.0</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://huggingface.co/collections/meta-llama/llama-4" target="_blank" rel="noreferrer"><strong>Llama 4</strong></a></td>
<td>Meta</td>
<td>2025</td>
<td>Diverses</td>
<td>Agents, contexte jusqu’à 10 M</td>
<td>Llama Community</td>
<td>~0,01 $</td>
</tr>
<tr>
<td><a href="https://github.com/QwenLM/Qwen3-VL" target="_blank" rel="noreferrer"><strong>Qwen3-VL</strong></a></td>
<td>Alibaba</td>
<td>2025</td>
<td>2-235 Md</td>
<td>Vision et langage</td>
<td>Apache 2.0</td>
<td>~0,02 $</td>
</tr>
<tr>
<td><a href="https://internvl.github.io/blog/2025-04-11-InternVL-3.0/" target="_blank" rel="noreferrer"><strong>InternVL3</strong></a></td>
<td>Shanghai AI Lab</td>
<td>2025</td>
<td>1-78 Md</td>
<td>Vision, OCR, repérage dans les interfaces</td>
<td>MIT</td>
<td>~0,02 $</td>
</tr>
</tbody>
</table>
<p>Pour commencer : <a href="https://huggingface.co/Qwen/Qwen3-8B" target="_blank" rel="noreferrer">Qwen3-8B sur HuggingFace ↗</a> · <a href="https://huggingface.co/deepseek-ai/DeepSeek-V3" target="_blank" rel="noreferrer">DeepSeek-V3 sur HuggingFace ↗</a> · <a href="https://huggingface.co/zai-org/GLM-5" target="_blank" rel="noreferrer">GLM-5 sur HuggingFace ↗</a></p>
<h3 id="pour-creer-des-jeux" tabindex="-1">Pour créer des jeux <a class="header-anchor" href="#pour-creer-des-jeux" aria-label="Permalink to &quot;Pour créer des jeux&quot;"></a></h3>
<p><strong>Qwen3</strong> est le choix le plus pratique pour la plupart des usages vidéoludiques. Sa licence Apache 2.0 signifie que votre intégration vous appartient. Sa solide prise en charge multilingue compte si vous envisagez la localisation. Il suit bien les instructions structurées. Les variantes 7B et 14B s’exécutent localement sur des GPU grand public.</p>
<p><strong>DeepSeek-V3</strong> égale ou dépasse GPT-4 dans la plupart des tests de référence. Son architecture est ingénieuse : seuls 37 milliards de paramètres sont activés pour chaque jeton, malgré un total de 671 milliards. Il faut du matériel conséquent, avec plusieurs GPU, mais vous obtenez une qualité de pointe sans dépendre d’une API.</p>
<p><strong>DeepSeek-V3.2</strong> (décembre 2025) réunit le raisonnement et l’utilisation d’outils dans un même modèle et introduit DeepSeek Sparse Attention (DSA), qui réduit le coût de l’inférence sur de longs contextes. Il propose aussi une variante Speciale à forte puissance de calcul, destinée aux tests de raisonnement les plus exigeants. Pour la logique de jeu et les dialogues, c’est un remplacement direct de V3 plus puissant et plus apte à piloter des agents.</p>
<p><strong>DeepSeek-V4</strong> (avril 2026) a de nouveau repoussé les limites des modèles ouverts. V4-Pro est un MoE de 1,6 billion de paramètres, dont seulement 49 milliards sont actifs par jeton, avec une fenêtre de contexte d’un million de jetons et des modes de raisonnement sélectionnables, le tout sous licence MIT. La variante V4-Flash (284 milliards de paramètres au total, 13 milliards actifs) conserve le contexte de 1 million de jetons dans un format qui ne nécessite pas une grappe complète de GPU. Si vous choisissez aujourd’hui un modèle ouvert pour une logique de quête complexe ou un contexte d’état de jeu très long, c’est ce qui se fait de mieux.</p>
<p><strong>GLM-5</strong> (Zhipu AI, février 2026) est le modèle ouvert de référence pour la programmation et les tâches agentiques, et la mise à jour GLM-5.2 a rapproché ses résultats en utilisation d’outils et en planification à long terme de ceux des meilleurs modèles fermés. C’est un MoE de 744 milliards de paramètres, dont 40 milliards actifs par jeton, avec un contexte de 200 000 jetons et une licence MIT. Z.ai est la première entreprise cotée spécialisée dans les modèles fondamentaux et propose une API hébergée à un prix très compétitif, autour de 1,40 $ par million de jetons en entrée. Les poids sont toutefois disponibles sur Hugging Face si vous préférez l’auto-héberger. Si votre jeu s’appuie sur un LLM pour écrire des scripts de quêtes, piloter des agents appelant des outils ou gérer des systèmes fondés sur du code, GLM-5 constitue une solide alternative à OpenAI que vous contrôlez entièrement.</p>
<p><strong>GPT-OSS</strong> (OpenAI, août 2025) est la première publication à poids ouverts d’OpenAI, parfaitement dans le thème de ce guide. Le modèle gpt-oss-120b raisonne et appelle des outils à un niveau proche d’o4-mini sur un seul GPU de 80 Go, tandis que gpt-oss-20b fonctionne sur une carte grand public de 16 Go, tous deux sous licence Apache 2.0. Si vous recherchez un modèle issu d’un laboratoire occidental que vous pouvez auto-héberger pour la logique des PNJ ou des agents utilisant des outils, c’est celui-ci.</p>
<p><strong>Kimi K2</strong> (Moonshot) est l’autre poids lourd ouvert pour les agents, aux côtés de GLM-5 et DeepSeek. C’est un MoE de 1 billion de paramètres, dont 32 milliards actifs, fortement optimisé pour la programmation et l’utilisation d’outils. Sa licence MIT modifiée n’ajoute des restrictions qu’au-delà de 100 millions d’utilisateurs mensuels : pour les studios indépendants, elle équivaut donc pratiquement à la licence MIT. Choisissez-le lorsqu’un agent doit planifier de nombreuses étapes.</p>
<p><strong>Kimi K3</strong> (Moonshot, juillet 2026) est le plus grand modèle à poids ouverts jamais annoncé, et il se rapproche davantage des meilleurs modèles fermés que n’importe quel modèle ouvert avant lui. C’est un MoE de 2,8 billions de paramètres, dont seulement environ 50 milliards sont actifs par jeton (16 experts sur 896), avec un contexte de 1 million de jetons et une vision native. Il repose sur deux nouvelles architectures d’attention appelées Kimi Delta Attention et Attention Residuals. Selon les chiffres de Moonshot, il surpasse Claude Opus 4.8 et GPT-5.5 dans les tests de programmation et d’agents, ne restant derrière que les tout meilleurs modèles propriétaires. Le problème est son échelle : les poids seront publiés le 27 juillet 2026 et pèseront environ 1,4 To au format MXFP4. Son auto-hébergement nécessitera donc une grappe de GPU répartie sur plusieurs nœuds, et la plupart des équipes y accéderont par l’API, facturée 3 $ par million de jetons en entrée et 15 $ par million en sortie. Pour des agents que vous pouvez réellement exécuter vous-même, K2 reste le choix Moonshot le plus pratique, mais K3 redéfinit ce que peut signifier « ouvert » au plus haut niveau.</p>
<p><strong>Gemma 3</strong> (Google) est le meilleur choix lorsqu’un modèle doit fonctionner sur le matériel du joueur ou prendre en charge une localisation étendue. Il est proposé en versions de 1, 4, 12 et 27 milliards de paramètres, ce qui lui permet de fonctionner à partir d’une carte de 8 Go. Il prend en charge 140 langues et l’appel de fonctions, tandis que les variantes de 4 milliards de paramètres et plus comprennent aussi les images et peuvent donc servir de petits modèles de vision. La licence Gemma autorise l’utilisation commerciale.</p>
<p><strong>Qwen3-Coder</strong> (Alibaba) est le modèle ouvert spécialisé dans la programmation, qui remplace l’ancienne gamme DeepSeek-Coder pour la plupart des usages. C’est un MoE de 480 milliards de paramètres, dont 35 milliards actifs, avec un contexte natif de 256 000 jetons extensible à 1 million, sous licence Apache 2.0. Dans les tests de programmation agentique, il se situe dans la même catégorie que Claude Sonnet. Si votre jeu génère ou exécute du code, c’est actuellement le sommet des modèles ouverts. La famille européenne <strong>Mistral</strong> — Devstral pour la programmation et Mistral Small 3.x pour l’exécution locale, tous deux sous Apache 2.0 — constitue une solide solution auto-hébergeable.</p>
<p><strong>Qwen3-VL</strong> ajoute la compréhension visuelle, avec des modèles denses et MoE allant de 2 à 235 milliards de paramètres sous licence Apache 2.0. Il est utile pour les jeux qui doivent analyser des captures d’écran, comprendre du contenu dessiné par les joueurs ou traiter l’entrée d’une caméra. La variante 8B fonctionne sur un seul GPU. <strong>InternVL3</strong> (Shanghai AI Lab, MIT) est l’autre grande solution ouverte combinant vision et langage. Il excelle notamment en OCR et en repérage dans les interfaces, ce qui compte si vos outils doivent lire des interfaces de jeu. <strong>Pixtral 12B</strong> de Mistral (Apache 2.0) est une option plus légère et adaptée à un usage commercial.</p>
<p>Pour des PNJ exécutés localement, capables de répondre en temps réel sans passer par le cloud, <strong>Qwen3-8B</strong> via NVIDIA ACE est actuellement la solution la plus pratique. Il s’exécute en parallèle du jeu sur le matériel du joueur.</p>
<h2 id="modeles-utilitaires" tabindex="-1">Modèles utilitaires <a class="header-anchor" href="#modeles-utilitaires" aria-label="Permalink to &quot;Modèles utilitaires&quot;"></a></h2>
<p>Ils ne génèrent pas directement de contenu, mais permettent à vos chaînes de production de fonctionner.</p>
<p><img src="/img/ai-samples/sam2-sample.jpg" alt="Segmentation avec SAM 2">
<em>SAM 2 segmente n’importe quel objet dans les images et les vidéos. Un clic suffit pour obtenir un masque parfait</em></p>
<table tabindex="0">
<thead>
<tr>
<th>Modèle</th>
<th>Organisation</th>
<th>Publication</th>
<th>Fonction</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/facebookresearch/sam2" target="_blank" rel="noreferrer"><strong>SAM 2</strong></a></td>
<td>Meta</td>
<td>Août 2024</td>
<td>Segmente n’importe quel élément dans les images et les vidéos</td>
</tr>
<tr>
<td><a href="https://github.com/apple/ml-depth-pro" target="_blank" rel="noreferrer"><strong>Depth Pro</strong></a></td>
<td>Apple</td>
<td>Oct. 2024</td>
<td>Estime la profondeur métrique à partir d’une seule image</td>
</tr>
<tr>
<td><a href="https://github.com/nerfstudio-project/gsplat" target="_blank" rel="noreferrer"><strong>gsplat</strong></a></td>
<td>Nerfstudio</td>
<td>2024+</td>
<td>Gaussian splatting accéléré par CUDA</td>
</tr>
</tbody>
</table>
<p><strong>SAM 2</strong> segmente les objets d’une vidéo en temps réel. Cliquez sur un élément et obtenez un masque parfait. C’est utile pour la rotoscopie, le compositing ou l’extraction d’objets depuis des séquences filmées afin de les utiliser comme ressources de jeu. <a href="https://github.com/huggingface/sam2-studio" target="_blank" rel="noreferrer">Essayer SAM 2 ↗</a></p>
<p><strong>Depth Pro</strong> d’Apple produit en moins d’une seconde des cartes de profondeur métrique à partir d’images uniques. Cela ouvre de nombreuses possibilités : convertir des illustrations 2D en 2,5D avec des effets de parallaxe, générer des données de profondeur pour la reconstruction 3D et créer des normal maps à partir d’images planes. <a href="https://huggingface.co/apple/DepthPro-hf" target="_blank" rel="noreferrer">Depth Pro sur HuggingFace ↗</a></p>
<p><strong>gsplat</strong> est l’implémentation rapide du Gaussian splatting. Si vous capturez des environnements réels pour vos jeux, que ce soit par photogrammétrie ou par numérisation d’environnements, c’est la bibliothèque qui rend cette méthode réellement exploitable.</p>
<h2 id="ce-que-j-utiliserais-reellement" tabindex="-1">Ce que j’utiliserais réellement <a class="header-anchor" href="#ce-que-j-utiliserais-reellement" aria-label="Permalink to &quot;Ce que j’utiliserais réellement&quot;"></a></h2>
<p>Si vous démarrez un projet de jeu aujourd’hui, voici la pile technologique la plus pertinente :</p>
<p><strong>Textures et sprites</strong> : FLUX.1 [schnell], Apache 2.0, itérations rapides et qualité prête pour la production</p>
<p><strong>Concept art</strong> : SD 3.5 Large avec des LoRA pour maîtriser le style</p>
<p><strong>Ressources 3D</strong> : Hunyuan3D 2.1 ou TRELLIS.2 pour les maillages texturés, SAM 3D lorsque vous partez d’une photo, puis Blender pour les retouches</p>
<p><strong>Rigging automatique</strong> : UniRig ou NVIDIA SOMA-X pour créer le squelette et le skinning des maillages générés — les deux sont ouverts — plutôt que de dépendre de Mixamo</p>
<p><strong>Effets sonores</strong> : le modèle ouvert Small-SFX de Stable Audio, exécuté localement et sous licence commerciale</p>
<p><strong>Musique</strong> : ACE-Step pour les prototypes, puis faites appel à un compositeur pour la production finale</p>
<p><strong>Voix</strong> : Qwen3-TTS pour le clonage et les dialogues d’ambiance (Apache 2.0), Chatterbox (MIT) lorsqu’une réplique exige une véritable émotion, et des comédiens de doublage pour les répliques importantes</p>
<p><strong>Dialogues des PNJ</strong> : Qwen3-8B en local, ou un LLM cloud auto-hébergeable (GLM-5 ou DeepSeek-V4) pour le raisonnement complexe et l’utilisation d’outils</p>
<p><strong>Vidéo (cinématiques)</strong> : Mochi 1 en local, HunyuanVideo dans le cloud lorsque vous avez besoin d’une qualité finale</p>
<p>Voici ce qu’il faut retenir : l’erreur courante consiste à vouloir utiliser l’IA pour tout. Ce sont des outils, pas des remplaçants. Ils réduisent le temps consacré aux tâches fastidieuses comme les itérations, les variantes et les ressources temporaires, afin que vous puissiez vous concentrer sur les décisions créatives qui comptent vraiment. Celles qui donnent à votre jeu son identité.</p>
<h2 id="les-besoins-materiels-reels" tabindex="-1">Les besoins matériels réels <a class="header-anchor" href="#les-besoins-materiels-reels" aria-label="Permalink to &quot;Les besoins matériels réels&quot;"></a></h2>
<p>Soyons honnêtes sur le matériel réellement nécessaire pour faire fonctionner tout cela :</p>
<p><strong>8 Go de VRAM</strong> (RTX 3060, 4060) : SD 1.5/SDXL, petite version de Wan 2.1, AudioGen, Fish Speech, petits LLM quantifiés de 7 milliards de paramètres. C’est la catégorie des ordinateurs portables de jeu, et cela suffit pour commencer.
<strong>12 Go de VRAM</strong> (RTX 3080, 4070) : SD 3.5, FLUX schnell, Mochi 1, MusicGen, TripoSR, Qwen 14B quantifié. C’est à partir de là que les choses deviennent confortables. La plupart des modèles utiles fonctionnent avec cette configuration.</p>
<p><strong>24 Go de VRAM</strong> (RTX 3090, 4090) : la plupart des modèles en pleine précision, InstantMesh et des LLM plus grands. Si vous comptez adopter sérieusement ce processus de travail, c’est le meilleur compromis.</p>
<p><strong>48 à 80 Go de VRAM</strong> (A100, H100) : HunyuanVideo, LTX-2, DeepSeek-V3 et génération à l’échelle de la production. Du matériel d’entreprise. Vous ne l’achèterez pas, vous le louerez.</p>
<p>Les instances cloud de RunPod, Lambda Labs ou Modal coûtent entre 2 et 4 $/heure pour des A100. Pour une utilisation occasionnelle, cela revient moins cher que d’acheter le matériel. Lancez une instance lorsque vous avez besoin d’une qualité finale, puis arrêtez-la une fois votre travail terminé.</p>
<p><strong>À propos des estimations de coût de ce guide</strong> : les coûts par génération supposent une inférence auto-hébergée sur des GPU cloud à environ 2 à 3 $/heure (A100) ou 0,40 $/heure (RTX 4090). Les coûts réels varient selon le matériel, l’optimisation et la taille des lots. Il s’agit d’ordres de grandeur destinés à la planification ; vos résultats peuvent donc varier.</p>
<h2 id="nouveautes-de-2026" tabindex="-1">Nouveautés de 2026 <a class="header-anchor" href="#nouveautes-de-2026" aria-label="Permalink to &quot;Nouveautés de 2026&quot;"></a></h2>
<p><strong>Sorties récentes</strong> : LTX-2 et LTX-2.3 ont apporté une solution ouverte de génération audio-vidéo synchronisée avec une définition 4K native. TRELLIS.2 de Microsoft (décembre 2025) est devenu la référence ouverte pour la conversion d’images en 3D, tandis que SAM 3D de Meta (novembre 2025) a rendu pratique la reconstruction 3D à partir d’une seule photo. FLUX.2 a remplacé FLUX.1 pour la génération d’images, et SOMA-X de NVIDIA a apporté une solution ouverte de rigging et de retargeting automatiques. Le premier semestre 2026 a maintenu le rythme : Qwen3-TTS (janvier) a offert au clonage vocal une véritable solution sous licence Apache 2.0, GLM-5 de Zhipu (février) a proposé sous licence MIT un modèle ouvert de 744 milliards de paramètres dédié au code et aux tâches agentiques, Matrix-Game 3.0 de Skywork (mars) a publié en poids ouverts un modèle de monde interactif en temps réel, DeepSeek-V4 (avril) a porté les LLM ouverts à un contexte d’un million de tokens sous licence MIT, Stable Audio 3.0 (mai) a lancé trois modèles audio ouverts entraînés sur des données sous licence, et Ideogram a publié son premier modèle d’image à poids ouverts (juin). Puis, en juillet, Moonshot a annoncé Kimi K3, un modèle à poids ouverts de 2 800 milliards de paramètres qui surpasse Claude Opus 4.8 et GPT-5.5 dans les benchmarks agentiques, avec une publication des poids prévue le 27 juillet.</p>
<p><strong>La tendance à surveiller</strong> : les principaux laboratoires réservent de plus en plus leurs modèles les plus récents à leurs API, même lorsque les versions précédentes étaient ouvertes. Wan est devenu fermé avec la version 2.5 et l’est resté jusqu’à la 2.7, Qwen-Image est devenu fermé avec la version 2.0, et Hunyuan3D avec la version 2.5. L’écosystème ouvert reste dynamique et évolue rapidement, mais il n’est désormais plus prudent de supposer que « la dernière version est ouverte ». Vérifiez donc la disponibilité des poids avant de bâtir une chaîne de production autour d’un modèle.</p>
<p>La trajectoire est claire : chaque fonctionnalité proposée par les modèles fermés apparaît dans les modèles ouverts 6 à 12 mois plus tard. La question n’est pas de savoir si les modèles ouverts seront suffisamment performants. Ils le sont déjà pour la plupart des usages. La véritable question est de savoir à quelle vitesse ils deviendront la solution par défaut.</p>
<p>Et voici ce que cela signifie pour les créateurs : les outils qui nécessitaient auparavant des budgets d’entreprise ou des abonnements mensuels deviennent accessibles sous forme de logiciels que vous pouvez tout simplement… exécuter. Sur votre propre matériel. Sans avoir besoin de la permission de qui que ce soit.</p>
<p>Voilà le changement. Voilà l’avenir que nous construisons.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-modele-d-ia-open-source-pour-generer-des-ressources-de-jeu" tabindex="-1">Quel est le meilleur modèle d’IA open source pour générer des ressources de jeu ? <a class="header-anchor" href="#quel-est-le-meilleur-modele-d-ia-open-source-pour-generer-des-ressources-de-jeu" aria-label="Permalink to &quot;Quel est le meilleur modèle d’IA open source pour générer des ressources de jeu ?&quot;"></a></h3>
<p>Cela dépend du type de ressource. Pour les modèles 3D, Hunyuan3D est la meilleure option ouverte en 2026. Pour les illustrations 2D et les textures, FLUX domine en matière de qualité. Pour les effets sonores et la musique, les modèles audio ouverts ont rapidement rattrapé leur retard. Il n’existe pas de modèle unique qui soit « le meilleur », car les jeux nécessitent de nombreux types de ressources. La plupart des créateurs enchaînent donc plusieurs modèles au lieu de n’en utiliser qu’un seul.</p>
<h3 id="les-modeles-d-ia-open-source-sont-ils-assez-performants-pour-remplacer-les-api-fermees" tabindex="-1">Les modèles d’IA open source sont-ils assez performants pour remplacer les API fermées ? <a class="header-anchor" href="#les-modeles-d-ia-open-source-sont-ils-assez-performants-pour-remplacer-les-api-fermees" aria-label="Permalink to &quot;Les modèles d’IA open source sont-ils assez performants pour remplacer les API fermées ?&quot;"></a></h3>
<p>Pour la plupart des tâches de création de ressources de jeu en 2026, oui. Les modèles ouverts égalent désormais les API fermées pour la génération d’images, de contenus 3D et de contenus audio. Vous pouvez en outre les exécuter sur votre propre matériel, sans frais par appel ni modification tarifaire imprévue. Les modèles fermés conservent une avance sur quelques tâches de pointe, comme la vidéo longue durée, mais l’écart se résorbe généralement en 6 à 12 mois.</p>
<h3 id="puis-je-executer-ces-modeles-d-ia-generative-sur-mon-propre-gpu" tabindex="-1">Puis-je exécuter ces modèles d’IA générative sur mon propre GPU ? <a class="header-anchor" href="#puis-je-executer-ces-modeles-d-ia-generative-sur-mon-propre-gpu" aria-label="Permalink to &quot;Puis-je exécuter ces modèles d’IA générative sur mon propre GPU ?&quot;"></a></h3>
<p>Pour beaucoup d’entre eux, oui. Les modèles d’image et d’audio fonctionnent confortablement sur un seul GPU grand public comme une RTX 4090. Les modèles de vidéo et de 3D plus volumineux nécessitent davantage de VRAM et souvent un GPU cloud de classe A100. La section consacrée au matériel ci-dessus indique les besoins de chaque modèle afin que vous puissiez planifier votre configuration avant de vous engager.</p>
<h3 id="est-il-legal-d-utiliser-des-ressources-generees-par-ia-dans-un-jeu-commercial" tabindex="-1">Est-il légal d’utiliser des ressources générées par IA dans un jeu commercial ? <a class="header-anchor" href="#est-il-legal-d-utiliser-des-ressources-generees-par-ia-dans-un-jeu-commercial" aria-label="Permalink to &quot;Est-il légal d’utiliser des ressources générées par IA dans un jeu commercial ?&quot;"></a></h3>
<p>En règle générale, oui pour les modèles open source que vous exécutez vous-même, mais cela dépend de la licence du modèle et des hypothèses relatives à ses données d’entraînement. Vérifiez toujours la licence propre au modèle et signalez les contenus générés par IA lorsque votre plateforme l’exige. Consultez notre <a href="/fr/ai-content.html">politique relative aux contenus générés par IA</a> pour savoir comment nous les gérons.</p>
<hr>
<h2 id="pour-aller-plus-loin" tabindex="-1">Pour aller plus loin <a class="header-anchor" href="#pour-aller-plus-loin" aria-label="Permalink to &quot;Pour aller plus loin&quot;"></a></h2>
<ul>
<li><a href="/fr/blog/2026-01-18-ai-controversy-and-post-ai-economy.html">Controverse autour de l’IA, confiance et économie post-IA</a> — notre position sur l’IA dans les jeux</li>
<li><a href="/fr/ai-content.html">Politique relative aux contenus générés par IA</a> — notre approche de la transparence sur l’utilisation de l’IA</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Pile technologique des jeux web en 2026</a> — WebGL, WebGPU et Wasm pour les jeux</li>
<li><a href="/fr/guides/browser-3d-open-world-tech.html">Technologies de mondes ouverts 3D dans le navigateur</a> — utiliser des ressources 3D générées par IA dans des mondes accessibles par navigateur</li>
<li><a href="/fr/guides/landscape-generation-browser.html">Génération de paysages pour les mondes ouverts dans le navigateur</a> — synthèse de terrains fondée sur la diffusion</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — sources traditionnelles de ressources en complément de la génération par IA</li>
<li><a href="/fr/tutorials/agentic-code-tools.html">Outils de programmation agentique fondés sur l’IA</a> — utiliser l’IA pour écrire le code d’un jeu, et pas seulement pour générer des ressources</li>
</ul>
<BuildCta
  title="Découvrez comment ces modèles créent un jeu, et pas seulement des ressources"
  desc="Les modèles de génération sont plus amusants lorsque leur résultat est jouable."
  prompt="Crée un jeu dans lequel j’explore un étrange paysage extraterrestre généré par IA" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/frontier-gen-ai-models.jpg?v=4" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Les licences d’assets de jeu expliquées (CC0, CC-BY, libres de droits)]]></title>
            <link>https://app.cinevva.com/fr/guides/game-asset-licenses</link>
            <guid>https://app.cinevva.com/fr/guides/game-asset-licenses</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Le fonctionnement des licences d’assets de jeu expliqué simplement : CC0, CC-BY, CC-BY-SA, libre de droits, usage éditorial, MIT et GPL, ainsi que celles que vous pouvez utiliser sans risque dans un jeu commercial.]]></description>
            <content:encoded><![CDATA[<h1 id="les-licences-d-assets-de-jeu-expliquees-cc0-cc-by-libres-de-droits" tabindex="-1">Les licences d’assets de jeu expliquées (CC0, CC-BY, libres de droits) <a class="header-anchor" href="#les-licences-d-assets-de-jeu-expliquees-cc0-cc-by-libres-de-droits" aria-label="Permalink to &quot;Les licences d’assets de jeu expliquées (CC0, CC-BY, libres de droits)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Une licence d’asset de jeu définit les règles fixées par son créateur concernant la manière dont vous pouvez utiliser son modèle 3D, sa texture, son effet sonore ou sa musique. Les licences les plus sûres pour un jeu commercial sont la CC0 (domaine public, aucune attribution requise) et les licences libres de droits (vous payez une fois, puis pouvez utiliser l’asset indéfiniment), qui autorisent toutes deux l’usage commercial sans frais récurrents. La CC-BY convient également à un jeu commercial à condition de créditer le créateur, tandis que les licences non commerciales (CC-BY-NC) et les assets réservés à un usage éditorial ne peuvent pas être intégrés à un jeu vendu. Ce guide explique simplement chaque licence afin que vous puissiez utiliser des assets gratuits et payants dans vos jeux sans problème juridique.</p>
<h2 id="pourquoi-les-licences-sont-importantes" tabindex="-1">Pourquoi les licences sont importantes <a class="header-anchor" href="#pourquoi-les-licences-sont-importantes" aria-label="Permalink to &quot;Pourquoi les licences sont importantes&quot;"></a></h2>
<p>Toute création — modèles 3D, textures, sons, musiques — est protégée par le droit d’auteur. Par défaut, elle appartient à son créateur. Une <strong>licence</strong> est l’autorisation accordée par le créateur pour utiliser son œuvre selon des conditions précises.</p>
<p><strong>Utiliser des assets sans comprendre leur licence peut entraîner :</strong></p>
<ul>
<li>Le retrait de votre jeu à la suite d’une demande DMCA</li>
<li>Des poursuites judiciaires de la part des titulaires des droits d’auteur</li>
<li>Le retrait forcé des boutiques d’applications</li>
<li>Des dommages-intérêts</li>
</ul>
<p><strong>La bonne nouvelle :</strong> la plupart des assets de jeu disposent de licences claires et permissives. Il suffit de comprendre ce qu’elles autorisent.</p>
<hr>
<h2 id="tableau-de-reference-rapide-des-licences" tabindex="-1">Tableau de référence rapide des licences <a class="header-anchor" href="#tableau-de-reference-rapide-des-licences" aria-label="Permalink to &quot;Tableau de référence rapide des licences&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Licence</th>
<th>Usage commercial</th>
<th>Attribution</th>
<th>Modification</th>
<th>Partage dans les mêmes conditions</th>
<th>Fournisseurs</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>CC0</strong></td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>Poly Haven, Kenney, Quaternius, AmbientCG, certains contenus Freesound</td>
</tr>
<tr>
<td><strong>CC-BY</strong></td>
<td>✅ Oui</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>Sketchfab, OpenGameArt, certains contenus Freesound</td>
</tr>
<tr>
<td><strong>CC-BY-SA</strong></td>
<td>✅ Oui</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>✅ Requis</td>
<td>OpenGameArt, certains contenus Freesound</td>
</tr>
<tr>
<td><strong>CC-BY-NC</strong></td>
<td>❌ Non</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>Certains contenus Sketchfab, itch.io et Freesound</td>
</tr>
<tr>
<td><strong>CC-BY-NC-SA</strong></td>
<td>❌ Non</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>✅ Requis</td>
<td>Divers</td>
</tr>
<tr>
<td><strong>Libre de droits</strong></td>
<td>✅ Oui</td>
<td>❌ Généralement non</td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>Synty, CGTrader, TurboSquid</td>
</tr>
<tr>
<td><strong>Usage éditorial uniquement</strong></td>
<td>❌ Non*</td>
<td>Variable</td>
<td>⚠️ Limitée</td>
<td>❌ Non</td>
<td>TurboSquid (certains contenus)</td>
</tr>
<tr>
<td><strong>MIT</strong></td>
<td>✅ Oui</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>❌ Non</td>
<td>Three.js, pmndrs</td>
</tr>
<tr>
<td><strong>GPL</strong></td>
<td>✅ Oui</td>
<td>✅ Requise</td>
<td>✅ Oui</td>
<td>✅ Requis</td>
<td>Certains contenus OpenGameArt</td>
</tr>
</tbody>
</table>
<p><strong>Remarque sur Freesound :</strong> Freesound mélange plusieurs licences, attribuées individuellement à chaque son. Les sons sont sous licence CC0, CC-BY, CC-BY-SA ou CC-BY-NC ; vérifiez donc chaque fichier avant de le télécharger. Les sons sous CC-BY-NC ne peuvent pas être intégrés à un jeu commercial.</p>
<hr>
<h2 id="licences-creative-commons" tabindex="-1">Licences Creative Commons <a class="header-anchor" href="#licences-creative-commons" aria-label="Permalink to &quot;Licences Creative Commons&quot;"></a></h2>
<p>Les licences Creative Commons (CC) sont les plus courantes pour les assets de jeu gratuits. Elles sont standardisées, reconnues à l’échelle internationale et faciles à comprendre.</p>
<h3 id="cc0-—-versement-dans-le-domaine-public" tabindex="-1">CC0 — Versement dans le domaine public <a class="header-anchor" href="#cc0-—-versement-dans-le-domaine-public" aria-label="Permalink to &quot;CC0 — Versement dans le domaine public&quot;"></a></h3>
<p><strong>La licence la plus permissive. Considérez l’œuvre comme si elle n’était soumise à aucun droit d’auteur.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser dans des jeux à code source fermé</td>
<td>✅</td>
</tr>
<tr>
<td>Modifier, remixer, transformer</td>
<td>✅</td>
</tr>
<tr>
<td>Distribuer et partager</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser sans crédit</td>
<td>✅</td>
</tr>
<tr>
<td>Revendiquer l’œuvre comme la vôtre</td>
<td>⚠️ Légalement oui, mais éthiquement discutable</td>
</tr>
</tbody>
</table>
<p><strong>En clair :</strong> faites-en ce que vous voulez. Aucune restriction. Aucune attribution requise.</p>
<p><strong>Fournisseurs utilisant la CC0 :</strong></p>
<ul>
<li>Poly Haven (tous les assets)</li>
<li>Kenney (tous les assets)</li>
<li>Quaternius (tous les assets)</li>
<li>AmbientCG (tous les assets)</li>
<li>Certains contenus OpenGameArt, Freesound et Sketchfab</li>
</ul>
<p><strong>Exemple d’utilisation :</strong> téléchargez un vaisseau spatial depuis Kenney, modifiez-le, vendez votre jeu 20 $ et ne mentionnez jamais Kenney. C’est parfaitement légal.</p>
<p><strong>Pourquoi les créateurs choisissent la CC0 :</strong> pour maximiser l’adoption de leurs créations. Beaucoup veulent que leur travail soit largement utilisé et n’accordent pas d’importance à l’attribution.</p>
<hr>
<h3 id="cc-by-—-attribution" tabindex="-1">CC-BY — Attribution <a class="header-anchor" href="#cc-by-—-attribution" aria-label="Permalink to &quot;CC-BY — Attribution&quot;"></a></h3>
<p><strong>Utilisation libre, mais vous devez créditer l’auteur.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser dans des jeux à code source fermé</td>
<td>✅</td>
</tr>
<tr>
<td>Modifier, remixer, transformer</td>
<td>✅</td>
</tr>
<tr>
<td>Distribuer et partager</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser sans crédit</td>
<td>❌ Attribution obligatoire</td>
</tr>
</tbody>
</table>
<p><strong>Exigences d’attribution :</strong></p>
<ol>
<li>Nommer le créateur</li>
<li>Indiquer le nom de la licence (CC-BY 4.0)</li>
<li>Fournir un lien vers la licence (si cela est raisonnablement possible)</li>
<li>Indiquer si des modifications ont été apportées</li>
</ol>
<p><strong>En clair :</strong> utilisez l’asset comme vous le souhaitez, mais créditez son créateur.</p>
<p><strong>Où placer l’attribution :</strong></p>
<ul>
<li>Écran des crédits de votre jeu</li>
<li>Fichier README ou CREDITS.txt</li>
<li>Section À propos/Mentions légales</li>
<li>Site web du jeu</li>
</ul>
<p><strong>Exemple d’attribution :</strong></p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>« Modèle de vaisseau spatial » par John Artist</span></span>
<span class="line"><span>Sous licence CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/)</span></span>
<span class="line"><span>Modifications : ajustement de l’échelle et ajout d’une texture d’émission</span></span></code></pre>
</div><p><strong>Fournisseurs utilisant la CC-BY :</strong></p>
<ul>
<li>De nombreux modèles Sketchfab</li>
<li>De nombreux assets OpenGameArt</li>
<li>Certains contenus audio Freesound</li>
<li>BlendSwap</li>
</ul>
<p><strong>OGA-BY :</strong> OpenGameArt propose également sa propre licence OGA-BY, une variante de la CC-BY sans clause relative aux DRM, ce qui la rend plus adaptée aux jeux distribués avec des DRM. Traitez-la comme la CC-BY et créditez le créateur.</p>
<p><strong>Remarque sur Sketchfab :</strong> sa boutique payante a fermé et les ventes ont été transférées vers la place de marché Fab d’Epic, mais les téléchargements gratuits sous Creative Commons et CC0 fonctionnent encore aujourd’hui sur Sketchfab. Sketchfab a indiqué qu’un préavis serait donné avant la disparition des contenus gratuits téléchargeables. Si vous y recherchez des modèles CC-BY ou CC0, téléchargez et archivez ceux dont vous avez besoin au lieu de supposer qu’un lien restera accessible indéfiniment.</p>
<hr>
<h3 id="cc-by-sa-—-attribution-et-partage-dans-les-memes-conditions" tabindex="-1">CC-BY-SA — Attribution et partage dans les mêmes conditions <a class="header-anchor" href="#cc-by-sa-—-attribution-et-partage-dans-les-memes-conditions" aria-label="Permalink to &quot;CC-BY-SA — Attribution et partage dans les mêmes conditions&quot;"></a></h3>
<p><strong>Utilisation libre avec attribution, mais les œuvres dérivées doivent employer la même licence.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser dans des jeux à code source fermé</td>
<td>✅ (le jeu lui-même)</td>
</tr>
<tr>
<td>Modifier, remixer, transformer</td>
<td>✅</td>
</tr>
<tr>
<td>Distribuer et partager</td>
<td>✅</td>
</tr>
<tr>
<td>Utiliser sans crédit</td>
<td>❌ Attribution obligatoire</td>
</tr>
<tr>
<td>Conserver les œuvres dérivées sous licence propriétaire</td>
<td>❌ Même licence obligatoire</td>
</tr>
</tbody>
</table>
<p><strong>La contrainte du « partage dans les mêmes conditions » :</strong> si vous modifiez l’asset et distribuez cette version modifiée, celle-ci doit également être sous licence CC-BY-SA.</p>
<p><strong>Précision importante pour les jeux :</strong></p>
<ul>
<li>Le <strong>code de votre jeu</strong> n’a PAS besoin d’être open source</li>
<li>Votre <strong>jeu</strong> peut être commercial et à code source fermé</li>
<li>Seuls <strong>l’asset lui-même</strong> et ses œuvres dérivées doivent rester sous CC-BY-SA</li>
<li>Si quelqu’un extrait l’asset de votre jeu, il peut l’utiliser sous CC-BY-SA</li>
</ul>
<p><strong>En clair :</strong> créditez le créateur. Si vous partagez une version modifiée de l’asset, celle-ci reste sous CC-BY-SA.</p>
<p><strong>Cas nécessitant de la prudence :</strong></p>
<ul>
<li>Si vous créez un pack d’assets ou un modèle de projet</li>
<li>Si vous redistribuez des assets dans une boîte à outils</li>
<li>Si votre jeu permet aux utilisateurs d’extraire les assets bruts</li>
</ul>
<hr>
<h3 id="cc-by-nc-—-attribution-pas-d-utilisation-commerciale" tabindex="-1">CC-BY-NC — Attribution, pas d’utilisation commerciale <a class="header-anchor" href="#cc-by-nc-—-attribution-pas-d-utilisation-commerciale" aria-label="Permalink to &quot;CC-BY-NC — Attribution, pas d’utilisation commerciale&quot;"></a></h3>
<p><strong>Utilisation gratuite avec attribution, mais INTERDITE à des fins commerciales.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>❌ Non</td>
</tr>
<tr>
<td>Utiliser dans des jeux à code source fermé</td>
<td>✅ (si le jeu est gratuit)</td>
</tr>
<tr>
<td>Modifier, remixer, transformer</td>
<td>✅</td>
</tr>
<tr>
<td>Distribuer et partager</td>
<td>✅ (à des fins non commerciales)</td>
</tr>
<tr>
<td>Utiliser sans crédit</td>
<td>❌ Attribution obligatoire</td>
</tr>
</tbody>
</table>
<p><strong>Qu’est-ce qui est considéré comme « commercial » ?</strong></p>
<ul>
<li>❌ Vendre le jeu</li>
<li>❌ Proposer des achats intégrés</li>
<li>❌ Afficher des publicités dans le jeu</li>
<li>❌ Développer un jeu financé par Patreon</li>
<li>⚠️ Jeu gratuit créé par une entreprise (zone grise)</li>
<li>✅ Projet amateur entièrement gratuit et sans aucune monétisation</li>
</ul>
<p><strong>En clair :</strong> utilisez ces assets uniquement dans des projets entièrement gratuits et non monétisés.</p>
<p><strong>Recommandation :</strong> évitez les assets sous licence NC pour tout projet susceptible de générer des revenus. La définition du terme « commercial » est large et fait l’objet de débats.</p>
<hr>
<h3 id="cc-by-nc-sa-—-attribution-pas-d-utilisation-commerciale-et-partage-dans-les-memes-conditions" tabindex="-1">CC-BY-NC-SA — Attribution, pas d’utilisation commerciale et partage dans les mêmes conditions <a class="header-anchor" href="#cc-by-nc-sa-—-attribution-pas-d-utilisation-commerciale-et-partage-dans-les-memes-conditions" aria-label="Permalink to &quot;CC-BY-NC-SA — Attribution, pas d’utilisation commerciale et partage dans les mêmes conditions&quot;"></a></h3>
<p><strong>La licence Creative Commons la plus restrictive.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>❌ Non</td>
</tr>
<tr>
<td>Utiliser dans des jeux à code source fermé</td>
<td>✅ (si le jeu est gratuit)</td>
</tr>
<tr>
<td>Modifier, remixer, transformer</td>
<td>✅</td>
</tr>
<tr>
<td>Distribuer et partager</td>
<td>✅ (à des fins non commerciales)</td>
</tr>
<tr>
<td>Utiliser sans crédit</td>
<td>❌ Attribution obligatoire</td>
</tr>
<tr>
<td>Conserver les œuvres dérivées sous licence propriétaire</td>
<td>❌ Même licence obligatoire</td>
</tr>
</tbody>
</table>
<p><strong>En clair :</strong> usage non commercial uniquement, attribution obligatoire, et toutes les œuvres dérivées doivent également être sous licence NC-SA.</p>
<p><strong>Recommandation :</strong> évitez généralement cette licence pour le développement de jeux, sauf si vous êtes certain que votre projet ne sera jamais monétisé de quelque manière que ce soit.</p>
<hr>
<h2 id="licences-libres-de-droits" tabindex="-1">Licences libres de droits <a class="header-anchor" href="#licences-libres-de-droits" aria-label="Permalink to &quot;Licences libres de droits&quot;"></a></h2>
<p>Une licence « libre de droits » est un modèle de licence commerciale, et NON une variante de Creative Commons.</p>
<h3 id="ce-que-signifie-reellement-«-libre-de-droits-»" tabindex="-1">Ce que signifie réellement « libre de droits » <a class="header-anchor" href="#ce-que-signifie-reellement-«-libre-de-droits-»" aria-label="Permalink to &quot;Ce que signifie réellement « libre de droits »&quot;"></a></h3>
<p><strong>Libre de droits ≠ Gratuit</strong></p>
<p>« Libre de droits » signifie :</p>
<ul>
<li>Vous payez <strong>une seule fois</strong> (ou obtenez gratuitement l’asset lors d’une promotion)</li>
<li>Vous pouvez l’utiliser <strong>un nombre illimité de fois</strong></li>
<li>Vous ne payez pas de <strong>redevances à chaque utilisation</strong></li>
</ul>
<p><strong>Comparaison avec les licences « à droits gérés » :</strong></p>
<ul>
<li>Paiement pour chaque utilisation précise</li>
<li>Utilisation limitée à certains médias, territoires et certaines périodes</li>
<li>Plus coûteuses et plus restrictives</li>
</ul>
<h3 id="conditions-standard-des-licences-libres-de-droits" tabindex="-1">Conditions standard des licences libres de droits <a class="header-anchor" href="#conditions-standard-des-licences-libres-de-droits" aria-label="Permalink to &quot;Conditions standard des licences libres de droits&quot;"></a></h3>
<p>La plupart des places de marché (Synty, CGTrader, TurboSquid) appliquent des conditions similaires :</p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement dans des jeux</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Utiliser dans plusieurs projets</td>
<td>✅ Oui (souvent sans limite)</td>
</tr>
<tr>
<td>Modifier et adapter</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Créditer le créateur</td>
<td>❌ Généralement non requis</td>
</tr>
<tr>
<td>Revendre le fichier brut de l’asset</td>
<td>❌ Non</td>
</tr>
<tr>
<td>Permettre aux utilisateurs d’extraire l’asset</td>
<td>❌ Non</td>
</tr>
<tr>
<td>Transférer la licence à d’autres personnes</td>
<td>❌ Non</td>
</tr>
</tbody>
</table>
<p><strong>Principales restrictions :</strong></p>
<ol>
<li><strong>Aucune redistribution</strong> — Vous ne pouvez ni donner ni vendre les fichiers de l’asset</li>
<li><strong>Aucune extraction</strong> — L’asset doit être « incorporé » de façon à ce que les utilisateurs ne puissent pas facilement l’extraire</li>
<li><strong>Un seul titulaire</strong> — La licence est destinée à vous ou à votre équipe et n’est pas transférable</li>
</ol>
<p><strong>En clair :</strong> utilisez l’asset dans vos jeux, mais ne permettez pas à d’autres personnes d’accéder aux fichiers bruts.</p>
<h3 id="licence-synty-studios" tabindex="-1">Licence Synty Studios <a class="header-anchor" href="#licence-synty-studios" aria-label="Permalink to &quot;Licence Synty Studios&quot;"></a></h3>
<p>Synty propose désormais deux modèles de licence : une <strong>licence par achat unique</strong> (droits perpétuels sur les packs précis que vous achetez) et une <strong>licence d’abonnement Standard</strong> (accès à toute la bibliothèque tant que votre abonnement est actif). Une fois payées, toutes deux sont libres de droits pour un usage commercial.</p>
<p>Conditions de l’achat unique :</p>
<ul>
<li>✅ Utilisation dans un nombre illimité de projets commerciaux</li>
<li>✅ Modification libre des assets</li>
<li>✅ 5 postes (membres de l’équipe) par achat (les exemplaires issus d’un Humble Bundle incluent 1 poste)</li>
<li>❌ Interdiction de revendre, redistribuer ou partager les assets en dehors des membres autorisés de votre équipe</li>
<li>❌ Interdiction de pratiquer l’asset flipping (apporter des modifications minimales, puis revendre)</li>
<li>❌ Interdiction d’utiliser le nom ou le logo de Synty, ou de prétendre avoir créé les assets</li>
<li>❌ Interdiction d’inclure les assets dans des jeux de données d’entraînement pour IA générative, des produits NFT/blockchain ou des produits destinés au métavers (une licence personnalisée est nécessaire)</li>
</ul>
<h3 id="licence-libre-de-droits-de-cgtrader" tabindex="-1">Licence libre de droits de CGTrader <a class="header-anchor" href="#licence-libre-de-droits-de-cgtrader" aria-label="Permalink to &quot;Licence libre de droits de CGTrader&quot;"></a></h3>
<ul>
<li>✅ Usage commercial dans les jeux, les films et les expériences VR/AR</li>
<li>✅ Modification et adaptation</li>
<li>❌ Interdiction de vendre ou de donner le fichier du modèle</li>
<li>❌ Interdiction de permettre aux utilisateurs d’extraire le modèle</li>
<li>⚠️ Certains modèles portent la mention « No AI » — ils ne peuvent pas servir à l’entraînement de modèles d’apprentissage automatique</li>
</ul>
<h3 id="licence-de-modeles-3d-turbosquid" tabindex="-1">Licence de modèles 3D TurboSquid <a class="header-anchor" href="#licence-de-modeles-3d-turbosquid" aria-label="Permalink to &quot;Licence de modèles 3D TurboSquid&quot;"></a></h3>
<ul>
<li>✅ Usage commercial (sauf si la mention « Editorial » est indiquée)</li>
<li>✅ Modification et adaptation</li>
<li>✅ Jusqu’à 5 impressions physiques pour un usage personnel ou caritatif</li>
<li>❌ Interdiction de redistribuer les fichiers du modèle</li>
<li>❌ Interdiction d’utiliser l’asset dans un logo ou une marque commerciale</li>
<li>⚠️ Vérifiez la présence de la mention « Editorial Only »</li>
<li>⚠️ Vérifiez la présence de propriété intellectuelle représentée (logos de marques)</li>
</ul>
<hr>
<h2 id="usage-editorial-uniquement" tabindex="-1">Usage éditorial uniquement <a class="header-anchor" href="#usage-editorial-uniquement" aria-label="Permalink to &quot;Usage éditorial uniquement&quot;"></a></h2>
<p>Certains assets portent la mention « Editorial Use Only » — il est important d’en comprendre la signification.</p>
<h3 id="ce-que-cela-signifie" tabindex="-1">Ce que cela signifie <a class="header-anchor" href="#ce-que-cela-signifie" aria-label="Permalink to &quot;Ce que cela signifie&quot;"></a></h3>
<p>L’usage « éditorial » comprend :</p>
<ul>
<li>Le journalisme</li>
<li>Les contenus éducatifs</li>
<li>Les documentaires</li>
<li>Les commentaires et critiques</li>
</ul>
<p><strong>Ne sont PAS considérés comme éditoriaux :</strong></p>
<ul>
<li>Les jeux commerciaux</li>
<li>La publicité</li>
<li>Les supports marketing</li>
<li>Les produits destinés à la vente</li>
</ul>
<h3 id="pourquoi-certains-assets-portent-cette-mention" tabindex="-1">Pourquoi certains assets portent cette mention <a class="header-anchor" href="#pourquoi-certains-assets-portent-cette-mention" aria-label="Permalink to &quot;Pourquoi certains assets portent cette mention&quot;"></a></h3>
<p>Généralement parce qu’ils contiennent :</p>
<ul>
<li>Des <strong>marques commerciales</strong> — Logos de marques (Nike, Apple, etc.)</li>
<li>Des <strong>représentations de personnes</strong> — Visages de personnes réelles</li>
<li>Des <strong>designs protégés par le droit d’auteur</strong> — Designs de voitures ou de produits</li>
<li>De la <strong>propriété intellectuelle</strong> — Personnages ou objets reconnaissables</li>
</ul>
<h3 id="exemple" tabindex="-1">Exemple <a class="header-anchor" href="#exemple" aria-label="Permalink to &quot;Exemple&quot;"></a></h3>
<p>Un modèle 3D de Ferrari peut être réservé à un « usage éditorial » parce que :</p>
<ul>
<li>Le design de Ferrari est protégé</li>
<li>Son utilisation dans un jeu pourrait laisser supposer une approbation de la marque</li>
<li>Son usage commercial nécessite l’autorisation de Ferrari</li>
</ul>
<p><strong>Recommandation :</strong> évitez entièrement les assets réservés à un « usage éditorial » pour le développement de jeux. Utilisez des alternatives originales ou correctement licenciées.</p>
<hr>
<h2 id="licences-logicielles-mit-gpl-apache" tabindex="-1">Licences logicielles (MIT, GPL, Apache) <a class="header-anchor" href="#licences-logicielles-mit-gpl-apache" aria-label="Permalink to &quot;Licences logicielles (MIT, GPL, Apache)&quot;"></a></h2>
<p>Ces licences s’appliquent principalement au code, mais couvrent parfois aussi des assets.</p>
<h3 id="licence-mit" tabindex="-1">Licence MIT <a class="header-anchor" href="#licence-mit" aria-label="Permalink to &quot;Licence MIT&quot;"></a></h3>
<p><strong>Très permissive. Courante pour le code et les assets étroitement liés au code.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Modifier</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Distribuer</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Conserver sous licence propriétaire</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Attribution</td>
<td>✅ Requise (dans le fichier de licence)</td>
</tr>
</tbody>
</table>
<p><strong>Exigence d’attribution :</strong> incluez le texte original de la licence quelque part dans votre projet (généralement dans un fichier LICENSES ou sur l’écran À propos).</p>
<p><strong>Exemple de mention MIT :</strong></p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>La licence MIT (MIT)</span></span>
<span class="line"><span>Copyright (c) 2024 Auteur d’origine</span></span>
<span class="line"><span></span></span>
<span class="line"><span>L’autorisation est accordée, gratuitement, à toute personne obtenant une copie...</span></span></code></pre>
</div><p><strong>Assets sous licence MIT :</strong></p>
<ul>
<li>Exemples Three.js</li>
<li>Effets pmndrs/vanilla</li>
<li>De nombreux paquets npm contenant des assets</li>
</ul>
<h3 id="gpl-gnu-general-public-license" tabindex="-1">GPL (GNU General Public License) <a class="header-anchor" href="#gpl-gnu-general-public-license" aria-label="Permalink to &quot;GPL (GNU General Public License)&quot;"></a></h3>
<p><strong>Licence copyleft. Les œuvres dérivées doivent également être sous GPL.</strong></p>
<table tabindex="0">
<thead>
<tr>
<th>Ce que vous pouvez faire</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>Utiliser commercialement</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Modifier</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Distribuer</td>
<td>✅ Oui</td>
</tr>
<tr>
<td>Conserver sous licence propriétaire</td>
<td>❌ Non (en cas de distribution)</td>
</tr>
<tr>
<td>Attribution</td>
<td>✅ Requise</td>
</tr>
</tbody>
</table>
<p><strong>La contrainte :</strong> si vous distribuez une œuvre sous GPL ou l’une de ses œuvres dérivées, vous devez :</p>
<ul>
<li>Mettre le code source à disposition</li>
<li>La placer sous licence GPL</li>
<li>Inclure le texte intégral de la licence GPL</li>
</ul>
<p><strong>Pour les jeux :</strong> l’utilisation d’assets sous GPL dans un jeu distribué est complexe. Le jeu lui-même pourrait devoir être placé sous GPL. Consultez un avocat en cas de doute.</p>
<p><strong>Recommandation :</strong> évitez les assets sous licence GPL pour les jeux commerciaux, sauf si vous en comprenez parfaitement les conséquences.</p>
<hr>
<h2 id="conseils-pratiques" tabindex="-1">Conseils pratiques <a class="header-anchor" href="#conseils-pratiques" aria-label="Permalink to &quot;Conseils pratiques&quot;"></a></h2>
<h3 id="choisir-les-assets-selon-leur-licence-ordre-recommande" tabindex="-1">Choisir les assets selon leur licence (ordre recommandé) <a class="header-anchor" href="#choisir-les-assets-selon-leur-licence-ordre-recommande" aria-label="Permalink to &quot;Choisir les assets selon leur licence (ordre recommandé)&quot;"></a></h3>
<ol>
<li><strong>CC0</strong> — Aucune restriction, aucun souci</li>
<li><strong>MIT</strong> — Incluez le texte de la licence et tout ira bien</li>
<li><strong>Libre de droits</strong> — Conditions commerciales standard ; lisez la licence concernée</li>
<li><strong>CC-BY</strong> — Attribution obligatoire, mais autrement libre</li>
<li><strong>CC-BY-SA</strong> — Attribution et partage dans les mêmes conditions ; adaptée à la plupart des jeux</li>
<li><strong>CC-BY-NC</strong> — Uniquement si votre projet est 100 % non commercial</li>
<li><strong>GPL</strong> — À éviter, sauf si vous souhaitez que votre jeu soit open source</li>
<li><strong>Usage éditorial uniquement</strong> — À ne jamais utiliser dans des jeux</li>
</ol>
<h3 id="mettre-en-place-un-systeme-de-credits" tabindex="-1">Mettre en place un système de crédits <a class="header-anchor" href="#mettre-en-place-un-systeme-de-credits" aria-label="Permalink to &quot;Mettre en place un système de crédits&quot;"></a></h3>
<p>Même pour les assets CC0, tenir à jour les crédits est une bonne pratique :</p>
<p><strong>1. Créez un fichier CREDITS.md :</strong></p>
<div class="language-markdown vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">markdown</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold"># Crédits des assets</span></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold">## Modèles 3D</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Vaisseau spatial : Kenney (https://kenney.nl) - CC0</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Pack d'arbres : Quaternius (https://quaternius.com) - CC0</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Personnage robot : « RoboHelper » par @artist123 sur Sketchfab - CC-BY 4.0</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  Modifications : réduction du nombre de polygones, changement des couleurs</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold">## Textures</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Sol en bois : Poly Haven (https://polyhaven.com/a/wood_floor_01) - CC0</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Panneau métallique : AmbientCG - CC0</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold">## Audio</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Son de laser : « pew_laser » par sounduser sur Freesound - CC-BY 3.0</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Musique de fond : composée par [Votre nom] - Tous droits réservés</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold">## Code/Shaders</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Ombres douces : pmndrs/vanilla - Licence MIT</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> Post-traitement : exemples Three.js - Licence MIT</span></span></code></pre>
</div><p><strong>2. Ajoutez un écran de crédits dans le jeu :</strong></p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>CRÉDITS</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Modèles et textures</span></span>
<span class="line"><span>- Poly Haven (polyhaven.com)</span></span>
<span class="line"><span>- Kenney (kenney.nl)</span></span>
<span class="line"><span>- Quaternius (quaternius.com)</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Audio</span></span>
<span class="line"><span>- Contributeurs de Freesound (voir CREDITS.txt)</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Remerciements</span></span>
<span class="line"><span>- L'équipe de Three.js</span></span>
<span class="line"><span>- La communauté open source</span></span></code></pre>
</div><h3 id="gerer-plusieurs-licences" tabindex="-1">Gérer plusieurs licences <a class="header-anchor" href="#gerer-plusieurs-licences" aria-label="Permalink to &quot;Gérer plusieurs licences&quot;"></a></h3>
<p>Lorsque votre projet utilise des ressources sous différentes licences :</p>
<ol>
<li><strong>Répertoriez tout</strong> - Tenez à jour une feuille de calcul ou un document</li>
<li><strong>Appliquez l'attribution la plus restrictive</strong> - Si une ressource doit être créditée, ajoutez une section de crédits</li>
<li><strong>Séparez les usages</strong> - N'utilisez pas de ressources NC dans les projets commerciaux</li>
<li><strong>En cas de doute, remplacez</strong> - Remplacez les ressources douteuses par d'autres dont la licence est claire</li>
</ol>
<h3 id="signaux-d-alerte-a-surveiller" tabindex="-1">Signaux d'alerte à surveiller <a class="header-anchor" href="#signaux-d-alerte-a-surveiller" aria-label="Permalink to &quot;Signaux d'alerte à surveiller&quot;"></a></h3>
<p>⚠️ <strong>Soyez prudent lorsque :</strong></p>
<ul>
<li>La licence n'est pas clairement indiquée</li>
<li>La ressource semble trop professionnelle pour être gratuite (elle pourrait être piratée)</li>
<li>La ressource représente un personnage ou une marque reconnaissable</li>
<li>Le site semble douteux ou non officiel</li>
<li>Les conditions indiquent « usage personnel uniquement »</li>
<li>La ressource est extraite d'un jeu</li>
</ul>
<p>✅ <strong>Signes de confiance :</strong></p>
<ul>
<li>Plateformes reconnues (Poly Haven, Kenney, Sketchfab)</li>
<li>Licence clairement indiquée sur la page de téléchargement</li>
<li>Le créateur possède un portfolio ou un historique</li>
<li>La ressource est une œuvre originale, et non une copie</li>
</ul>
<hr>
<h2 id="compatibilite-des-licences" tabindex="-1">Compatibilité des licences <a class="header-anchor" href="#compatibilite-des-licences" aria-label="Permalink to &quot;Compatibilité des licences&quot;"></a></h2>
<p>Toutes les licences ne peuvent pas être combinées. Voici les combinaisons possibles :</p>
<h3 id="combiner-des-ressources-dans-un-meme-projet" tabindex="-1">Combiner des ressources dans un même projet <a class="header-anchor" href="#combiner-des-ressources-dans-un-meme-projet" aria-label="Permalink to &quot;Combiner des ressources dans un même projet&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Licence A</th>
<th>+</th>
<th>Licence B</th>
<th>=</th>
<th>Résultat</th>
</tr>
</thead>
<tbody>
<tr>
<td>CC0</td>
<td>+</td>
<td>N'importe laquelle</td>
<td>=</td>
<td>✅ Aucun problème</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY</td>
<td>=</td>
<td>✅ Créditer les deux</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY-SA</td>
<td>=</td>
<td>✅ Créditer les deux, la clause SA s'applique à cette ressource</td>
</tr>
<tr>
<td>CC-BY</td>
<td>+</td>
<td>CC-BY-NC</td>
<td>=</td>
<td>⚠️ Le projet devient NC</td>
</tr>
<tr>
<td>CC-BY-SA</td>
<td>+</td>
<td>CC-BY-NC-SA</td>
<td>=</td>
<td>⚠️ Incompatibles pour les œuvres dérivées</td>
</tr>
<tr>
<td>MIT</td>
<td>+</td>
<td>CC-BY</td>
<td>=</td>
<td>✅ Inclure la licence MIT et créditer la ressource CC-BY</td>
</tr>
<tr>
<td>GPL</td>
<td>+</td>
<td>Propriétaire</td>
<td>=</td>
<td>❌ Problématique</td>
</tr>
</tbody>
</table>
<h3 id="regle-essentielle" tabindex="-1">Règle essentielle <a class="header-anchor" href="#regle-essentielle" aria-label="Permalink to &quot;Règle essentielle&quot;"></a></h3>
<p>Lorsque vous combinez des licences, les conditions les plus restrictives s'appliquent à l'œuvre finale.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="puis-je-utiliser-des-ressources-cc-by-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser des ressources CC-BY dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-des-ressources-cc-by-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser des ressources CC-BY dans un jeu commercial ?&quot;"></a></h3>
<p><strong>Oui.</strong> La licence CC-BY autorise l'utilisation commerciale. Il suffit d'inclure l'attribution.</p>
<h3 id="dois-je-publier-le-code-source-de-mon-jeu-si-j-utilise-des-ressources-cc-by-sa" tabindex="-1">Dois-je publier le code source de mon jeu si j'utilise des ressources CC-BY-SA ? <a class="header-anchor" href="#dois-je-publier-le-code-source-de-mon-jeu-si-j-utilise-des-ressources-cc-by-sa" aria-label="Permalink to &quot;Dois-je publier le code source de mon jeu si j'utilise des ressources CC-BY-SA ?&quot;"></a></h3>
<p><strong>Non.</strong> Le code de votre jeu peut rester propriétaire. Seule la ressource, ainsi que ses modifications, doit rester sous licence CC-BY-SA si elle est distribuée séparément.</p>
<h3 id="que-se-passe-t-il-si-j-ai-modifie-une-ressource-cc-by-au-point-qu-elle-soit-meconnaissable" tabindex="-1">Que se passe-t-il si j'ai modifié une ressource CC-BY au point qu'elle soit méconnaissable ? <a class="header-anchor" href="#que-se-passe-t-il-si-j-ai-modifie-une-ressource-cc-by-au-point-qu-elle-soit-meconnaissable" aria-label="Permalink to &quot;Que se passe-t-il si j'ai modifié une ressource CC-BY au point qu'elle soit méconnaissable ?&quot;"></a></h3>
<p><strong>Vous devez tout de même l'attribuer.</strong> Si vous êtes parti du travail de quelqu'un d'autre, vous devez le créditer, quel que soit le nombre de modifications apportées. C'est à la fois plus sûr juridiquement et plus juste sur le plan éthique.</p>
<h3 id="puis-je-utiliser-des-sons-de-freesound-dans-un-jeu-commercial" tabindex="-1">Puis-je utiliser des sons de Freesound dans un jeu commercial ? <a class="header-anchor" href="#puis-je-utiliser-des-sons-de-freesound-dans-un-jeu-commercial" aria-label="Permalink to &quot;Puis-je utiliser des sons de Freesound dans un jeu commercial ?&quot;"></a></h3>
<p><strong>Cela dépend du son concerné.</strong> Chaque son publié sur Freesound possède sa propre licence. Filtrez les résultats par CC0 pour les utiliser sans souci, ou par CC-BY si vous pouvez fournir une attribution.</p>
<h3 id="un-jeu-gratuit-avec-des-publicites-est-il-considere-comme-«-commercial-»" tabindex="-1">Un jeu gratuit avec des publicités est-il considéré comme « commercial » ? <a class="header-anchor" href="#un-jeu-gratuit-avec-des-publicites-est-il-considere-comme-«-commercial-»" aria-label="Permalink to &quot;Un jeu gratuit avec des publicités est-il considéré comme « commercial » ?&quot;"></a></h3>
<p><strong>Oui.</strong> Toute forme de monétisation — publicités, achats intégrés, dons ou Patreon — est généralement considérée comme commerciale. Évitez les ressources sous licence NC.</p>
<h3 id="puis-je-utiliser-des-ressources-cc0-puis-les-vendre" tabindex="-1">Puis-je utiliser des ressources CC0 puis les vendre ? <a class="header-anchor" href="#puis-je-utiliser-des-ressources-cc0-puis-les-vendre" aria-label="Permalink to &quot;Puis-je utiliser des ressources CC0 puis les vendre ?&quot;"></a></h3>
<p><strong>Techniquement oui, mais...</strong> Vous pouvez inclure des ressources CC0 dans un produit que vous vendez. En revanche, vous ne pouvez pas prétendre les avoir créées si la question vous est posée. Revendre des ressources CC0 sans les modifier est légal, mais discutable sur le plan éthique.</p>
<h3 id="qu-en-est-il-des-ressources-generees-par-l-ia" tabindex="-1">Qu'en est-il des ressources générées par l'IA ? <a class="header-anchor" href="#qu-en-est-il-des-ressources-generees-par-l-ia" aria-label="Permalink to &quot;Qu'en est-il des ressources générées par l'IA ?&quot;"></a></h3>
<p><strong>C'est compliqué.</strong> Le consensus juridique actuel reste incertain. Quelques points à prendre en compte :</p>
<ul>
<li>Les images générées par l'IA peuvent ne pas être protégées par le droit d'auteur, faute d'auteur humain</li>
<li>Les licences des données d'entraînement font l'objet de contestations juridiques</li>
<li>Certaines places de marché, comme CGTrader, imposent des restrictions « Sans IA »</li>
<li>En cas de doute, utilisez des ressources créées par des humains et assorties de licences claires</li>
</ul>
<p>Concernant spécifiquement la possibilité de protéger ces œuvres par le droit d'auteur, le rapport de janvier 2025 de l'Office américain du droit d'auteur sur l'IA constitue à ce jour l'orientation la plus claire : une œuvre entièrement générée par l'IA ne peut pas être protégée par le droit d'auteur, car celui-ci exige une création humaine, et les prompts seuls — même longs et détaillés — ne suffisent pas à vous rendre titulaire des droits sur le résultat. En revanche, l'utilisation de l'IA comme outil, lorsqu'un humain sélectionne, organise ou modifie substantiellement le résultat, peut produire une œuvre protégeable par le droit d'auteur, au cas par cas. Ainsi, une texture générée par l'IA et utilisée telle quelle ne bénéficie probablement d'aucune protection que vous pourriez faire valoir, tandis qu'une scène que vous avez largement construite et modifiée autour d'éléments générés par l'IA peut être protégée.</p>
<h3 id="ai-je-besoin-d-un-avocat" tabindex="-1">Ai-je besoin d'un avocat ? <a class="header-anchor" href="#ai-je-besoin-d-un-avocat" aria-label="Permalink to &quot;Ai-je besoin d'un avocat ?&quot;"></a></h3>
<p><strong>Pour la plupart des jeux indépendants, non.</strong> Si vous vous en tenez aux licences CC0, MIT et aux licences libres de droits standard provenant de sources fiables, vous ne devriez pas avoir de problème.</p>
<p><strong>Envisagez de demander un avis juridique si :</strong></p>
<ul>
<li>Votre jeu présente un potentiel de revenus important</li>
<li>Vous utilisez des ressources sous licence GPL</li>
<li>Vous avez des doutes sur une licence particulière</li>
<li>Vous créez une place de marché de ressources</li>
</ul>
<hr>
<h2 id="modeles-d-attribution" tabindex="-1">Modèles d'attribution <a class="header-anchor" href="#modeles-d-attribution" aria-label="Permalink to &quot;Modèles d'attribution&quot;"></a></h2>
<p>Copiez et adaptez ces modèles à vos projets.</p>
<h3 id="fichier-de-credits-simple" tabindex="-1">Fichier de crédits simple <a class="header-anchor" href="#fichier-de-credits-simple" aria-label="Permalink to &quot;Fichier de crédits simple&quot;"></a></h3>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>CRÉDITS DES RESSOURCES</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Ce jeu utilise des ressources provenant des sources suivantes :</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Modèles 3D</span></span>
<span class="line"><span>- Kenney.nl (CC0) - https://kenney.nl</span></span>
<span class="line"><span>- Quaternius (CC0) - https://quaternius.com</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Textures  </span></span>
<span class="line"><span>- Poly Haven (CC0) - https://polyhaven.com</span></span>
<span class="line"><span>- AmbientCG (CC0) - https://ambientcg.com</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Audio</span></span>
<span class="line"><span>- Freesound.org (diverses licences CC)</span></span>
<span class="line"><span>  - « explosion.wav » par user123 (CC-BY 3.0)</span></span>
<span class="line"><span>  - « footstep.wav » par user456 (CC0)</span></span>
<span class="line"><span></span></span>
<span class="line"><span>Merci à tous les créateurs qui partagent leur travail !</span></span></code></pre>
</div><h3 id="attribution-detaillee-cc-by" tabindex="-1">Attribution détaillée (CC-BY) <a class="header-anchor" href="#attribution-detaillee-cc-by" aria-label="Permalink to &quot;Attribution détaillée (CC-BY)&quot;"></a></h3>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>« Nom de la ressource » par Nom du créateur</span></span>
<span class="line"><span>Source : https://example.com/asset-url</span></span>
<span class="line"><span>Licence : Creative Commons Attribution 4.0 International (CC-BY 4.0)</span></span>
<span class="line"><span>URL de la licence : https://creativecommons.org/licenses/by/4.0/</span></span>
<span class="line"><span>Modifications : [Décrivez les modifications apportées, ou indiquez « Aucune »]</span></span></code></pre>
</div><h3 id="inclusion-de-la-licence-mit" tabindex="-1">Inclusion de la licence MIT <a class="header-anchor" href="#inclusion-de-la-licence-mit" aria-label="Permalink to &quot;Inclusion de la licence MIT&quot;"></a></h3>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>Ce logiciel inclut du code ou des ressources sous licence MIT :</span></span>
<span class="line"><span></span></span>
<span class="line"><span>---</span></span>
<span class="line"><span>[Texte original du copyright et de la licence]</span></span>
<span class="line"><span>---</span></span></code></pre>
</div><hr>
<h2 id="resume" tabindex="-1">Résumé <a class="header-anchor" href="#resume" aria-label="Permalink to &quot;Résumé&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Si vous souhaitez...</th>
<th>Utilisez ces licences</th>
</tr>
</thead>
<tbody>
<tr>
<td>Aucune restriction</td>
<td>CC0</td>
</tr>
<tr>
<td>Une utilisation commerciale avec un minimum de contraintes</td>
<td>CC0, libre de droits, MIT</td>
</tr>
<tr>
<td>Une utilisation commerciale en acceptant de créditer les auteurs</td>
<td>CC-BY</td>
</tr>
<tr>
<td>Un projet amateur gratuit uniquement</td>
<td>Toutes sauf Editorial</td>
</tr>
<tr>
<td>Une sécurité juridique maximale</td>
<td>CC0 provenant de sources fiables</td>
</tr>
</tbody>
</table>
<p><strong>Règles d'or :</strong></p>
<ol>
<li>En cas de doute, utilisez du CC0</li>
<li>Vérifiez toujours la licence avant de télécharger</li>
<li>Conservez une trace de la provenance des ressources</li>
<li>Incluez un fichier de crédits, même si ce n'est pas obligatoire</li>
<li>Remplacez les ressources douteuses plutôt que de prendre des risques</li>
</ol>
<hr>
<h2 id="ressources" tabindex="-1">Ressources <a class="header-anchor" href="#ressources" aria-label="Permalink to &quot;Ressources&quot;"></a></h2>
<ul>
<li><a href="https://creativecommons.org/choose/" target="_blank" rel="noreferrer">Sélecteur de licence Creative Commons</a></li>
<li><a href="https://tldrlegal.com/" target="_blank" rel="noreferrer">TL;DR Legal</a> — explications des licences en termes simples</li>
<li><a href="https://choosealicense.com/" target="_blank" rel="noreferrer">Choose a License</a> — pour les licences de code</li>
</ul>
<BuildCta
  title="Créez avec des ressources dont les droits sont déjà réglés"
  desc="Toutes les ressources proposées par Cinevva sont sous licence CC0 ou générées pour vous : les licences ne sont donc plus un problème."
  prompt="Crée un jeu de ferme low poly avec des objets CC0 gratuits" />
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — fournisseurs, formats et outils de recherche pour chaque type de ressource</li>
<li><a href="/fr/guides/game-dev-courses.html">Cours de développement de jeux en ligne</a> — des cours pour apprendre à créer des ressources dans Blender et d'autres outils</li>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — des packs de ressources aux licences adaptées aux jeux de jam</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/game-asset-licenses.jpg?v=4" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Où trouver des ressources de jeu gratuites en 2026 (plus de 20 sources)]]></title>
            <link>https://app.cinevva.com/fr/guides/game-assets-guide</link>
            <guid>https://app.cinevva.com/fr/guides/game-assets-guide</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Plus de 20 sources de ressources de jeu gratuites en 2026 — modèles 3D, textures, sons, sprites, animations et shaders, avec une explication des licences et les points forts de chaque site.]]></description>
            <content:encoded><![CDATA[<h1 id="ou-trouver-des-ressources-de-jeu-gratuites-en-2026-plus-de-20-sources" tabindex="-1">Où trouver des ressources de jeu gratuites en 2026 (plus de 20 sources) <a class="header-anchor" href="#ou-trouver-des-ressources-de-jeu-gratuites-en-2026-plus-de-20-sources" aria-label="Permalink to &quot;Où trouver des ressources de jeu gratuites en 2026 (plus de 20 sources)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Voici où trouver des ressources gratuites et de qualité pour vos jeux web : modèles 3D, textures, sprites, sons, musiques, animations et shaders. La plupart de ces fournisseurs peuvent être interrogés directement depuis la bibliothèque de ressources de Cinevva (repérez la mention « Consultable dans Cinevva »), et nous avons également inclus les meilleures sources externes.</p>
<div class="info custom-block"><p class="custom-block-title">Essayez notre moteur de recherche de ressources</p>
<p>Interrogez toutes ces sources à la fois grâce à notre <a href="/fr/assets.html">moteur de recherche de ressources</a>. Trouvez des modèles 3D, des textures, des sons et bien plus encore depuis un seul champ de recherche.</p>
<p><strong>Nouveau :</strong> les ressources disposant d'un lien de téléchargement direct affichent une icône de téléchargement sur leur vignette. Cliquez dessus pour les télécharger instantanément sans quitter les résultats de recherche.</p>
<p><strong>Recherche rapide par source :</strong> <a href="/fr/assets.html?providers=polyhaven">Poly Haven</a> · <a href="/fr/assets.html?providers=sketchfab">Sketchfab</a> · <a href="/fr/assets.html?providers=freesound">Freesound</a> · <a href="/fr/assets.html?providers=kenney">Kenney</a> · <a href="/fr/assets.html?providers=ambientcg">AmbientCG</a></p>
</div>
<div class="tip custom-block"><p class="custom-block-title">Comprendre les licences</p>
<p>Vous ne savez pas ce que signifient CC0, CC-BY ou Libre de droits ? Consultez notre guide <a href="/fr/guides/game-asset-licenses.html">Les licences des ressources de jeu expliquées</a> pour une présentation complète.</p>
</div>
<h2 id="tableau-de-reference-rapide" tabindex="-1">Tableau de référence rapide <a class="header-anchor" href="#tableau-de-reference-rapide" aria-label="Permalink to &quot;Tableau de référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Besoin</th>
<th>Meilleur fournisseur</th>
<th>Licence</th>
<th>Téléchargement direct</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Modèles 3D (haute qualité)</strong></td>
<td>Poly Haven, Sketchfab, BlenderKit</td>
<td>CC0 / Diverses</td>
<td>✅ / Manuel</td>
</tr>
<tr>
<td><strong>Modèles 3D (prêts pour le jeu)</strong></td>
<td>Kenney, Quaternius</td>
<td>CC0</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Modèles 3D (low-poly stylisés)</strong></td>
<td>Synty POLYGON, Quaternius</td>
<td>Libre de droits / CC0</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Modèles 3D (place de marché)</strong></td>
<td>CGTrader, TurboSquid</td>
<td>Libre de droits</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Textures (PBR)</strong></td>
<td>Poly Haven, AmbientCG, BlenderKit</td>
<td>CC0 / Diverses</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Sprites/2D</strong></td>
<td>Kenney, itch.io, OpenGameArt</td>
<td>CC0 / Diverses</td>
<td>✅</td>
</tr>
<tr>
<td><strong>Effets sonores</strong></td>
<td>Freesound, Sonniss GDC, Kenney</td>
<td>Diverses / Libre de droits / CC0</td>
<td>⚠️ / ✅</td>
</tr>
<tr>
<td><strong>Musique</strong></td>
<td>Jamendo</td>
<td>CC pour usage personnel / synchronisation payante pour usage commercial</td>
<td>⚠️</td>
</tr>
<tr>
<td><strong>Animations de personnages</strong></td>
<td>Mixamo</td>
<td>Usage commercial gratuit</td>
<td>Manuel</td>
</tr>
<tr>
<td><strong>Shaders/Effets</strong></td>
<td>Shadertoy, Three.js Examples</td>
<td>Diverses / MIT</td>
<td>Voir le code</td>
</tr>
<tr>
<td><strong>Modèles Blender</strong></td>
<td>BlendSwap</td>
<td>CC-BY</td>
<td>Manuel</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="modeles-3d" tabindex="-1">Modèles 3D <a class="header-anchor" href="#modeles-3d" aria-label="Permalink to &quot;Modèles 3D&quot;"></a></h2>
<h3 id="poly-haven" tabindex="-1">Poly Haven <a class="header-anchor" href="#poly-haven" aria-label="Permalink to &quot;Poly Haven&quot;"></a></h3>
<p><strong>Idéal pour :</strong> modèles photoréalistes de haute qualité, HDRI et textures PBR</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://polyhaven.com" target="_blank" rel="noreferrer">polyhaven.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public) — aucune attribution requise</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 200 ressources (plus de 520 modèles, 780 textures et 980 HDRI)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF, Blend, FBX</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — aucune clé requise</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>✅ Oui — résolution 1K via CDN</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Qualité professionnelle adaptée aux projets commerciaux</li>
<li>Toutes les ressources sont sous licence CC0 — utilisez-les comme bon vous semble</li>
<li>Plusieurs résolutions disponibles (de 1K à 16K pour les textures)</li>
<li>Liens de téléchargement direct via l'API — icône de téléchargement dans les résultats de recherche</li>
</ul>
<p><strong>Idéal pour trouver :</strong></p>
<ul>
<li>Des éléments architecturaux (meubles, bâtiments)</li>
<li>Des objets naturels (rochers, plantes, terrains)</li>
<li>Des HDRI pour l'éclairage</li>
<li>Des textures de matériaux PBR</li>
</ul>
<hr>
<h3 id="kenney" tabindex="-1">Kenney <a class="header-anchor" href="#kenney" aria-label="Permalink to &quot;Kenney&quot;"></a></h3>
<p><strong>Idéal pour :</strong> ressources low-poly prêtes pour le jeu et dotées de styles graphiques cohérents</p>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-3d.jpg" alt="Exemples de modèles 3D CC0 de Kenney : voiture de course, vaisseau spatial, tour de siège, maison, bateau pirate, moulin à vent, OVNI et camion de pompiers" loading="lazy"></a>
<figcaption>Huit accessoires de Kenney, tous sous licence CC0. <a href="/fr/assets?providers=kenney">Parcourez l'ensemble complet de Kenney dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://kenney.nl" target="_blank" rel="noreferrer">kenney.nl</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 270 packs (plus de 40 000 ressources individuelles)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLB, PNG, WAV et plus encore</td>
</tr>
<tr>
<td><strong>Catalogue</strong></td>
<td>Catalogue hors ligne disponible (recherche instantanée)</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>✅ Oui — liens vers la page du pack de ressources</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Immense bibliothèque de ressources conçues pour les jeux</li>
<li>Styles graphiques cohérents au sein de chaque pack</li>
<li>Toutes les ressources sont prêtes pour le jeu et optimisées pour les performances</li>
<li>Réunit au même endroit modèles, sprites, éléments d'interface et sons</li>
</ul>
<p><strong>Meilleurs packs pour commencer :</strong></p>
<ul>
<li><strong>Space Kit</strong> — Vaisseaux spatiaux, astéroïdes et stations</li>
<li><strong>Platformer Kit</strong> — Personnages, tuiles et obstacles</li>
<li><strong>Nature Kit</strong> — Arbres, rochers et herbe</li>
<li><strong>Furniture Kit</strong> — Accessoires d'intérieur</li>
<li><strong>UI Pack</strong> — Boutons, icônes et éléments d'ATH</li>
</ul>
<hr>
<h3 id="quaternius" tabindex="-1">Quaternius <a class="header-anchor" href="#quaternius" aria-label="Permalink to &quot;Quaternius&quot;"></a></h3>
<p><strong>Idéal pour :</strong> modèles 3D low-poly stylisés</p>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-quaternius.jpg" alt="Exemples de modèles low-poly CC0 de Quaternius : monstres, capitaine pirate, mécha, sorcier, vaisseau spatial, shiba inu et chevalier" loading="lazy"></a>
<figcaption>Personnages et vaisseaux de Quaternius, tous sous licence CC0 et animés pour la plupart. <a href="/fr/assets">Recherchez-les dans la bibliothèque de ressources gratuites</a>.</figcaption>
</figure>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://quaternius.com" target="_blank" rel="noreferrer">quaternius.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0 (domaine public)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>79 packs (environ 1 148 modèles)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF/GLB, FBX</td>
</tr>
<tr>
<td><strong>Catalogue</strong></td>
<td>Catalogue hors ligne disponible</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>✅ Oui — un fichier ZIP par pack</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Esthétique low-poly mignonne et stylisée</li>
<li>Parfait pour les jeux indépendants</li>
<li>Packs thématiques bien organisés</li>
<li>Nombre de polygones optimisé</li>
</ul>
<p><strong>Packs populaires :</strong></p>
<ul>
<li>Ultimate Modular Characters</li>
<li>Medieval Pack</li>
<li>Ultimate Spaceships</li>
<li>Ultimate Monsters</li>
<li>Nature Pack</li>
</ul>
<hr>
<h3 id="sketchfab" tabindex="-1">Sketchfab <a class="header-anchor" href="#sketchfab" aria-label="Permalink to &quot;Sketchfab&quot;"></a></h3>
<p><strong>Idéal pour :</strong> une grande variété de modèles, y compris des créations complexes et détaillées</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://sketchfab.com" target="_blank" rel="noreferrer">sketchfab.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Diverses (vérifiez chaque modèle)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 4 millions de modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF, FBX, OBJ</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — clé facultative pour bénéficier de limites plus élevées</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>⚠️ Liens vers la page de téléchargement (connexion requise)</td>
</tr>
</tbody>
</table>
<p><strong>Remarque :</strong> la boutique payante de Sketchfab a fermé et a été transférée vers la place de marché <a href="https://www.fab.com" target="_blank" rel="noreferrer">Fab</a> d'Epic, mais les modèles gratuits et ceux disponibles uniquement en visualisation restent sur Sketchfab. Ils demeurent téléchargeables en 2026, et les API de téléchargement et de visualisation continuent de fonctionner. Le filtrage des modèles gratuits et téléchargeables fonctionne exactement comme auparavant. Une subtilité importante : seuls les contenus sous licence CC-BY et Fab Standard peuvent migrer vers Fab, tandis que les modèles CC0, CC-BY-SA, CC-BY-NC et CC-BY-ND restent exclusivement sur Sketchfab. Considérez Sketchfab comme une source de contenus CC0 toujours utile, mais en déclin progressif, et récupérez ce dont vous avez besoin plutôt que de supposer que ces ressources seront toujours disponibles.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>La plus grande bibliothèque de modèles 3D</li>
<li>Aperçu 3D avant le téléchargement</li>
<li>Filtres par contenu « téléchargeable » et par licence</li>
<li>De nombreux artistes professionnels</li>
</ul>
<p><strong>Conseils de recherche :</strong></p>
<ul>
<li>Ajoutez <code>downloadable:true</code> à la recherche</li>
<li>Filtrez par licences CC0 ou CC-BY</li>
<li>Vérifiez le nombre de polygones pour les jeux web (moins de 100 000 de préférence)</li>
<li>Recherchez le tag « game-ready »</li>
</ul>
<div class="tip custom-block"><p class="custom-block-title">Consultable dans Cinevva</p>
<p>Les résultats Sketchfab apparaissent directement dans le panneau Ressources de Cinevva.</p>
</div>
<hr>
<h3 id="blenderkit" tabindex="-1">BlenderKit <a class="header-anchor" href="#blenderkit" aria-label="Permalink to &quot;BlenderKit&quot;"></a></h3>
<p><strong>Idéal pour :</strong> une immense bibliothèque intégrée de modèles, de matériaux et de HDRI</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.blenderkit.com" target="_blank" rel="noreferrer">blenderkit.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits et CC0 — vérifiez chaque ressource</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de modèles, matériaux, HDRI et brosses</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Blend, GLTF, FBX (variable)</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — offre gratuite disponible</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>L'une des plus grandes bibliothèques de ressources, avec un mélange de contenus gratuits et payants</li>
<li>Réunit au même endroit modèles, matériaux PBR et HDRI</li>
<li>Excellent choix pour les accessoires d'environnement, les matériaux et l'habillage des scènes</li>
<li>Filtrage par licence pour vous limiter aux ressources CC0 lorsque nécessaire</li>
</ul>
<p><strong>Remarque :</strong> les ressources gratuites et payantes sont présentées côte à côte ; filtrez donc les offres gratuites ou CC0 si votre budget est limité.</p>
<div class="tip custom-block"><p class="custom-block-title">Consultable dans Cinevva</p>
<p>BlenderKit est intégré au panneau Ressources de Cinevva — recherchez-y des contenus en même temps que sur Poly Haven et Sketchfab, sans quitter l'éditeur.</p>
</div>
<hr>
<h3 id="fab-epic-games" tabindex="-1">Fab (Epic Games) <a class="header-anchor" href="#fab-epic-games" aria-label="Permalink to &quot;Fab (Epic Games)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> des ressources prêtes pour le jeu et des Quixel Megascans gratuits, réunis sur une seule place de marché</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.fab.com" target="_blank" rel="noreferrer">fab.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Standard (Personal/Professional) et Creative Commons (certains contenus CC0) — vérifiez chaque annonce</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Modèles, matériaux, environnements, effets visuels, sons, animations et plugins</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Unreal Engine, Unity, glTF et plus encore</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Inscription gratuite, contenus gratuits et payants</td>
</tr>
</tbody>
</table>
<p>Fab est la place de marché de contenus unifiée d'Epic, qui succède à l'Unreal Engine Marketplace, à l'ArtStation Marketplace, au Sketchfab Store et à Quixel Megascans. Son principal attrait pour les créateurs en quête de ressources est un pack de démarrage Megascans gratuit en permanence, comprenant plus de 1 500 ressources triées sur le volet, ainsi que des surfaces, des décalcomanies et des scans 3D, utilisables gratuitement dans n'importe quel moteur. Notez que l'époque où toute la bibliothèque Megascans était gratuite a pris fin le 31 décembre 2024 et que le catalogue complet d'environ 17 000 ressources est désormais payant. Epic maintient toutefois ce pack de démarrage de 1 500 ressources gratuitement et propose une nouvelle sélection « Limited-Time Free » toutes les deux semaines. Filtrez par licence Creative Commons ou Standard gratuite pour maîtriser votre budget, et vérifiez la licence de chaque annonce avant de publier votre jeu.</p>
<hr>
<h3 id="blendswap" tabindex="-1">BlendSwap <a class="header-anchor" href="#blendswap" aria-label="Permalink to &quot;BlendSwap&quot;"></a></h3>
<p><strong>Idéal pour :</strong> modèles Blender complexes avec matériaux</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://blendswap.com" target="_blank" rel="noreferrer">blendswap.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Diverses (CC-BY fréquente)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers de modèles Blender</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Blend (à convertir en GLTF)</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Contenu de qualité créé par la communauté</li>
<li>Fichiers Blender complets avec matériaux</li>
<li>Idéal pour apprendre et apporter des modifications</li>
<li>De nombreux modèles architecturaux et de véhicules</li>
</ul>
<p><strong>Remarque :</strong> une exportation au format GLTF est généralement requise pour une utilisation sur le web.</p>
<p><strong>Mise à jour 2026 :</strong> BlendSwap a changé de propriétaire et a été relancé en mai 2026 avec un site reconstruit et plus rapide. La bibliothèque a survécu à la migration et tout reste gratuit sous licences Creative Commons.</p>
<hr>
<h3 id="poly-pizza-et-icosa-gallery" tabindex="-1">Poly Pizza et Icosa Gallery <a class="header-anchor" href="#poly-pizza-et-icosa-gallery" aria-label="Permalink to &quot;Poly Pizza et Icosa Gallery&quot;"></a></h3>
<p><strong>Idéal pour :</strong> modèles 3D low-poly, les successeurs spirituels de Google Poly</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://poly.pizza" target="_blank" rel="noreferrer">poly.pizza</a> · <a href="https://icosa.gallery" target="_blank" rel="noreferrer">icosa.gallery</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Principalement CC-BY (attribution), avec une sélection CC0 sur Poly Pizza</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Poly Pizza : plus de 10 000 modèles, dont une archive « Poly by Google » d'environ 2 294 modèles</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>GLTF/GLB, OBJ</td>
</tr>
</tbody>
</table>
<p>Google Poly a fermé en juin 2021, mais son catalogue low-poly perdure. Poly Pizza héberge la collection archivée « Poly by Google » ainsi que des milliers de nouveaux modèles créés par la communauté, tandis qu'Icosa Gallery, une plateforme open source à but non lucratif, poursuit sa mission en faveur des ressources ouvertes. La plupart des modèles sont sous licence CC-BY (vous devez créditer leur créateur), et certains sont sous licence CC0. C'est un excellent choix pour trouver rapidement des accessoires stylisés compatibles avec l'esthétique low-poly de Kenney et Quaternius.</p>
<hr>
<h3 id="synty-studios-polygon" tabindex="-1">Synty Studios (POLYGON) <a class="header-anchor" href="#synty-studios-polygon" aria-label="Permalink to &quot;Synty Studios (POLYGON)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> ressources low-poly stylisées de qualité professionnelle au style graphique cohérent</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://syntystore.com" target="_blank" rel="noreferrer">syntystore.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits (5 postes par achat)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 100 packs thématiques</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, Unity, Unreal</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Payant (avec des packs de démarrage gratuits)</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Esthétique low-poly stylisée conforme aux standards du secteur</li>
<li>Style graphique cohérent dans TOUS les packs (à combiner à volonté !)</li>
<li>Qualité professionnelle, optimisée pour les jeux</li>
<li>Personnages dotés de rigs Mecanim (Unity)</li>
</ul>
<p><strong>Packs gratuits disponibles :</strong></p>
<ul>
<li><strong>POLYGON Starter Pack</strong> — Échantillon d'accessoires, de personnages et d'éléments d'environnement</li>
<li><strong>POLYGON Santa Pack</strong> — Ressources sur le thème des fêtes</li>
<li><strong>POLYGON Easter Pack</strong> — Décorations saisonnières</li>
<li><strong>POLYGON Xmas Pack</strong> — Ressources de Noël et d'hiver</li>
</ul>
<p><strong>Packs payants populaires :</strong></p>
<ul>
<li>POLYGON City, Town, Fantasy, Sci-Fi</li>
<li>POLYGON Nature, Farm, Prototype</li>
<li>POLYGON Knights, Samurai, Pirates</li>
</ul>
<p><strong>Idéal pour :</strong></p>
<ul>
<li>Les jeux indépendants nécessitant une direction artistique cohérente</li>
<li>Le prototypage rapide avec un rendu soigné</li>
<li>Les jeux mobiles et web (nombre de polygones optimisé)</li>
</ul>
<p><strong>Remarque :</strong> les packs gratuits sont parfaits pour tester le style. Les packs payants offrent un excellent rapport quantité-qualité-prix.</p>
<hr>
<h3 id="cgtrader" tabindex="-1">CGTrader <a class="header-anchor" href="#cgtrader" aria-label="Permalink to &quot;CGTrader&quot;"></a></h3>
<p><strong>Idéal pour :</strong> une vaste place de marché proposant de nombreux modèles gratuits</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://cgtrader.com" target="_blank" rel="noreferrer">cgtrader.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits (par modèle)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus d'un million de modèles (dont beaucoup sont gratuits)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, OBJ, GLTF, Blend</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Non</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Grande variété de créations réalisées par des artistes professionnels</li>
<li>De nombreux modèles gratuits disponibles</li>
<li>Filtres par prix et par format</li>
<li>Modèles low-poly et très détaillés</li>
</ul>
<p><strong>Conditions de licence :</strong></p>
<ul>
<li>✅ Utilisation autorisée dans des jeux et applications commerciaux</li>
<li>✅ Modification et adaptation autorisées</li>
<li>❌ Revente des fichiers des modèles interdite</li>
<li>❌ Interdiction de permettre aux utilisateurs d'extraire les fichiers des modèles</li>
</ul>
<p><strong>Conseils de recherche :</strong></p>
<ul>
<li>Filtrez le prix sur « Free »</li>
<li>Vérifiez le nombre de polygones</li>
<li>Recherchez les tags « game-ready » ou « low-poly »</li>
<li>Vérifiez la compatibilité du format (GLTF recommandé pour le web)</li>
</ul>
<p><strong>Catégories :</strong></p>
<ul>
<li>Véhicules, personnages, architecture</li>
<li>Armes, mobilier, nature</li>
<li>Science-fiction, fantasy, moderne</li>
</ul>
<hr>
<h3 id="turbosquid" tabindex="-1">TurboSquid <a class="header-anchor" href="#turbosquid" aria-label="Permalink to &quot;TurboSquid&quot;"></a></h3>
<p><strong>Idéal pour :</strong> une place de marché professionnelle de modèles 3D</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://turbosquid.com" target="_blank" rel="noreferrer">turbosquid.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de droits / Éditoriale (vérifiez chaque ressource)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus d'un million de modèles (dont beaucoup sont gratuits)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, OBJ, MAX, Blend</td>
</tr>
<tr>
<td><strong>Qualité</strong></td>
<td>Niveau professionnel</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Modèles professionnels de haute qualité</li>
<li>Place de marché établie depuis 2000</li>
<li>Certification CheckMate garantissant la qualité</li>
<li>De nombreux modèles gratuits disponibles</li>
</ul>
<p><strong>Conditions de licence :</strong></p>
<ul>
<li>✅ Utilisation commerciale autorisée (Libre de droits)</li>
<li>⚠️ Vérifiez la présence de la mention « Editorial Only » (usage restreint)</li>
<li>⚠️ Vérifiez la présence de propriété intellectuelle représentée (objets de marque)</li>
<li>❌ Redistribution des fichiers bruts des modèles interdite</li>
</ul>
<p><strong>Points de vigilance :</strong></p>
<ul>
<li>Les modèles portant la mention « Editorial Only » ne peuvent pas être utilisés commercialement</li>
<li>Les modèles affichant des logos de marques nécessitent des autorisations supplémentaires</li>
<li>Les modèles gratuits peuvent offrir une protection moindre en matière d'indemnisation</li>
</ul>
<p><strong>Conseils de recherche :</strong></p>
<ul>
<li>Filtrez par « Free » et par format souhaité</li>
<li>Évitez les contenus « Editorial Use Only » pour les projets commerciaux</li>
<li>Vérifiez le nombre de polygones pour les jeux web</li>
<li>Privilégiez les modèles sans propriété intellectuelle de marque reconnaissable</li>
</ul>
<hr>
<h3 id="poly-ronin" tabindex="-1">Poly Ronin <a class="header-anchor" href="#poly-ronin" aria-label="Permalink to &quot;Poly Ronin&quot;"></a></h3>
<p><strong>Idéal pour :</strong> packs thématiques low-poly stylisés (actuellement hors ligne)</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://polyronin.com" target="_blank" rel="noreferrer">polyronin.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>⚠️ Jamais clairement indiquée</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Packs low-poly thématiques (armes de samouraïs et de Vikings, village désertique, étals de marché, véhicules urbains)</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX, GLB, OBJ</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Gratuit</td>
</tr>
</tbody>
</table>
<div class="warning custom-block"><p class="custom-block-title">État du site (juillet 2026)</p>
<p>Poly Ronin ne répond plus depuis juillet 2026 et le site semble avoir été mis hors ligne. C’est un bon exemple des risques liés aux licences ambiguës : les packs n’ont jamais été accompagnés de conditions documentées pour un usage commercial, et il n’y a désormais plus de créateur à contacter. Si vous aviez téléchargé des packs auparavant, réservez-les au prototypage. Pour la production, privilégiez plutôt des sources aux licences claires comme Kenney, Quaternius ou Poly Pizza.</p>
</div>
<hr>
<h2 id="textures-et-materiaux" tabindex="-1">Textures et matériaux <a class="header-anchor" href="#textures-et-materiaux" aria-label="Permalink to &quot;Textures et matériaux&quot;"></a></h2>
<figure class="sample-sheet">
<a href="/fr/assets?providers=polyhaven"><img src="https://cdn.cinevva.com/guides/samples/samples-polyhaven-textures.jpg" alt="Exemples de matériaux PBR CC0 de Poly Haven rendus sur des sphères : brique, bois, métal, pavés, tissu, herbe, marbre et béton" loading="lazy"></a>
<figcaption>Aperçus de matériaux Poly Haven : brique, bois, métal, pavés, tissu, herbe, marbre et béton, tous sous licence CC0. <a href="/fr/assets?providers=polyhaven">Rechercher Poly Haven dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<h3 id="poly-haven-textures" tabindex="-1">Poly Haven (textures) <a class="header-anchor" href="#poly-haven-textures" aria-label="Permalink to &quot;Poly Haven (textures)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Les textures PBR photoréalistes</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://polyhaven.com/textures" target="_blank" rel="noreferrer">polyhaven.com/textures</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 780 ensembles de textures PBR</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>JPG, PNG, EXR</td>
</tr>
</tbody>
</table>
<p><strong>Comprend :</strong></p>
<ul>
<li>Textures diffuses/albédo</li>
<li>Normal maps</li>
<li>Textures de rugosité</li>
<li>Textures de déplacement</li>
<li>Textures d’occlusion ambiante</li>
</ul>
<p><strong>Catégories courantes :</strong></p>
<ul>
<li>Bois, métal, pierre, béton</li>
<li>Tissu, cuir, sols</li>
<li>Brique, carrelage, matières organiques</li>
</ul>
<hr>
<h3 id="ambientcg" tabindex="-1">AmbientCG <a class="header-anchor" href="#ambientcg" aria-label="Permalink to &quot;AmbientCG&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Un vaste choix de matériaux PBR sous licence CC0</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://ambientcg.com" target="_blank" rel="noreferrer">ambientcg.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 2 000 matériaux</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>JPG, PNG</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — aucune clé requise</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>✅ Oui — archive ZIP en résolution 1K</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Qualité comparable à celle de Poly Haven</li>
<li>Plus de choix dans certaines catégories</li>
<li>Textures raccordables</li>
<li>Plusieurs résolutions (1K à 8K)</li>
</ul>
<p><strong>Adapté aux :</strong></p>
<ul>
<li>Textures de sol (herbe, terre, gravier)</li>
<li>Matériaux de construction</li>
<li>Tissus et revêtements</li>
<li>Surfaces métalliques</li>
</ul>
<hr>
<h2 id="sprites-et-illustrations-2d" tabindex="-1">Sprites et illustrations 2D <a class="header-anchor" href="#sprites-et-illustrations-2d" aria-label="Permalink to &quot;Sprites et illustrations 2D&quot;"></a></h2>
<figure class="sample-sheet">
<a href="/fr/assets?providers=kenney"><img src="https://cdn.cinevva.com/guides/samples/samples-kenney-sprites.jpg" alt="Exemples de sprites 2D CC0 de Kenney : personnage astronaute, vaisseaux spatiaux, tuiles en pixel art, émoticône en forme de cœur et extraterrestre" loading="lazy"></a>
<figcaption>Un aperçu de la gamme 2D de Kenney : personnages, vaisseaux, tuiles et émoticônes, le tout sous licence CC0. <a href="/fr/assets?providers=kenney">Parcourir les sprites Kenney dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<h3 id="kenney-2d" tabindex="-1">Kenney (2D) <a class="header-anchor" href="#kenney-2d" aria-label="Permalink to &quot;Kenney (2D)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des ensembles complets d’interfaces et de sprites de jeu</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Licence</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 100 packs 2D</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG, SVG</td>
</tr>
</tbody>
</table>
<p><strong>Excellents packs 2D :</strong></p>
<ul>
<li>UI Pack (boutons, fenêtres, icônes)</li>
<li>Platformer Pack (personnages, tuiles)</li>
<li>Roguelike Pack (tuiles de donjon)</li>
<li>Space Shooter Pack</li>
<li>Puzzle Pack</li>
</ul>
<hr>
<h3 id="itch-io" tabindex="-1">itch.io <a class="header-anchor" href="#itch-io" aria-label="Permalink to &quot;itch.io&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des styles graphiques uniques créés par des artistes indépendants</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://itch.io/game-assets" target="_blank" rel="noreferrer">itch.io/game-assets</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Variable (à vérifier pour chaque ressource)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 51 000 packs gratuits</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>Divers</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Incroyable diversité de styles graphiques</li>
<li>De nombreux packs gratuits</li>
<li>Permet de soutenir les artistes indépendants</li>
<li>Filtres par « Free » et par type</li>
</ul>
<p><strong>Conseils de recherche :</strong></p>
<ul>
<li>Filtrez par prix : Free</li>
<li>Tags populaires : pixel-art, sprites, tileset, characters</li>
<li>Vérifiez attentivement les conditions de licence</li>
</ul>
<hr>
<h3 id="opengameart" tabindex="-1">OpenGameArt <a class="header-anchor" href="#opengameart" aria-label="Permalink to &quot;OpenGameArt&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Les illustrations 2D proposées par la communauté</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://opengameart.org" target="_blank" rel="noreferrer">opengameart.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Variable (CC0, CC-BY, GPL)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des milliers</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>PNG, SVG</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>⚠️ Liens vers la page de la ressource</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Communauté active</li>
<li>Adapté au style rétro et au pixel art</li>
<li>De nombreux ensembles graphiques complets pour les jeux</li>
<li>Propose également de l’audio et de la 3D</li>
</ul>
<p><strong>Catégories :</strong></p>
<ul>
<li>2D Art &gt; Tiles, Characters, UI</li>
<li>Textures</li>
<li>Concept Art</li>
</ul>
<hr>
<h2 id="audio-et-effets-sonores" tabindex="-1">Audio et effets sonores <a class="header-anchor" href="#audio-et-effets-sonores" aria-label="Permalink to &quot;Audio et effets sonores&quot;"></a></h2>
<h3 id="freesound" tabindex="-1">Freesound <a class="header-anchor" href="#freesound" aria-label="Permalink to &quot;Freesound&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Une immense bibliothèque d’effets sonores</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://freesound.org" target="_blank" rel="noreferrer">freesound.org</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Diverses licences CC selon le son (environ 52 % sous CC0 en 2026)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 700 000 sons</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV, MP3, FLAC</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — nécessite une clé API gratuite</td>
</tr>
<tr>
<td><strong>Téléchargement direct</strong></td>
<td>✅ Oui — aperçu MP3 (avec une clé API)</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>La plus grande bibliothèque de sons gratuits</li>
<li>Filtres de recherche avancés</li>
<li>Évaluations de la communauté</li>
<li>Aperçus des formes d’onde</li>
</ul>
<p><strong>Conseils :</strong></p>
<ul>
<li>Filtrez par licence avant de télécharger (la licence CC0 est préférable pour les jeux)</li>
<li>Filtrez par fréquence d’échantillonnage (44,1 kHz est la norme)</li>
<li>De nombreuses variantes de sons courants</li>
<li>Excellent pour la conception sonore</li>
</ul>
<p><strong>Recherches courantes :</strong></p>
<ul>
<li>Bruits de pas, explosions, clics d’interface</li>
<li>Boucles d’ambiance, bruits de fond</li>
<li>Effets de voix et effets vocaux</li>
<li>Instruments de musique</li>
</ul>
<hr>
<h3 id="kenney-audio" tabindex="-1">Kenney (audio) <a class="header-anchor" href="#kenney-audio" aria-label="Permalink to &quot;Kenney (audio)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des packs d’effets sonores prêts à intégrer dans un jeu</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Licence</strong></td>
<td>CC0</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 15 packs audio</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV, OGG</td>
</tr>
</tbody>
</table>
<p><strong>Les packs comprennent :</strong></p>
<ul>
<li>UI Audio (clics, survols, notifications)</li>
<li>RPG Audio (combats, sorts, environnement)</li>
<li>Sci-Fi Audio (armes, ordinateurs, portes)</li>
<li>Sons d’impact</li>
<li>Jingles musicaux</li>
</ul>
<hr>
<h3 id="sonniss-gdc" tabindex="-1">Sonniss GDC <a class="header-anchor" href="#sonniss-gdc" aria-label="Permalink to &quot;Sonniss GDC&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des effets sonores professionnels et libres de redevances en grande quantité</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://sonniss.com/gameaudiogdc" target="_blank" rel="noreferrer">sonniss.com/gameaudiogdc</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Libre de redevances pour un usage commercial (Sonniss GDC Game Audio Bundle)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des centaines de gigaoctets d’effets sonores professionnels</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>WAV (qualité maximale), aperçus MP3/OGG</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Effets sonores de qualité studio enregistrés par des concepteurs sonores professionnels</li>
<li>Libres de redevances, donc sans attribution ni frais par utilisation pour les jeux commerciaux</li>
<li>Publiés chaque année dans le cadre du GDC Game Audio Bundle (l’édition 2026 est sortie en mars avec plus de 7 Go de nouveaux sons, et les archives des années précédentes dépassent 200 Go)</li>
<li>Couvre les bruitages, les ambiances, les armes, les créatures, les véhicules et les interfaces</li>
</ul>
<p><strong>Remarque :</strong> La licence couvre uniquement la production de contenus multimédias (jeux, films, télévision et projets interactifs) et interdit explicitement l’utilisation des sons pour l’entraînement de systèmes d’IA ou d’apprentissage automatique. Les aperçus sont diffusés au format MP3/OGG dans Cinevva, tandis que les fichiers WAV en pleine résolution sont téléchargés depuis Sonniss.</p>
<div class="tip custom-block"><p class="custom-block-title">Consultable dans Cinevva</p>
<p>Sonniss est intégré au panneau Ressources de Cinevva : recherchez le pack GDC aux côtés de Freesound.</p>
</div>
<hr>
<h2 id="musique" tabindex="-1">Musique <a class="header-anchor" href="#musique" aria-label="Permalink to &quot;Musique&quot;"></a></h2>
<h3 id="jamendo" tabindex="-1">Jamendo <a class="header-anchor" href="#jamendo" aria-label="Permalink to &quot;Jamendo&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Découvrir de la musique, mais pas pour une utilisation commerciale gratuite</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://www.jamendo.com" target="_blank" rel="noreferrer">jamendo.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>CC pour l’écoute personnelle, licence de synchronisation payante pour les projets commerciaux</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Des centaines de milliers de morceaux de musique indépendante</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>MP3</td>
</tr>
<tr>
<td><strong>API</strong></td>
<td>Oui — nécessite un identifiant client gratuit</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Immense catalogue de musique indépendante couvrant tous les genres</li>
<li>Excellent moyen de trouver une ambiance ou un artiste avant d’acheter une licence</li>
<li>Recherche par genre, ambiance et tempo</li>
</ul>
<p><strong>Remarque :</strong> Jamendo est souvent source de confusion. Les téléchargements gratuits sont réservés à l’écoute personnelle. Pour intégrer un morceau dans un jeu vendu, vous devez acheter une licence par morceau auprès de Jamendo Licensing, son programme payant de synchronisation. Considérez donc Jamendo comme une source payante avec aperçu gratuit, et non comme une source gratuite.</p>
<div class="tip custom-block"><p class="custom-block-title">Consultable dans Cinevva</p>
<p>Jamendo est intégré au panneau Ressources de Cinevva pour la musique d’ambiance et les bandes-son.</p>
</div>
<hr>
<h2 id="animations-de-personnages" tabindex="-1">Animations de personnages <a class="header-anchor" href="#animations-de-personnages" aria-label="Permalink to &quot;Animations de personnages&quot;"></a></h2>
<figure class="sample-sheet">
<a href="/fr/assets"><img src="https://cdn.cinevva.com/guides/samples/samples-characters.jpg" alt="Personnages low-poly CC0 prêts pour le rigging : chevalier, shiba inu, guerrier squelette, astronaute et barbare" loading="lazy"></a>
<figcaption>Des personnages CC0 prêts pour le rigging, proposés par KayKit, Quaternius, PolygonalMind et Kenney, à associer à ces bibliothèques d’animations. <a href="/fr/assets">Choisissez-en un dans la bibliothèque de ressources</a>.</figcaption>
</figure>
<h3 id="mixamo" tabindex="-1">Mixamo <a class="header-anchor" href="#mixamo" aria-label="Permalink to &quot;Mixamo&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des animations de personnages professionnelles</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://mixamo.com" target="_blank" rel="noreferrer">mixamo.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Gratuit pour un usage commercial</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>2 446 animations</td>
</tr>
<tr>
<td><strong>Formats</strong></td>
<td>FBX</td>
</tr>
<tr>
<td><strong>Compte</strong></td>
<td>Compte Adobe requis</td>
</tr>
</tbody>
</table>
<div class="warning custom-block"><p class="custom-block-title">Remarque sur la fiabilité (2026)</p>
<p>Mixamo est toujours en ligne et gratuit, mais Adobe ne le maintient plus activement. Depuis une panne de connexion survenue mi-2025, la page de compte et l’outil de rigging automatique rencontrent des dysfonctionnements intermittents, et le support Adobe a indiqué aux utilisateurs que le service n’était, dans les faits, plus pris en charge. Il n’a pas été fermé, mais considérez-le comme une source fragile : téléchargez et sauvegardez les animations dont vous avez besoin plutôt que de compter dessus à long terme. Pour le rigging automatique en particulier, de nouveaux modèles ouverts comme UniRig et NVIDIA SOMA-X méritent d’être suivis comme solutions de remplacement.</p>
</div>
<p><strong>Points forts :</strong></p>
<ul>
<li>Animations de qualité professionnelle</li>
<li>Transférables sur des personnages personnalisés</li>
<li>Immense bibliothèque d’animations</li>
<li>Propose également des personnages riggés</li>
</ul>
<p><strong>Catégories :</strong></p>
<ul>
<li>Locomotion (marche, course, saut)</li>
<li>Combat (coup de poing, coup de pied, épée)</li>
<li>Danse</li>
<li>Gestes</li>
<li>Actions (s’asseoir, grimper, saisir)</li>
<li>Réactions (impact, mort, chute)</li>
</ul>
<p><strong>Processus :</strong></p>
<ol>
<li>Créez un compte Adobe gratuit</li>
<li>Importez votre personnage ou utilisez l’un des leurs</li>
<li>Parcourez et prévisualisez les animations</li>
<li>Téléchargez-les au format FBX</li>
<li>Convertissez-les en GLTF pour le Web</li>
</ol>
<hr>
<h2 id="shaders-et-effets" tabindex="-1">Shaders et effets <a class="header-anchor" href="#shaders-et-effets" aria-label="Permalink to &quot;Shaders et effets&quot;"></a></h2>
<h3 id="shadertoy" tabindex="-1">Shadertoy <a class="header-anchor" href="#shadertoy" aria-label="Permalink to &quot;Shadertoy&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Trouver de l’inspiration et des effets en GLSL</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://shadertoy.com" target="_blank" rel="noreferrer">shadertoy.com</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>Variable (à vérifier pour chaque ressource)</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 70 000 shaders</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Code source GLSL</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Effets visuels époustouflants</li>
<li>Permet d’apprendre des techniques de shaders</li>
<li>Aperçu en temps réel</li>
<li>Communauté active</li>
</ul>
<p><strong>Catégories populaires :</strong></p>
<ul>
<li>Ray marching/fractales</li>
<li>Effets de post-traitement</li>
<li>Textures procédurales</li>
<li>Systèmes de particules</li>
<li>Eau/feu/fumée</li>
</ul>
<p><strong>Remarque :</strong> Les shaders doivent être adaptés pour fonctionner avec Three.js/WebGL.</p>
<hr>
<h3 id="exemples-three-js" tabindex="-1">Exemples Three.js <a class="header-anchor" href="#exemples-three-js" aria-label="Permalink to &quot;Exemples Three.js&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Du code Three.js prêt à l’emploi</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://threejs.org/examples" target="_blank" rel="noreferrer">threejs.org/examples</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>MIT</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 500 exemples</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Code source JavaScript</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>Exemples officiels</li>
<li>Prêts à copier-coller</li>
<li>Bien documentés</li>
<li>Couvrent toutes les fonctionnalités</li>
</ul>
<p><strong>Exemples utiles :</strong></p>
<ul>
<li>Effets de post-traitement</li>
<li>Shaders personnalisés</li>
<li>Intégration de la physique</li>
<li>Chargeurs de modèles</li>
<li>Systèmes d’animation</li>
</ul>
<hr>
<h3 id="pmndrs-vanilla" tabindex="-1">pmndrs/vanilla <a class="header-anchor" href="#pmndrs-vanilla" aria-label="Permalink to &quot;pmndrs/vanilla&quot;"></a></h3>
<p><strong>Idéal pour :</strong> Des matériaux et effets Three.js</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Site web</strong></td>
<td><a href="https://github.com/pmndrs/vanilla" target="_blank" rel="noreferrer">github.com/pmndrs/vanilla</a></td>
</tr>
<tr>
<td><strong>Licence</strong></td>
<td>MIT</td>
</tr>
<tr>
<td><strong>Ressources</strong></td>
<td>Plus de 20 effets</td>
</tr>
<tr>
<td><strong>Package</strong></td>
<td><code>@pmndrs/vanilla</code></td>
</tr>
</tbody>
</table>
<p><strong>Comprend :</strong></p>
<ul>
<li>MeshReflectorMaterial</li>
<li>MeshDistortMaterial</li>
<li>MeshWobbleMaterial</li>
<li>Caustiques</li>
<li>Étincelles</li>
<li>Ombres douces</li>
</ul>
<hr>
<h2 id="generer-des-ressources-avec-l-ia" tabindex="-1">Générer des ressources avec l’IA <a class="header-anchor" href="#generer-des-ressources-avec-l-ia" aria-label="Permalink to &quot;Générer des ressources avec l’IA&quot;"></a></h2>
<p>En 2026, générer une ressource est souvent plus rapide que de chercher la bonne ressource gratuite. Voici quelques options à connaître :</p>
<ul>
<li><strong>Modèles 3D :</strong> Meshy et Tripo transforment du texte ou une image en maillage texturé pouvant être riggé. Les résultats produits avec l’offre gratuite de Meshy sont sous licence CC BY 4.0 (usage commercial avec attribution), tandis que les droits commerciaux de Tripo sont inclus dans les offres payantes. Vérifiez donc les conditions de chaque outil. Parmi les solutions ouvertes et auto-hébergeables figurent Hunyuan3D 2.1 de Tencent, TRELLIS.2 de Microsoft et Cube 3D, publié en open source par Roblox. Notez que la licence de Hunyuan3D exclut l’Union européenne, le Royaume-Uni et la Corée du Sud ; vérifiez donc les conditions avant toute publication.</li>
<li><strong>Textures et images :</strong> des modèles d’image ouverts comme FLUX.2 et Qwen-Image génèrent des textures raccordables et des illustrations conceptuelles ; les poids utilisables gratuitement à des fins commerciales sont ceux de FLUX.2 klein 4B (Apache 2.0) et des variantes de Qwen-Image.</li>
<li><strong>Audio :</strong> Stable Audio 3.0 (qui comprend notamment un modèle ouvert spécialement conçu pour les effets sonores) et ACE-Step 1.5 couvrent la musique et les effets sonores avec des poids ouverts, tandis qu’ElevenLabs est la meilleure option hébergée (droits commerciaux avec les offres payantes).</li>
</ul>
<p>Les règles de licence concernant les ressources générées par IA sont encore en cours de stabilisation. Vérifiez donc les conditions relatives aux droits sur les résultats du modèle avant toute utilisation commerciale. Pour découvrir en détail quels modèles utiliser, consultez notre guide des <a href="/fr/guides/frontier-gen-ai-models.html">meilleurs modèles d’IA générative open source pour les jeux</a>. Cinevva intègre la génération de modèles 3D à partir de texte, d’images à partir de texte, de musique et de skyboxes. Vous pouvez ainsi générer des ressources et les déposer directement dans votre jeu sans quitter l’éditeur.</p>
<h2 id="aide-memoire-par-type-de-ressource" tabindex="-1">Aide-mémoire par type de ressource <a class="header-anchor" href="#aide-memoire-par-type-de-ressource" aria-label="Permalink to &quot;Aide-mémoire par type de ressource&quot;"></a></h2>
<h3 id="j-ai-besoin-d-un-vaisseau-spatial" tabindex="-1">J’ai besoin d’un vaisseau spatial <a class="header-anchor" href="#j-ai-besoin-d-un-vaisseau-spatial" aria-label="Permalink to &quot;J’ai besoin d’un vaisseau spatial&quot;"></a></h3>
<ol>
<li><strong>Rapide et simple :</strong> Kenney Space Kit (CC0)</li>
<li><strong>Stylisé :</strong> Quaternius Ultimate Spaceships (CC0)</li>
<li><strong>Stylisé professionnel :</strong> Synty POLYGON Sci-Fi (libre de redevances, payant)</li>
<li><strong>Détaillé :</strong> recherchez « spaceship downloadable » sur Sketchfab (vérifiez la licence)</li>
</ol>
<h3 id="j-ai-besoin-d-un-style-graphique-coherent-pour-l-ensemble-de-mon-jeu" tabindex="-1">J’ai besoin d’un style graphique cohérent pour l’ensemble de mon jeu <a class="header-anchor" href="#j-ai-besoin-d-un-style-graphique-coherent-pour-l-ensemble-de-mon-jeu" aria-label="Permalink to &quot;J’ai besoin d’un style graphique cohérent pour l’ensemble de mon jeu&quot;"></a></h3>
<ol>
<li><strong>Synty POLYGON</strong> — Tous les packs partagent la même esthétique et peuvent être librement combinés</li>
<li><strong>Kenney</strong> — CC0, style cohérent et prêt pour les jeux au sein de chaque pack</li>
<li><strong>Quaternius</strong> — CC0, joli style low-poly</li>
</ol>
<h3 id="j-ai-besoin-de-textures-realistes" tabindex="-1">J’ai besoin de textures réalistes <a class="header-anchor" href="#j-ai-besoin-de-textures-realistes" aria-label="Permalink to &quot;J’ai besoin de textures réalistes&quot;"></a></h3>
<ol>
<li><strong>Poly Haven</strong> — Meilleure qualité, CC0</li>
<li><strong>AmbientCG</strong> — Plus de choix, CC0</li>
</ol>
<h3 id="j-ai-besoin-d-effets-sonores" tabindex="-1">J’ai besoin d’effets sonores <a class="header-anchor" href="#j-ai-besoin-d-effets-sonores" aria-label="Permalink to &quot;J’ai besoin d’effets sonores&quot;"></a></h3>
<ol>
<li><strong>Packs audio Kenney</strong> — Sons de jeu rapides à intégrer, CC0</li>
<li><strong>Freesound</strong> — Sons spécifiques, diverses licences</li>
</ol>
<h3 id="j-ai-besoin-d-animations-de-personnages" tabindex="-1">J’ai besoin d’animations de personnages <a class="header-anchor" href="#j-ai-besoin-d-animations-de-personnages" aria-label="Permalink to &quot;J’ai besoin d’animations de personnages&quot;"></a></h3>
<ol>
<li><strong>Mixamo</strong> — Qualité professionnelle, nécessite un compte Adobe (mais consultez la remarque sur la fiabilité en 2026 ci-dessus et sauvegardez ce que vous téléchargez)</li>
</ol>
<h3 id="j-ai-besoin-de-pixel-art" tabindex="-1">J’ai besoin de pixel art <a class="header-anchor" href="#j-ai-besoin-de-pixel-art" aria-label="Permalink to &quot;J’ai besoin de pixel art&quot;"></a></h3>
<ol>
<li><strong>itch.io</strong> — Filtrez par « pixel-art » et « Free »</li>
<li><strong>OpenGameArt</strong> — Catégorie 2D Art</li>
<li><strong>Kenney</strong> — Packs 2D</li>
</ol>
<h3 id="j-ai-besoin-d-elements-d-interface" tabindex="-1">J’ai besoin d’éléments d’interface <a class="header-anchor" href="#j-ai-besoin-d-elements-d-interface" aria-label="Permalink to &quot;J’ai besoin d’éléments d’interface&quot;"></a></h3>
<ol>
<li><strong>Kenney UI Pack</strong> — Ensemble complet, CC0</li>
<li><strong>itch.io</strong> — Recherchez « UI » ou « GUI »</li>
</ol>
<h3 id="j-ai-besoin-d-un-large-eventail-de-modeles-divers" tabindex="-1">J’ai besoin d’un large éventail de modèles divers <a class="header-anchor" href="#j-ai-besoin-d-un-large-eventail-de-modeles-divers" aria-label="Permalink to &quot;J’ai besoin d’un large éventail de modèles divers&quot;"></a></h3>
<ol>
<li><strong>CGTrader</strong> — Filtrez par « Free », immense choix</li>
<li><strong>TurboSquid</strong> — Qualité professionnelle, vérifiez le type de licence</li>
<li><strong>Sketchfab</strong> — Plus de 4 millions de modèles, filtrez par modèles téléchargeables</li>
</ol>
<hr>
<h2 id="guide-des-licences" tabindex="-1">Guide des licences <a class="header-anchor" href="#guide-des-licences" aria-label="Permalink to &quot;Guide des licences&quot;"></a></h2>
<h3 id="cc0-domaine-public" tabindex="-1">CC0 (domaine public) <a class="header-anchor" href="#cc0-domaine-public" aria-label="Permalink to &quot;CC0 (domaine public)&quot;"></a></h3>
<ul>
<li>✅ Utilisation commerciale autorisée</li>
<li>✅ Modification autorisée</li>
<li>✅ Aucune attribution requise</li>
<li>✅ Aucune restriction</li>
</ul>
<p><strong>Fournisseurs :</strong> Poly Haven, Kenney, Quaternius, AmbientCG</p>
<h3 id="licence-libre-de-redevances" tabindex="-1">Licence libre de redevances <a class="header-anchor" href="#licence-libre-de-redevances" aria-label="Permalink to &quot;Licence libre de redevances&quot;"></a></h3>
<ul>
<li>✅ Utilisation commerciale autorisée (dans vos jeux et applications)</li>
<li>✅ Modification et adaptation autorisées</li>
<li>✅ Aucune redevance récurrente</li>
<li>❌ Revente des fichiers bruts du modèle interdite</li>
<li>❌ Interdiction de permettre aux utilisateurs d’extraire le modèle</li>
</ul>
<p><strong>Fournisseurs :</strong> Synty POLYGON, CGTrader, TurboSquid</p>
<p><strong>Remarque :</strong> « Libre de redevances » signifie que vous payez une seule fois — ou obtenez la ressource gratuitement — puis pouvez l’utiliser sans payer de frais à chaque utilisation. Cela ne signifie PAS que la ressource appartient au domaine public.</p>
<h3 id="cc-by-attribution" tabindex="-1">CC-BY (Attribution) <a class="header-anchor" href="#cc-by-attribution" aria-label="Permalink to &quot;CC-BY (Attribution)&quot;"></a></h3>
<ul>
<li>✅ Utilisation commerciale autorisée</li>
<li>✅ Modification autorisée</li>
<li>⚠️ Attribution à l’auteur obligatoire</li>
<li>✅ Aucune autre restriction</li>
</ul>
<p><strong>Fournisseurs :</strong> nombreux modèles sur Sketchfab, BlendSwap et OpenGameArt</p>
<h3 id="cc-by-sa-partage-dans-les-memes-conditions" tabindex="-1">CC-BY-SA (Partage dans les mêmes conditions) <a class="header-anchor" href="#cc-by-sa-partage-dans-les-memes-conditions" aria-label="Permalink to &quot;CC-BY-SA (Partage dans les mêmes conditions)&quot;"></a></h3>
<ul>
<li>✅ Utilisation commerciale autorisée</li>
<li>✅ Modification autorisée</li>
<li>⚠️ Attribution à l’auteur obligatoire</li>
<li>⚠️ Les œuvres dérivées doivent utiliser la même licence</li>
</ul>
<h3 id="cc-by-nc-utilisation-non-commerciale" tabindex="-1">CC-BY-NC (Utilisation non commerciale) <a class="header-anchor" href="#cc-by-nc-utilisation-non-commerciale" aria-label="Permalink to &quot;CC-BY-NC (Utilisation non commerciale)&quot;"></a></h3>
<ul>
<li>❌ Utilisation commerciale interdite</li>
<li>✅ Utilisation autorisée dans les jeux gratuits</li>
<li>⚠️ Vérifiez si votre jeu contient des publicités ou des achats intégrés</li>
</ul>
<h3 id="usage-editorial-uniquement" tabindex="-1">Usage éditorial uniquement <a class="header-anchor" href="#usage-editorial-uniquement" aria-label="Permalink to &quot;Usage éditorial uniquement&quot;"></a></h3>
<ul>
<li>❌ Utilisation commerciale interdite</li>
<li>✅ Réservé aux actualités, à l’éducation et aux commentaires</li>
<li>⚠️ Courant sur TurboSquid pour les éléments de marque</li>
</ul>
<p><strong>Conseil :</strong> dans la mesure du possible, privilégiez la licence CC0 afin d’éviter les obligations d’attribution dans le générique de votre jeu. Les contenus libres de droits sont également adaptés aux jeux commerciaux.</p>
<hr>
<h2 id="conseils-pour-votre-workflow" tabindex="-1">Conseils pour votre workflow <a class="header-anchor" href="#conseils-pour-votre-workflow" aria-label="Permalink to &quot;Conseils pour votre workflow&quot;"></a></h2>
<h3 id="_1-verifiez-d-abord-la-licence" tabindex="-1">1. Vérifiez d’abord la licence <a class="header-anchor" href="#_1-verifiez-d-abord-la-licence" aria-label="Permalink to &quot;1. Vérifiez d’abord la licence&quot;"></a></h3>
<p>Avant tout téléchargement, vérifiez que la licence autorise l’utilisation que vous prévoyez.</p>
<h3 id="_2-optimisez-pour-le-web" tabindex="-1">2. Optimisez pour le Web <a class="header-anchor" href="#_2-optimisez-pour-le-web" aria-label="Permalink to &quot;2. Optimisez pour le Web&quot;"></a></h3>
<ul>
<li>Limitez les modèles à moins de 100 000 polygones</li>
<li>Utilisez des textures compressées (JPG pour les textures diffuses, PNG pour la transparence)</li>
<li>Audio : utilisez du MP3 ou de l’OGG, et non du WAV en production</li>
</ul>
<h3 id="_3-organisez-vos-ressources" tabindex="-1">3. Organisez vos ressources <a class="header-anchor" href="#_3-organisez-vos-ressources" aria-label="Permalink to &quot;3. Organisez vos ressources&quot;"></a></h3>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>assets/</span></span>
<span class="line"><span>├── models/</span></span>
<span class="line"><span>│   ├── characters/</span></span>
<span class="line"><span>│   └── props/</span></span>
<span class="line"><span>├── textures/</span></span>
<span class="line"><span>│   ├── environment/</span></span>
<span class="line"><span>│   └── ui/</span></span>
<span class="line"><span>├── audio/</span></span>
<span class="line"><span>│   ├── music/</span></span>
<span class="line"><span>│   └── sfx/</span></span>
<span class="line"><span>└── sprites/</span></span></code></pre>
</div><h3 id="_4-conservez-les-informations-d-attribution" tabindex="-1">4. Conservez les informations d’attribution <a class="header-anchor" href="#_4-conservez-les-informations-d-attribution" aria-label="Permalink to &quot;4. Conservez les informations d’attribution&quot;"></a></h3>
<p>Même pour les contenus CC0, il est utile de noter la provenance des ressources :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>CREDITS.md</span></span>
<span class="line"><span>- Spaceship model: Quaternius (CC0)</span></span>
<span class="line"><span>- Wood texture: Poly Haven (CC0)</span></span>
<span class="line"><span>- Laser sound: Freesound user "xyz" (CC-BY)</span></span></code></pre>
</div><h3 id="_5-testez-les-performances" tabindex="-1">5. Testez les performances <a class="header-anchor" href="#_5-testez-les-performances" aria-label="Permalink to &quot;5. Testez les performances&quot;"></a></h3>
<p>Chargez les ressources dans votre jeu dès le début afin de vérifier :</p>
<ul>
<li>La taille des fichiers (influe sur le temps de chargement)</li>
<li>Le nombre de polygones (influe sur le nombre d’images par seconde)</li>
<li>La résolution des textures (influe sur l’utilisation de la mémoire)</li>
</ul>
<hr>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Fournisseur</th>
<th>Types</th>
<th>Licence</th>
<th>Idéal pour</th>
<th style="text-align:center">Dans Cinevva</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Poly Haven</strong></td>
<td>Modèles, textures, HDRI</td>
<td>CC0</td>
<td>Qualité professionnelle</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Kenney</strong></td>
<td>Modèles, sprites, audio, interface</td>
<td>CC0</td>
<td>Ressources prêtes pour les jeux</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Quaternius</strong></td>
<td>Modèles</td>
<td>CC0</td>
<td>Low poly stylisé</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Poly Pizza / Icosa</strong></td>
<td>Modèles</td>
<td>CC-BY / CC0</td>
<td>Low poly, archives Google Poly</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Synty POLYGON</strong></td>
<td>Modèles, personnages</td>
<td>Libre de droits</td>
<td>Style visuel cohérent et stylisé</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Sketchfab</strong></td>
<td>Modèles</td>
<td>Diverses</td>
<td>Grande variété</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>BlenderKit</strong></td>
<td>Modèles, matériaux, HDRI</td>
<td>Libre de droits / CC0</td>
<td>Vaste bibliothèque intégrée</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Fab (Epic)</strong></td>
<td>Modèles, matériaux, effets visuels, audio</td>
<td>Standard / CC</td>
<td>Megascans gratuits, ressources prêtes pour les jeux</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>CGTrader</strong></td>
<td>Modèles</td>
<td>Libre de droits</td>
<td>Variété de la place de marché</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>AmbientCG</strong></td>
<td>Textures, HDRI</td>
<td>CC0</td>
<td>Matériaux PBR</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>OpenGameArt</strong></td>
<td>2D, audio, textures</td>
<td>Diverses</td>
<td>Contenu communautaire</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Freesound</strong></td>
<td>Audio</td>
<td>Diverses</td>
<td>Effets sonores</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Sonniss GDC</strong></td>
<td>Audio</td>
<td>Libre de droits</td>
<td>Effets sonores professionnels en lots</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>Jamendo</strong></td>
<td>Musique</td>
<td>CC pour usage personnel / synchronisation payante</td>
<td>Découverte musicale (payante pour un usage commercial)</td>
<td style="text-align:center">✅</td>
</tr>
<tr>
<td><strong>TurboSquid</strong></td>
<td>Modèles</td>
<td>Libre de droits</td>
<td>Qualité professionnelle</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Mixamo</strong></td>
<td>Animations</td>
<td>Gratuite</td>
<td>Animations de personnages</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>itch.io</strong></td>
<td>Sprites, divers</td>
<td>Diverses</td>
<td>Styles graphiques indépendants</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>BlendSwap</strong></td>
<td>Modèles Blender</td>
<td>Diverses</td>
<td>Modèles complexes</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Exemples Three.js</strong></td>
<td>Code/shaders</td>
<td>MIT</td>
<td>Fonctionnalités de Three.js</td>
<td style="text-align:center">-</td>
</tr>
<tr>
<td><strong>Shadertoy</strong></td>
<td>Shaders</td>
<td>Diverses</td>
<td>Effets visuels</td>
<td style="text-align:center">-</td>
</tr>
</tbody>
</table>
<hr>
<p>Les fournisseurs marqués d’un ✅ sont directement accessibles via la bibliothèque de ressources intégrée à Cinevva. Ouvrez le panneau Ressources pour effectuer une recherche simultanée dans toutes leurs bibliothèques. Les autres sont des sources externes à ajouter à vos favoris pour trouver les ressources que Cinevva n’indexe pas encore.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="ou-trouver-des-modeles-3d-gratuits-pour-les-jeux" tabindex="-1">Où trouver des modèles 3D gratuits pour les jeux ? <a class="header-anchor" href="#ou-trouver-des-modeles-3d-gratuits-pour-les-jeux" aria-label="Permalink to &quot;Où trouver des modèles 3D gratuits pour les jeux ?&quot;"></a></h3>
<p>Poly Haven, Kenney et Quaternius constituent les meilleurs points de départ pour trouver des modèles 3D gratuits et prêts à intégrer dans un jeu. Ils sont tous proposés sous licence CC0, ce qui vous permet de les utiliser commercialement sans attribution. Pour davantage de choix, Sketchfab et BlendSwap disposent de vastes bibliothèques sous différentes licences. Vérifiez toujours la licence de chaque modèle avant de publier votre jeu.</p>
<h3 id="peut-on-utiliser-des-ressources-de-jeu-gratuites-dans-des-jeux-commerciaux" tabindex="-1">Peut-on utiliser des ressources de jeu gratuites dans des jeux commerciaux ? <a class="header-anchor" href="#peut-on-utiliser-des-ressources-de-jeu-gratuites-dans-des-jeux-commerciaux" aria-label="Permalink to &quot;Peut-on utiliser des ressources de jeu gratuites dans des jeux commerciaux ?&quot;"></a></h3>
<p>La plupart peuvent l’être, mais cela dépend de leur licence. Les ressources CC0 (Poly Haven, Kenney, Quaternius et AmbientCG) appartiennent au domaine public et peuvent être utilisées commercialement sans attribution. La licence CC-BY exige de créditer l’auteur. Les ressources CC-BY-NC et réservées à un usage éditorial ne peuvent pas être utilisées dans des jeux commerciaux. La section consacrée aux licences ci-dessus détaille chacune d’elles.</p>
<h3 id="quel-est-le-meilleur-site-d-effets-sonores-gratuits-pour-les-jeux" tabindex="-1">Quel est le meilleur site d’effets sonores gratuits pour les jeux ? <a class="header-anchor" href="#quel-est-le-meilleur-site-d-effets-sonores-gratuits-pour-les-jeux" aria-label="Permalink to &quot;Quel est le meilleur site d’effets sonores gratuits pour les jeux ?&quot;"></a></h3>
<p>Freesound possède la plus grande bibliothèque d’effets sonores gratuits. Les licences variant selon chaque extrait, pensez toutefois à les vérifier individuellement. Kenney propose des packs audio plus modestes, mais entièrement sous licence CC0, que vous pouvez utiliser sans attribution dans n’importe quel projet commercial.</p>
<h3 id="ou-trouver-des-animations-de-personnages-gratuites" tabindex="-1">Où trouver des animations de personnages gratuites ? <a class="header-anchor" href="#ou-trouver-des-animations-de-personnages-gratuites" aria-label="Permalink to &quot;Où trouver des animations de personnages gratuites ?&quot;"></a></h3>
<p>Mixamo est la référence pour obtenir gratuitement des animations de personnages et automatiser le rigging. Importez ou choisissez un personnage, sélectionnez une animation parmi des milliers de séquences issues de la capture de mouvement, puis exportez-la dans un format prêt pour votre moteur. Tout est gratuit avec un compte Adobe.</p>
<BuildCta
  title="Ou décrivez votre jeu et laissez-nous placer les ressources pour vous"
  desc="Cinevva recherche des packs CC0 gratuits et place les accessoires dans une scène jouable."
  prompt="Crée un dungeon crawler low poly avec des accessoires 3D gratuits, des torches et des trésors" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/free-3d-model-sites.html">Les meilleurs sites de modèles 3D gratuits pour les jeux</a> — présentation détaillée des sources 3D</li>
<li><a href="/fr/guides/free-2d-sprites-tilesets.html">Sprites 2D, pixel art et tilesets gratuits</a> — présentation détaillée des sources 2D</li>
<li><a href="/fr/guides/free-textures-hdris-materials.html">Textures PBR, matériaux et HDRI gratuits</a> — présentation détaillée des sources de textures</li>
<li><a href="/fr/guides/free-sound-effects-music.html">Effets sonores et musiques gratuits pour les jeux</a> — présentation détaillée des sources audio</li>
<li><a href="/fr/guides/free-character-animations-rigging.html">Animations de personnages et rigging automatique gratuits</a> — Mixamo et ses alternatives</li>
<li><a href="/fr/guides/ai-3d-model-generators.html">Les meilleurs générateurs de modèles 3D par IA</a> — générez des modèles au lieu de les chercher</li>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">100 idées de prompts de jeux par IA à créer en un clic</a> — empruntez une idée et rendez-la jouable en une minute environ</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des ressources de jeu</a> — comprendre les licences CC0, CC-BY, libres de droits et autres</li>
<li><a href="/fr/guides/game-dev-courses.html">Cours de développement de jeux en ligne</a> — cours sur la modélisation 3D dans Blender et la création graphique pour les jeux</li>
<li><a href="/fr/tutorials/pixel-art-rendering.html">Rendu en pixel art</a> — afficher des feuilles de sprites et du pixel art dans le navigateur</li>
<li><a href="/fr/tutorials/streaming-asset-loading.html">Chargement progressif des ressources</a> — charger et mettre progressivement en cache les ressources de jeu</li>
<li><a href="/fr/guides/threejs-usdc-tech-report.html">Three.js + USDC dans le navigateur</a> — charger des ressources 3D USD dans Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/game-assets-guide.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Guide des cours en ligne de développement de jeux]]></title>
            <link>https://app.cinevva.com/fr/guides/game-dev-courses</link>
            <guid>https://app.cinevva.com/fr/guides/game-dev-courses</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Cours en ligne de développement de jeux — moteurs, conception, graphisme et audio, avec analyse de la crédibilité, avis et tarifs]]></description>
            <content:encoded><![CDATA[<h1 id="guide-des-cours-en-ligne-de-developpement-de-jeux" tabindex="-1">Guide des cours en ligne de développement de jeux <a class="header-anchor" href="#guide-des-cours-en-ligne-de-developpement-de-jeux" aria-label="Permalink to &quot;Guide des cours en ligne de développement de jeux&quot;"></a></h1>
<p>Cours en ligne pour apprendre le développement de jeux. Ce guide présente des cours consacrés à des moteurs spécifiques, à la théorie du game design et à des compétences spécialisées (graphisme, audio), ainsi que des comparatifs de plateformes, avec des évaluations de crédibilité, des avis d'étudiants et des détails sur les tarifs.</p>
<div class="tip custom-block"><p class="custom-block-title">Vous cherchez plutôt des ressources gratuites ?</p>
<p>Consultez notre guide <a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> pour trouver des modèles 3D, des textures, des contenus audio et bien plus encore.</p>
</div>
<h2 id="reference-rapide" tabindex="-1">Référence rapide <a class="header-anchor" href="#reference-rapide" aria-label="Permalink to &quot;Référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Objectif</th>
<th>Meilleure option</th>
<th>Fourchette de prix</th>
<th>Note</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Débuter avec Unity</strong></td>
<td>GameDev.tv Complete Unity 3D (Udemy)</td>
<td>12–30 $ (promotion)</td>
<td>⭐ 4,7/5</td>
</tr>
<tr>
<td><strong>Certification officielle Unity</strong></td>
<td>Spécialisation de Michigan State (Coursera)</td>
<td>49 $/mois</td>
<td>⭐ 4,7/5</td>
</tr>
<tr>
<td><strong>C++ avec Unreal Engine</strong></td>
<td>Cours UE5 de Stephen Ulibarri (Udemy)</td>
<td>15–30 $ (promotion)</td>
<td>⭐ 4,8/5</td>
</tr>
<tr>
<td><strong>Moteur Godot</strong></td>
<td>Packs GDQuest</td>
<td>84–216 $</td>
<td>⭐ 4,8/5</td>
</tr>
<tr>
<td><strong>Théorie du game design</strong></td>
<td>Harvard CS50 Game Dev (archivé, gratuit)</td>
<td>Gratuit</td>
<td>⭐ 4,6/5</td>
</tr>
<tr>
<td><strong>Modélisation 3D pour les jeux</strong></td>
<td>Complete Blender Creator (Udemy)</td>
<td>15–30 $ (promotion)</td>
<td>⭐ 4,7/5</td>
</tr>
<tr>
<td><strong>Audio pour les jeux</strong></td>
<td>Certificat Game Audio de Berklee</td>
<td>~4 500 $</td>
<td>⭐ 4,8/5</td>
</tr>
<tr>
<td><strong>Formation officielle gratuite</strong></td>
<td>Parcours Unity Learn</td>
<td>Gratuit</td>
<td>⭐ 4,5/5</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="cours-sur-les-moteurs-de-jeu" tabindex="-1">Cours sur les moteurs de jeu <a class="header-anchor" href="#cours-sur-les-moteurs-de-jeu" aria-label="Permalink to &quot;Cours sur les moteurs de jeu&quot;"></a></h2>
<h3 id="unity" tabindex="-1">Unity <a class="header-anchor" href="#unity" aria-label="Permalink to &quot;Unity&quot;"></a></h3>
<h4 id="gamedev-tv-complete-unity-developer-3d" tabindex="-1">GameDev.tv Complete Unity Developer 3D <a class="header-anchor" href="#gamedev-tv-complete-unity-developer-3d" aria-label="Permalink to &quot;GameDev.tv Complete Unity Developer 3D&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les débutants recherchant un apprentissage pratique fondé sur des projets</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Tarif normal de 139 $ / <strong>12–30 $ en promotion</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 27 heures de vidéo + projets</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,7/5 (plus de 460 000 étudiants)</td>
</tr>
<tr>
<td><strong>Dernière mise à jour</strong></td>
<td>Unity 6 (2025)</td>
</tr>
</tbody>
</table>
<p><strong>Ce que vous allez créer :</strong></p>
<ul>
<li>5 jeux complets à partir de zéro</li>
<li>Les fondamentaux de la programmation en C#</li>
<li>La physique 3D, l'IA et les mécaniques de jeu</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Excellent pour les débutants absolus</li>
<li>✅ Apprentissage fondé sur des projets (vous créez de vrais jeux)</li>
<li>✅ Grande communauté pour obtenir de l'aide et poser des questions</li>
<li>✅ Régulièrement actualisé pour les nouvelles versions de Unity</li>
<li>✅ Accès à vie après l'achat</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Certaines sections peuvent sembler lentes</li>
<li>⚠️ Le tarif normal est excessif (achetez toujours en promotion)</li>
<li>⚠️ Moins approfondi sur les sujets avancés comme l'optimisation</li>
</ul>
<p><strong>Avis d'étudiants :</strong></p>
<blockquote>
<p>« Excellent cours pour les débutants. Je suis passé de connaissances nulles à un portfolio de jeux. » — Reddit r/unity</p>
</blockquote>
<blockquote>
<p>« Le formateur explique clairement les concepts. L'approche par projets permet de rester motivé. » — Avis Udemy</p>
</blockquote>
<p><strong>Crédibilité :</strong> GameDev.tv est l'un des organismes de formation au développement de jeux les mieux établis. Fondé par Ben Tristem et Rick Davidson, il a formé plus de 2 millions d'étudiants. L'équipe communique clairement sur le retrait des cours obsolètes et anime des forums communautaires actifs.</p>
<hr>
<h4 id="specialisation-game-design-and-development-with-unity-de-michigan-state" tabindex="-1">Spécialisation Game Design and Development with Unity de Michigan State <a class="header-anchor" href="#specialisation-game-design-and-development-with-unity-de-michigan-state" aria-label="Permalink to &quot;Spécialisation Game Design and Development with Unity de Michigan State&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les personnes recherchant un diplôme universitaire et un apprentissage structuré</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Coursera</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Suivi gratuit en auditeur libre / <strong>49 $/mois pour le certificat</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 2 mois (10 h/semaine)</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,7/5</td>
</tr>
<tr>
<td><strong>Établissement</strong></td>
<td>Michigan State University</td>
</tr>
</tbody>
</table>
<p><strong>Programme (cinq cours, projets réalisés avec Unity) :</strong></p>
<ul>
<li>Game Design and Development 1 : jeu de tir 2D</li>
<li>Game Design and Development 2 : jeu de plateforme 2D</li>
<li>Game Design and Development 3 : jeu de tir 3D</li>
<li>Game Design and Development 4 : jeu de plateforme 3D</li>
<li>Projet de fin d'études</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Certification délivrée par une université</li>
<li>✅ Pratique : vous créez cinq projets de jeux Unity complets</li>
<li>✅ Suivi gratuit en auditeur libre (sans certificat)</li>
<li>✅ Approche académique rigoureuse</li>
<li>✅ Comprend un module consacré au commerce et à l'entrepreneuriat</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Rythme plus lent que les cours Udemy</li>
<li>⚠️ Moins de programmation pratique que les autres options</li>
<li>⚠️ Le certificat nécessite un abonnement payant</li>
</ul>
<p><strong>Idéal pour :</strong> les personnes en reconversion qui ont besoin d'une certification officielle, ou celles qui préfèrent un apprentissage académique structuré.</p>
<hr>
<h4 id="parcours-unity-learn" tabindex="-1">Parcours Unity Learn <a class="header-anchor" href="#parcours-unity-learn" aria-label="Permalink to &quot;Parcours Unity Learn&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les personnes disposant d'un budget limité et recherchant une formation Unity officielle</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Unity Learn (learn.unity.com)</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td><strong>Gratuit</strong></td>
</tr>
<tr>
<td><strong>Parcours</strong></td>
<td>Junior Programmer, Creative Core, VR Development</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Tutoriels à suivre à son rythme + projets</td>
</tr>
</tbody>
</table>
<p><strong>Parcours disponibles :</strong></p>
<ul>
<li><strong>Junior Programmer</strong> — Du niveau débutant à l'employabilité</li>
<li><strong>Creative Core</strong> — Axé sur l'art et la conception</li>
<li><strong>Unity Essentials</strong> — Présentation rapide des fondamentaux</li>
<li><strong>VR Development</strong> — Spécialisation en réalité virtuelle</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Entièrement gratuit</li>
<li>✅ Contenu Unity officiel (toujours à jour)</li>
<li>✅ Projets permettant d'enrichir son portfolio</li>
<li>✅ Suivi de progression intégré</li>
<li>✅ Certifications Unity disponibles</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Moins captivant que les cours vidéo</li>
<li>⚠️ Demande davantage d'autodiscipline</li>
<li>⚠️ Soutien communautaire moins actif que dans les cours payants</li>
</ul>
<hr>
<h3 id="unreal-engine" tabindex="-1">Unreal Engine <a class="header-anchor" href="#unreal-engine" aria-label="Permalink to &quot;Unreal Engine&quot;"></a></h3>
<h4 id="cours-ue5-c-developer-de-stephen-ulibarri" tabindex="-1">Cours UE5 C++ Developer de Stephen Ulibarri <a class="header-anchor" href="#cours-ue5-c-developer-de-stephen-ulibarri" aria-label="Permalink to &quot;Cours UE5 C++ Developer de Stephen Ulibarri&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les développeurs sérieux souhaitant maîtriser le C++</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Tarif normal de 175 $ / <strong>15–30 $ en promotion</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 50 heures ou plus</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,8/5</td>
</tr>
<tr>
<td><strong>Projet</strong></td>
<td>Action-RPG complet</td>
</tr>
</tbody>
</table>
<p><strong>Ce que vous apprendrez :</strong></p>
<ul>
<li>Unreal Engine 5 à partir de zéro</li>
<li>La programmation de jeux en C++</li>
<li>Le scripting visuel avec Blueprints</li>
<li>Des systèmes de gameplay avancés (combat, IA, inventaire)</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Couverture approfondie du C++ (rare dans les cours de développement de jeux)</li>
<li>✅ Permet de créer un projet conséquent pour son portfolio</li>
<li>✅ Rythme adapté aux apprenants de niveau intermédiaire</li>
<li>✅ Couvre à la fois Blueprints ET C++</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Suppose des connaissances préalables en programmation</li>
<li>⚠️ Cours très long (investissement important)</li>
<li>⚠️ Les versions d'UE changent fréquemment</li>
</ul>
<p><strong>Avis d'étudiants :</strong></p>
<blockquote>
<p>« Le meilleur cours sur Unreal que j'ai trouvé. Stephen explique le “pourquoi”, pas seulement le “quoi”. » — Udemy</p>
</blockquote>
<blockquote>
<p>« Après avoir eu des difficultés avec d'autres ressources, je comprends enfin le C++ dans Unreal. » — Reddit r/unrealengine</p>
</blockquote>
<hr>
<h4 id="specialisation-coursera-unreal-engine-for-beginners" tabindex="-1">Spécialisation Coursera Unreal Engine for Beginners <a class="header-anchor" href="#specialisation-coursera-unreal-engine-for-beginners" aria-label="Permalink to &quot;Spécialisation Coursera Unreal Engine for Beginners&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les débutants absolus recherchant une introduction structurée</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Coursera</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>199 $ (promotion) / 399 $ au tarif normal</td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>3 cours d'environ 4 semaines chacun</td>
</tr>
<tr>
<td><strong>Certificat</strong></td>
<td>Oui</td>
</tr>
</tbody>
</table>
<p><strong>Ordre des cours :</strong></p>
<ol>
<li>Création d'environnements dans Unreal</li>
<li>Personnages et intérieurs</li>
<li>Caméras et production</li>
</ol>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Adapté aux débutants (aucun code requis au départ)</li>
<li>✅ Axé sur les aspects visuels et créatifs</li>
<li>✅ Convient aux artistes qui se lancent dans le développement de jeux</li>
<li>✅ Certificat de type universitaire</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Programmation moins approfondie</li>
<li>⚠️ Plus coûteux que les autres options sur Udemy</li>
<li>⚠️ Mieux adapté aux artistes d'environnement qu'aux programmeurs</li>
</ul>
<hr>
<h4 id="linkedin-learning-formation-essentielle-a-unreal-engine-5" tabindex="-1">LinkedIn Learning : formation essentielle à Unreal Engine 5 <a class="header-anchor" href="#linkedin-learning-formation-essentielle-a-unreal-engine-5" aria-label="Permalink to &quot;LinkedIn Learning : formation essentielle à Unreal Engine 5&quot;"></a></h4>
<p><strong>Idéal pour :</strong> une mise à niveau rapide des compétences</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>LinkedIn Learning</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Abonnement (~30 $/mois) / Essai gratuit disponible</td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 3 heures</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,8/5</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Excellente qualité de production</li>
<li>✅ Idéal pour obtenir rapidement une vue d'ensemble</li>
<li>✅ Couvre les fonctionnalités d'UE5.6</li>
<li>✅ Le certificat peut être ajouté au profil LinkedIn</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Trop court pour un apprentissage approfondi</li>
<li>⚠️ Modèle par abonnement (pas d'accès à vie)</li>
<li>⚠️ Convient mieux comme complément que comme formation principale</li>
</ul>
<hr>
<h3 id="moteur-godot" tabindex="-1">Moteur Godot <a class="header-anchor" href="#moteur-godot" aria-label="Permalink to &quot;Moteur Godot&quot;"></a></h3>
<h4 id="programmes-d-etudes-gdquest" tabindex="-1">Programmes d'études GDQuest <a class="header-anchor" href="#programmes-d-etudes-gdquest" aria-label="Permalink to &quot;Programmes d'études GDQuest&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les personnes souhaitant apprendre sérieusement Godot dans le cadre d'une formation structurée</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>school.gdquest.com</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>84–216 $ (packs)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Cours interactifs + communauté</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,8/5</td>
</tr>
</tbody>
</table>
<p><strong>Packs disponibles :</strong></p>
<ul>
<li><strong>Starter Kit</strong> (~84 $) — Bases de la 2D et de la 3D</li>
<li><strong>From Zero to Pro</strong> (~216 $) — Parcours d'apprentissage complet</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Cours spécialisés sur Godot de la plus haute qualité</li>
<li>✅ Exercices interactifs (pas uniquement des vidéos)</li>
<li>✅ Actualisé pour Godot 4.x</li>
<li>✅ Communauté Discord active</li>
<li>✅ Créé par des contributeurs Godot reconnus</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Plus coûteux que les autres options sur Udemy</li>
<li>⚠️ Communauté plus petite que celles des cours Unity et Unreal</li>
</ul>
<p><strong>Crédibilité :</strong> les membres de l'équipe GDQuest sont des contributeurs et formateurs Godot reconnus. Ils ont participé à la documentation officielle de Godot et sont respectés par la communauté.</p>
<hr>
<h4 id="cours-complet-godot-4-pour-debutants-udemy" tabindex="-1">Cours complet Godot 4 pour débutants (Udemy) <a class="header-anchor" href="#cours-complet-godot-4-pour-debutants-udemy" aria-label="Permalink to &quot;Cours complet Godot 4 pour débutants (Udemy)&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les débutants disposant d'un budget limité</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Tarif normal de 80–100 $ / <strong>15–25 $ en promotion</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 20 heures</td>
</tr>
<tr>
<td><strong>Projets</strong></td>
<td>Jeu de tir spatial, jeu de plateforme, jeu de zombies en vue de dessus</td>
</tr>
</tbody>
</table>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Abordable pendant les promotions</li>
<li>✅ Permet de créer 3 jeux complets</li>
<li>✅ Axé sur GDScript (le langage natif de Godot)</li>
<li>✅ Adapté aux débutants absolus</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Moins approfondi que GDQuest</li>
<li>⚠️ Communauté d'entraide plus petite</li>
</ul>
<hr>
<h4 id="godot-dev-academy" tabindex="-1">Godot Dev Academy <a class="header-anchor" href="#godot-dev-academy" aria-label="Permalink to &quot;Godot Dev Academy&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les personnes recherchant un accès continu par abonnement</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>godotdevacademy.com</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td><strong>19,99 $/mois</strong></td>
</tr>
<tr>
<td><strong>Accès</strong></td>
<td>Tous les cours sont inclus</td>
</tr>
</tbody>
</table>
<p><strong>Comprend :</strong></p>
<ul>
<li>Des cours sur les jeux de plateforme 2D</li>
<li>Le développement de RPG</li>
<li>Le développement de jeux mobiles</li>
<li>Des cours gratuits pour débutants</li>
</ul>
<p><strong>Idéal pour :</strong> les personnes qui prévoient de suivre plusieurs cours au fil du temps. Offre un bon rapport qualité-prix si vous souhaitez apprendre Godot sur le long terme.</p>
<hr>
<h2 id="theorie-du-game-design" tabindex="-1">Théorie du game design <a class="header-anchor" href="#theorie-du-game-design" aria-label="Permalink to &quot;Théorie du game design&quot;"></a></h2>
<h3 id="introduction-au-developpement-de-jeux-de-harvard-cs50" tabindex="-1">Introduction au développement de jeux de Harvard CS50 <a class="header-anchor" href="#introduction-au-developpement-de-jeux-de-harvard-cs50" aria-label="Permalink to &quot;Introduction au développement de jeux de Harvard CS50&quot;"></a></h3>
<p><strong>Idéal pour :</strong> acquérir une compréhension fondamentale des concepts de programmation de jeux</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>cs50.harvard.edu/games (archivé)</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td><strong>Gratuit</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>12 semaines</td>
</tr>
<tr>
<td><strong>Statut</strong></td>
<td>Archivé (supports disponibles, plus de nouvelles soumissions)</td>
</tr>
</tbody>
</table>
<p><strong>Ce que vous apprendrez :</strong></p>
<ul>
<li>Les fondamentaux du graphisme 2D et 3D</li>
<li>L'animation et le sound design</li>
<li>La détection des collisions et la physique</li>
<li>Plusieurs moteurs et technologies : LÖVE2D, Unity, Lua</li>
</ul>
<p><strong>Jeux que vous reproduirez :</strong></p>
<ul>
<li>Pong, Flappy Bird, Breakout</li>
<li>Super Mario Bros., Legend of Zelda</li>
<li>Angry Birds, Pokémon</li>
<li>Un jeu d'hélicoptère en 3D, Portal</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Enseignement de qualité Harvard</li>
<li>✅ Entièrement gratuit</li>
<li>✅ Excellentes bases théoriques et fondamentales</li>
<li>✅ Découverte de plusieurs moteurs</li>
<li>✅ Tous les supports restent accessibles</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Cours officiellement arrêté (juin 2024)</li>
<li>⚠️ Plus aucun nouveau certificat ni aucune évaluation</li>
<li>⚠️ Certaines technologies sont datées (anciennes versions de Unity)</li>
<li>⚠️ Nécessite une grande autonomie</li>
</ul>
<p><strong>Remarque :</strong> Harvard a lancé un nouveau cours, CS50's Introduction to 2D Game Development (CS50 2D), qui remplace la version arrêtée. Il porte sur les jeux 2D créés avec Lua et le framework LOVE 2D (Pong, Flappy Bird, Breakout, Match 3, Super Mario Bros., Legend of Zelda, Angry Birds, Pokemon). Les cours sont publiés sur YouTube et vous pouvez vous inscrire pour obtenir un certificat sur cs50.edx.org/2d. Les sessions se succèdent tout au long de l'année ; consultez donc la page du cours pour connaître les dates actuelles.</p>
<p><strong>Avis d'étudiants :</strong></p>
<blockquote>
<p>« L'une des meilleures introductions à la programmation de jeux que j'aie vues. Elle couvre des fondamentaux applicables à n'importe quel moteur. » — Reddit r/cs50</p>
</blockquote>
<blockquote>
<p>« Même sans le certificat, les connaissances acquises en valent la peine. » — Avis sur le cours</p>
</blockquote>
<hr>
<h3 id="master-en-game-design-de-west-virginia-university-en-ligne" tabindex="-1">Master en game design de West Virginia University (en ligne) <a class="header-anchor" href="#master-en-game-design-de-west-virginia-university-en-ligne" aria-label="Permalink to &quot;Master en game design de West Virginia University (en ligne)&quot;"></a></h3>
<p><strong>Idéal pour :</strong> des études supérieures officielles</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>WVU Online</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Environ 22 650 $ au total</td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>2 ans (flexible)</td>
</tr>
<tr>
<td><strong>Format</strong></td>
<td>Entièrement en ligne et asynchrone</td>
</tr>
<tr>
<td><strong>Diplôme</strong></td>
<td>Master</td>
</tr>
</tbody>
</table>
<p><strong>Points clés du programme :</strong></p>
<ul>
<li>Théorie du jeu (analyse culturelle et esthétique)</li>
<li>Narration et storytelling vidéoludiques</li>
<li>Conception de l'expérience joueur</li>
<li>Prototype de jeu de fin d'études</li>
</ul>
<p><strong>Idéal pour :</strong> les personnes qui recherchent un diplôme universitaire pour enseigner, faire de la recherche ou occuper des postes de direction dans le développement de jeux.</p>
<hr>
<h2 id="competences-specialisees" tabindex="-1">Compétences spécialisées <a class="header-anchor" href="#competences-specialisees" aria-label="Permalink to &quot;Compétences spécialisées&quot;"></a></h2>
<h3 id="modelisation-3d-pour-les-jeux" tabindex="-1">Modélisation 3D pour les jeux <a class="header-anchor" href="#modelisation-3d-pour-les-jeux" aria-label="Permalink to &quot;Modélisation 3D pour les jeux&quot;"></a></h3>
<h4 id="complete-blender-creator-gamedev-tv" tabindex="-1">Complete Blender Creator (GameDev.tv) <a class="header-anchor" href="#complete-blender-creator-gamedev-tv" aria-label="Permalink to &quot;Complete Blender Creator (GameDev.tv)&quot;"></a></h4>
<p><strong>Idéal pour :</strong> les débutants qui apprennent Blender afin de créer des ressources de jeu</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Tarif normal de 140 $ / <strong>15–30 $ en promotion</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 30 heures</td>
</tr>
<tr>
<td><strong>Note</strong></td>
<td>⭐ 4,7/5 (plus de 200 000 étudiants)</td>
</tr>
<tr>
<td><strong>Mise à jour</strong></td>
<td>Blender 4.4 (2025)</td>
</tr>
</tbody>
</table>
<p><strong>Ce que vous apprendrez :</strong></p>
<ul>
<li>Les fondamentaux de Blender</li>
<li>Les techniques de modélisation 3D</li>
<li>Le dépliage UV et la création de textures</li>
<li>Les bases de l'animation</li>
<li>L'exportation vers les moteurs de jeu</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Immense communauté d'étudiants</li>
<li>✅ Approche fondée sur des projets</li>
<li>✅ Régulièrement actualisé pour les nouvelles versions de Blender</li>
<li>✅ Excellent pour les débutants absolus</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Très généraliste (pas de pipeline propre aux jeux)</li>
<li>⚠️ Cours long qui demande un investissement important</li>
</ul>
<hr>
<h4 id="blender-3d-modeling-for-games-—-complete-workflow-udemy" tabindex="-1">Blender 3D Modeling for Games — Complete Workflow (Udemy) <a class="header-anchor" href="#blender-3d-modeling-for-games-—-complete-workflow-udemy" aria-label="Permalink to &quot;Blender 3D Modeling for Games — Complete Workflow (Udemy)&quot;"></a></h4>
<p><strong>Idéal pour :</strong> apprendre un pipeline de création de ressources propre aux jeux</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>15–40 $ en promotion</td>
</tr>
<tr>
<td><strong>Objectif</strong></td>
<td>Processus de création de ressources prêtes pour les jeux</td>
</tr>
</tbody>
</table>
<p><strong>Ce que vous apprendrez :</strong></p>
<ul>
<li>Du blockout à la ressource finale</li>
<li>La topologie optimisée pour les jeux</li>
<li>Les textures et les matériaux</li>
<li>Le processus d'exportation vers un moteur</li>
</ul>
<p><strong>Idéal pour :</strong> les personnes qui souhaitent spécifiquement créer des ressources de jeu plutôt qu'acquérir des compétences générales sur Blender.</p>
<hr>
<h3 id="audio-et-sound-design-pour-les-jeux" tabindex="-1">Audio et sound design pour les jeux <a class="header-anchor" href="#audio-et-sound-design-pour-les-jeux" aria-label="Permalink to &quot;Audio et sound design pour les jeux&quot;"></a></h3>
<h4 id="berklee-online-certificat-game-audio-design" tabindex="-1">Berklee Online : certificat Game Audio Design <a class="header-anchor" href="#berklee-online-certificat-game-audio-design" aria-label="Permalink to &quot;Berklee Online : certificat Game Audio Design&quot;"></a></h4>
<p><strong>Idéal pour :</strong> une formation professionnelle à l'audio pour les jeux</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Berklee Online</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>4 725 $ au total (ou 4 253 $ en paiement intégral) / 1 575 $ par cours, plus 175 $ de frais d'inscription</td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>3 cours de 12 semaines chacun</td>
</tr>
<tr>
<td><strong>Date de début</strong></td>
<td>Inscriptions par session (les sessions se succèdent tout au long de l'année ; consultez la page du cours pour connaître les dates actuelles)</td>
</tr>
</tbody>
</table>
<p><strong>Programme :</strong></p>
<ul>
<li>Game Audio 101 — Fondamentaux</li>
<li>Production sonore et dialogues</li>
<li>Intégration audio et musique interactive avec Wwise</li>
<li>Création d'une bande démo professionnelle</li>
</ul>
<p>Le certificat de Berklee est désormais structuré en trois cours : Game Design Principles, Game Audio 101 et Game Audio Production with Wwise (9 crédits au total).</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Certification reconnue par l'industrie</li>
<li>✅ Apprentissage des outils de référence du secteur (Wwise, FMOD)</li>
<li>✅ Réputation de Berklee dans l'enseignement musical</li>
<li>✅ Axé sur la création d'un portfolio</li>
</ul>
<p><strong>Points faibles :</strong></p>
<ul>
<li>⚠️ Coûteux</li>
<li>⚠️ Chronophage (engagement de niveau professionnel)</li>
</ul>
<p><strong>Idéal pour :</strong> les personnes souhaitant faire carrière dans l'audio pour les jeux.</p>
<hr>
<h4 id="game-audio-essentials-udemy" tabindex="-1">Game Audio Essentials (Udemy) <a class="header-anchor" href="#game-audio-essentials-udemy" aria-label="Permalink to &quot;Game Audio Essentials (Udemy)&quot;"></a></h4>
<p><strong>Idéal pour :</strong> une introduction abordable à l'audio pour les jeux</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Udemy</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>Tarif normal de 50–100 $ / <strong>15–25 $ en promotion</strong></td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 10 heures</td>
</tr>
<tr>
<td><strong>Mise à jour</strong></td>
<td>Juillet 2025</td>
</tr>
<tr>
<td><strong>Ce que vous apprendrez :</strong></td>
<td></td>
</tr>
</tbody>
</table>
<ul>
<li>Création de bruitages et d’effets sonores</li>
<li>Intégration audio dans Unity/Unreal/Godot</li>
<li>Boucles et audio spatial</li>
<li>Techniques pratiques de conception sonore</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>✅ Abordable</li>
<li>✅ Compétences pratiques acquises par l’expérience</li>
<li>✅ Couvre plusieurs moteurs de jeu</li>
<li>✅ Adapté aux développeurs indépendants</li>
</ul>
<hr>
<h4 id="domestika-concevoir-des-bandes-originales-de-jeux-video" tabindex="-1">Domestika : Concevoir des bandes originales de jeux vidéo <a class="header-anchor" href="#domestika-concevoir-des-bandes-originales-de-jeux-video" aria-label="Permalink to &quot;Domestika : Concevoir des bandes originales de jeux vidéo&quot;"></a></h4>
<p><strong>Idéal pour :</strong> Les compositeurs souhaitant se lancer dans la musique de jeu vidéo</p>
<table tabindex="0">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Plateforme</strong></td>
<td>Domestika</td>
</tr>
<tr>
<td><strong>Prix</strong></td>
<td>10–60 $ (varie selon les promotions)</td>
</tr>
<tr>
<td><strong>Durée</strong></td>
<td>Environ 3 heures</td>
</tr>
<tr>
<td><strong>Domaine</strong></td>
<td>Composition musicale pour les jeux</td>
</tr>
</tbody>
</table>
<p><strong>Idéal pour :</strong> Les musiciens souhaitant se reconvertir dans la composition de bandes originales de jeux vidéo.</p>
<hr>
<h2 id="liens-vers-les-plateformes" tabindex="-1">Liens vers les plateformes <a class="header-anchor" href="#liens-vers-les-plateformes" aria-label="Permalink to &quot;Liens vers les plateformes&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>URL</th>
<th>Idéal pour</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Udemy</strong></td>
<td><a href="https://www.udemy.com/" target="_blank" rel="noreferrer">udemy.com</a></td>
<td>Cours abordables en promotion, vaste choix</td>
</tr>
<tr>
<td><strong>Coursera</strong></td>
<td><a href="https://www.coursera.org/" target="_blank" rel="noreferrer">coursera.org</a></td>
<td>Cours universitaires, certifications officielles</td>
</tr>
<tr>
<td><strong>Unity Learn</strong></td>
<td><a href="https://learn.unity.com/" target="_blank" rel="noreferrer">learn.unity.com</a></td>
<td>Formation officielle gratuite à Unity</td>
</tr>
<tr>
<td><strong>GDQuest</strong></td>
<td><a href="https://school.gdquest.com/" target="_blank" rel="noreferrer">school.gdquest.com</a></td>
<td>Cours consacrés à Godot, créés par des contributeurs principaux</td>
</tr>
<tr>
<td><strong>Pluralsight</strong></td>
<td><a href="https://www.pluralsight.com/" target="_blank" rel="noreferrer">pluralsight.com</a></td>
<td>Approfondissement technique, évaluation des compétences</td>
</tr>
<tr>
<td><strong>Skillshare</strong></td>
<td><a href="https://www.skillshare.com/" target="_blank" rel="noreferrer">skillshare.com</a></td>
<td>Accent sur la création et le design, abonnement abordable</td>
</tr>
<tr>
<td><strong>Berklee Online</strong></td>
<td><a href="https://online.berklee.edu/" target="_blank" rel="noreferrer">online.berklee.edu</a></td>
<td>Certification professionnelle en audio pour le jeu vidéo</td>
</tr>
<tr>
<td><strong>edX / Harvard CS50</strong></td>
<td><a href="https://cs50.harvard.edu/games/" target="_blank" rel="noreferrer">cs50.harvard.edu/games</a></td>
<td>Fondamentaux gratuits du développement de jeux</td>
</tr>
<tr>
<td><strong>Domestika</strong></td>
<td><a href="https://www.domestika.org/" target="_blank" rel="noreferrer">domestika.org</a></td>
<td>Cours créatifs abordables</td>
</tr>
<tr>
<td><strong>LinkedIn Learning</strong></td>
<td><a href="https://www.linkedin.com/learning/" target="_blank" rel="noreferrer">linkedin.com/learning</a></td>
<td>Développement professionnel, Unreal Engine</td>
</tr>
<tr>
<td><strong>Blender</strong></td>
<td><a href="https://www.blender.org/" target="_blank" rel="noreferrer">blender.org</a></td>
<td>Logiciel gratuit de modélisation 3D</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="comparaison-des-plateformes" tabindex="-1">Comparaison des plateformes <a class="header-anchor" href="#comparaison-des-plateformes" aria-label="Permalink to &quot;Comparaison des plateformes&quot;"></a></h2>
<h3 id="udemy" tabindex="-1"><a href="https://www.udemy.com/" target="_blank" rel="noreferrer">Udemy</a> <a class="header-anchor" href="#udemy" aria-label="Permalink to &quot;[Udemy](https://www.udemy.com/)&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Avantages</th>
<th>Inconvénients</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Choix immense de cours</td>
<td>⚠️ Qualité très variable</td>
</tr>
<tr>
<td>✅ Accès à vie</td>
<td>⚠️ Prix affichés artificiellement gonflés</td>
</tr>
<tr>
<td>✅ Promotions fréquentes (10–30 $)</td>
<td>⚠️ Certains cours deviennent obsolètes</td>
</tr>
<tr>
<td>✅ Politique de remboursement sous 30 jours</td>
<td>⚠️ Aucune certification officielle</td>
</tr>
<tr>
<td>✅ Grandes communautés de questions-réponses</td>
<td>⚠️ Aucun enseignement en direct</td>
</tr>
</tbody>
</table>
<p><strong>Conseil d’achat :</strong> Ne payez JAMAIS le plein tarif sur Udemy. Des promotions offrant 80 à 90 % de réduction ont lieu toutes les quelques semaines.</p>
<hr>
<h3 id="coursera" tabindex="-1">Coursera <a class="header-anchor" href="#coursera" aria-label="Permalink to &quot;Coursera&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Avantages</th>
<th>Inconvénients</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Partenariats universitaires</td>
<td>⚠️ Modèle d’abonnement pour les certificats</td>
</tr>
<tr>
<td>✅ Certifications officielles</td>
<td>⚠️ Rythme plus lent</td>
</tr>
<tr>
<td>✅ Possibilité de suivre gratuitement les cours en auditeur libre</td>
<td>⚠️ Moins de pratique qu’Udemy</td>
</tr>
<tr>
<td>✅ Parcours d’apprentissage structurés</td>
<td>⚠️ Peut être plus coûteux</td>
</tr>
<tr>
<td>✅ Rigueur académique</td>
<td></td>
</tr>
</tbody>
</table>
<p><strong>Idéal pour :</strong> Les personnes qui ont besoin de certifications pour trouver un emploi ou préfèrent un apprentissage universitaire structuré.</p>
<hr>
<h3 id="pluralsight" tabindex="-1">Pluralsight <a class="header-anchor" href="#pluralsight" aria-label="Permalink to &quot;Pluralsight&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Avantages</th>
<th>Inconvénients</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Approfondissement technique</td>
<td>⚠️ Abonnement uniquement (environ 29 $/mois)</td>
</tr>
<tr>
<td>✅ Parcours d’apprentissage avec évaluations</td>
<td>⚠️ Certains contenus sont obsolètes</td>
</tr>
<tr>
<td>✅ Partenariat avec Unity</td>
<td>⚠️ Moins adapté aux débutants</td>
</tr>
<tr>
<td>✅ Évaluation des compétences</td>
<td>⚠️ Moins d’interactions avec la communauté</td>
</tr>
</tbody>
</table>
<p><strong>Idéal pour :</strong> Les développeurs intermédiaires recherchant un approfondissement technique et des parcours d’apprentissage axés sur leur carrière.</p>
<hr>
<h3 id="skillshare" tabindex="-1">Skillshare <a class="header-anchor" href="#skillshare" aria-label="Permalink to &quot;Skillshare&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Avantages</th>
<th>Inconvénients</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Abordable (environ 168 $/an)</td>
<td>⚠️ Qualité variable des cours</td>
</tr>
<tr>
<td>✅ Accent sur la création et le design</td>
<td>⚠️ Moins d’approfondissement technique</td>
</tr>
<tr>
<td>✅ Adapté aux débutants</td>
<td>⚠️ Aucune certification officielle</td>
</tr>
<tr>
<td>✅ Cours courts et faciles à assimiler</td>
<td>⚠️ Des frustrations liées à l’abonnement sont signalées</td>
</tr>
</tbody>
</table>
<p><strong>Idéal pour :</strong> Les amateurs et les apprenants à vocation créative qui explorent plusieurs sujets.</p>
<hr>
<h3 id="unity-learn" tabindex="-1">Unity Learn <a class="header-anchor" href="#unity-learn" aria-label="Permalink to &quot;Unity Learn&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Avantages</th>
<th>Inconvénients</th>
</tr>
</thead>
<tbody>
<tr>
<td>✅ Entièrement gratuit</td>
<td>⚠️ Format moins captivant</td>
</tr>
<tr>
<td>✅ Officiel et à jour</td>
<td>⚠️ Demande de l’autodiscipline</td>
</tr>
<tr>
<td>✅ Parcours de certification Unity</td>
<td>⚠️ Assistance communautaire limitée</td>
</tr>
<tr>
<td>✅ Axé sur les projets</td>
<td></td>
</tr>
</tbody>
</table>
<p><strong>Idéal pour :</strong> Les personnes autonomes disposant d’un budget limité et recherchant une formation officielle à Unity.</p>
<hr>
<h2 id="guide-sur-la-credibilite-des-formateurs" tabindex="-1">Guide sur la crédibilité des formateurs <a class="header-anchor" href="#guide-sur-la-credibilite-des-formateurs" aria-label="Permalink to &quot;Guide sur la crédibilité des formateurs&quot;"></a></h2>
<h3 id="formateurs-reconnus" tabindex="-1">Formateurs reconnus <a class="header-anchor" href="#formateurs-reconnus" aria-label="Permalink to &quot;Formateurs reconnus&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Formateur</th>
<th>Plateforme</th>
<th>Spécialité</th>
<th>Pourquoi leur faire confiance</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Ben Tristem / GameDev.tv</strong></td>
<td>Udemy</td>
<td>Unity, Unreal, Blender</td>
<td>Plus d’un million d’apprenants, transparence sur les mises à jour des cours</td>
</tr>
<tr>
<td><strong>Stephen Ulibarri</strong></td>
<td>Udemy</td>
<td>Unreal C++</td>
<td>Connaissances techniques approfondies, excellentes explications</td>
</tr>
<tr>
<td><strong>Équipe GDQuest</strong></td>
<td>GDQuest</td>
<td>Godot</td>
<td>Contributeurs officiels de Godot</td>
</tr>
<tr>
<td><strong>Corps enseignant de Michigan State</strong></td>
<td>Coursera</td>
<td>Conception de jeux</td>
<td>Diplômes universitaires, expérience dans la recherche</td>
</tr>
<tr>
<td><strong>Corps enseignant de Berklee</strong></td>
<td>Berklee Online</td>
<td>Audio pour le jeu vidéo</td>
<td>Professionnels du secteur, réputation de Berklee</td>
</tr>
</tbody>
</table>
<h3 id="signaux-d-alerte-a-surveiller" tabindex="-1">Signaux d’alerte à surveiller <a class="header-anchor" href="#signaux-d-alerte-a-surveiller" aria-label="Permalink to &quot;Signaux d’alerte à surveiller&quot;"></a></h3>
<ul>
<li>❌ Cours qui n’ont pas été mis à jour depuis plus de 2 ans</li>
<li>❌ Notes faibles accompagnées de critiques précises sur du contenu obsolète</li>
<li>❌ Formateurs sans portfolio ni qualifications visibles</li>
<li>❌ Marketing agressif sans contenu solide</li>
<li>❌ Cours promettant une « maîtrise complète » dans des délais irréalistes</li>
</ul>
<hr>
<h2 id="parcours-d-apprentissage-recommandes" tabindex="-1">Parcours d’apprentissage recommandés <a class="header-anchor" href="#parcours-d-apprentissage-recommandes" aria-label="Permalink to &quot;Parcours d’apprentissage recommandés&quot;"></a></h2>
<h3 id="debutant-complet-→-pret-a-l-emploi-unity" tabindex="-1">Débutant complet → Prêt à l’emploi (Unity) <a class="header-anchor" href="#debutant-complet-→-pret-a-l-emploi-unity" aria-label="Permalink to &quot;Débutant complet → Prêt à l’emploi (Unity)&quot;"></a></h3>
<ol>
<li><strong>Commencer :</strong> Parcours Junior Programmer d’Unity Learn (gratuit)</li>
<li><strong>Développer ses compétences :</strong> GameDev.tv Complete Unity 3D (20 $)</li>
<li><strong>Se spécialiser :</strong> Choisir un domaine (2D, 3D, mobile)</li>
<li><strong>Portfolio :</strong> Créer 3 à 5 jeux complets</li>
<li><strong>Certification (facultative) :</strong> Certification Unity ou spécialisation Coursera</li>
</ol>
<p><strong>Coût estimé :</strong> 20–150 $<br>
<strong>Durée estimée :</strong> 6 à 12 mois (à temps partiel)</p>
<hr>
<h3 id="artiste-→-developpeur-de-jeux" tabindex="-1">Artiste → Développeur de jeux <a class="header-anchor" href="#artiste-→-developpeur-de-jeux" aria-label="Permalink to &quot;Artiste → Développeur de jeux&quot;"></a></h3>
<ol>
<li><strong>Commencer :</strong> Complete Blender Creator (Udemy) — 20 $</li>
<li><strong>Pipeline de jeu :</strong> Cours sur le workflow Blender pour les jeux — 20 $</li>
<li><strong>Bases du moteur :</strong> Cours d’initiation à Unity/Unreal — 20 $</li>
<li><strong>Intégration :</strong> Apprendre à importer et à utiliser des ressources dans le moteur</li>
</ol>
<p><strong>Coût estimé :</strong> 60–100 $<br>
<strong>Durée estimée :</strong> 4 à 8 mois</p>
<hr>
<h3 id="programmeur-→-developpeur-de-jeux" tabindex="-1">Programmeur → Développeur de jeux <a class="header-anchor" href="#programmeur-→-developpeur-de-jeux" aria-label="Permalink to &quot;Programmeur → Développeur de jeux&quot;"></a></h3>
<ol>
<li><strong>Commencer :</strong> Choisir un moteur (Unity C# ou Unreal C++)</li>
<li><strong>Fondations :</strong> Cours de niveau intermédiaire sur le moteur</li>
<li><strong>Approfondissement :</strong> Systèmes de gameplay avancés</li>
<li><strong>Portfolio :</strong> Créer un projet de jeu conséquent</li>
</ol>
<p><strong>Coût estimé :</strong> 40–100 $<br>
<strong>Durée estimée :</strong> 3 à 6 mois (si vous savez déjà programmer)</p>
<hr>
<h3 id="amateur-au-budget-limite" tabindex="-1">Amateur au budget limité <a class="header-anchor" href="#amateur-au-budget-limite" aria-label="Permalink to &quot;Amateur au budget limité&quot;"></a></h3>
<ol>
<li><strong>Commencer :</strong> Unity Learn ou CS50 Game Dev (gratuit)</li>
<li><strong>Étape suivante :</strong> Attendre une promotion Udemy et acheter un cours ciblé (15 $)</li>
<li><strong>Pratiquer :</strong> Créer de petits jeux et participer à des game jams</li>
<li><strong>Communauté :</strong> Rejoindre des serveurs Discord pour obtenir des retours</li>
</ol>
<p><strong>Coût estimé :</strong> 0–30 $<br>
<strong>Durée estimée :</strong> Apprenez à votre rythme</p>
<hr>
<h2 id="recapitulatif-des-prix" tabindex="-1">Récapitulatif des prix <a class="header-anchor" href="#recapitulatif-des-prix" aria-label="Permalink to &quot;Récapitulatif des prix&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Plateforme</th>
<th>Modèle</th>
<th>Coût habituel</th>
<th>Rapport qualité-prix</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Unity Learn</strong></td>
<td>Gratuit</td>
<td>0 $</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>CS50 Games</strong></td>
<td>Gratuit (archivé)</td>
<td>0 $</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Udemy</strong></td>
<td>Paiement unique (promotions)</td>
<td>12–30 $</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>GDQuest</strong></td>
<td>Paiement unique</td>
<td>84–216 $</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Skillshare</strong></td>
<td>Abonnement</td>
<td>168 $/an</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Pluralsight</strong></td>
<td>Abonnement</td>
<td>349 $/an</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Coursera</strong></td>
<td>Abonnement + cours</td>
<td>49 $/mois</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td><strong>LinkedIn Learning</strong></td>
<td>Abonnement</td>
<td>360 $/an</td>
<td>⭐⭐⭐</td>
</tr>
<tr>
<td><strong>Berklee Online</strong></td>
<td>Par cours</td>
<td>Plus de 1 500 $</td>
<td>⭐⭐⭐⭐ (professionnel)</td>
</tr>
<tr>
<td><strong>Diplômes universitaires</strong></td>
<td>Programmes diplômants</td>
<td>Plus de 20 000 $</td>
<td>Dépend de la carrière visée</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="conseils-pour-choisir-vos-cours" tabindex="-1">Conseils pour choisir vos cours <a class="header-anchor" href="#conseils-pour-choisir-vos-cours" aria-label="Permalink to &quot;Conseils pour choisir vos cours&quot;"></a></h2>
<h3 id="_1-verifiez-la-date-de-derniere-mise-a-jour" tabindex="-1">1. Vérifiez la date de dernière mise à jour <a class="header-anchor" href="#_1-verifiez-la-date-de-derniere-mise-a-jour" aria-label="Permalink to &quot;1. Vérifiez la date de dernière mise à jour&quot;"></a></h3>
<p>Les moteurs de jeu évoluent rapidement. En 2026, un cours sur Unity 2020 présentera des différences importantes par rapport aux versions actuelles. Recherchez des cours mis à jour au cours des 12 derniers mois.</p>
<h3 id="_2-regardez-les-apercus-gratuits" tabindex="-1">2. Regardez les aperçus gratuits <a class="header-anchor" href="#_2-regardez-les-apercus-gratuits" aria-label="Permalink to &quot;2. Regardez les aperçus gratuits&quot;"></a></h3>
<p>La plupart des plateformes proposent des aperçus gratuits. Évaluez :</p>
<ul>
<li>Le style et le rythme d’enseignement</li>
<li>La qualité audio et vidéo</li>
<li>La clarté des explications pour vous</li>
</ul>
<h3 id="_3-lisez-les-avis-recents" tabindex="-1">3. Lisez les avis récents <a class="header-anchor" href="#_3-lisez-les-avis-recents" aria-label="Permalink to &quot;3. Lisez les avis récents&quot;"></a></h3>
<p>Triez les avis du plus récent au plus ancien. D’anciens avis cinq étoiles ne reflètent pas la qualité actuelle du contenu.</p>
<h3 id="_4-verifiez-la-qualite-des-projets" tabindex="-1">4. Vérifiez la qualité des projets <a class="header-anchor" href="#_4-verifiez-la-qualite-des-projets" aria-label="Permalink to &quot;4. Vérifiez la qualité des projets&quot;"></a></h3>
<p>Regardez ce que créent les apprenants. Les projets sont-ils impressionnants ? Pourraient-ils figurer dans un portfolio ?</p>
<h3 id="_5-tenez-compte-de-la-communaute" tabindex="-1">5. Tenez compte de la communauté <a class="header-anchor" href="#_5-tenez-compte-de-la-communaute" aria-label="Permalink to &quot;5. Tenez compte de la communauté&quot;"></a></h3>
<p>Les cours dotés de sections de questions-réponses actives, de serveurs Discord ou de forums offrent une meilleure assistance lorsque vous êtes bloqué.</p>
<h3 id="_6-adaptez-le-cours-a-votre-style-d-apprentissage" tabindex="-1">6. Adaptez le cours à votre style d’apprentissage <a class="header-anchor" href="#_6-adaptez-le-cours-a-votre-style-d-apprentissage" aria-label="Permalink to &quot;6. Adaptez le cours à votre style d’apprentissage&quot;"></a></h3>
<ul>
<li><strong>Apprentissage visuel :</strong> Cours vidéo (Udemy, YouTube)</li>
<li><strong>Lecture :</strong> Documentation Unity, tutoriels écrits</li>
<li><strong>Apprentissage pratique :</strong> Cours axés sur les projets, game jams</li>
<li><strong>Apprentissage structuré :</strong> Cours universitaires, spécialisations</li>
</ul>
<hr>
<h2 id="tableau-recapitulatif" tabindex="-1">Tableau récapitulatif <a class="header-anchor" href="#tableau-recapitulatif" aria-label="Permalink to &quot;Tableau récapitulatif&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Cours</th>
<th>Plateforme</th>
<th>Prix</th>
<th>Idéal pour</th>
<th>Note</th>
</tr>
</thead>
<tbody>
<tr>
<td>GameDev.tv Unity 3D</td>
<td>Udemy</td>
<td>12–30 $</td>
<td>Débutants sur Unity</td>
<td>⭐ 4,7</td>
</tr>
<tr>
<td>Spécialisation Michigan State</td>
<td>Coursera</td>
<td>49 $/mois</td>
<td>Certifications officielles</td>
<td>⭐ 4,7</td>
</tr>
<tr>
<td>Parcours Unity Learn</td>
<td>Unity</td>
<td>Gratuit</td>
<td>Apprenants au budget limité</td>
<td>⭐ 4,5</td>
</tr>
<tr>
<td>Stephen Ulibarri UE5</td>
<td>Udemy</td>
<td>15–30 $</td>
<td>Unreal C++</td>
<td>⭐ 4,8</td>
</tr>
<tr>
<td>Spécialisation UE de Coursera</td>
<td>Coursera</td>
<td>199 $</td>
<td>Débutants sur UE</td>
<td>⭐ 4,6</td>
</tr>
<tr>
<td>Packs GDQuest</td>
<td>GDQuest</td>
<td>84–216 $</td>
<td>Apprenants sur Godot</td>
<td>⭐ 4,8</td>
</tr>
<tr>
<td>Cours Godot pour débutants</td>
<td>Udemy</td>
<td>15–25 $</td>
<td>Godot à petit prix</td>
<td>⭐ 4,5</td>
</tr>
<tr>
<td>Harvard CS50 Games</td>
<td>edX (archivé)</td>
<td>Gratuit</td>
<td>Fondamentaux</td>
<td>⭐ 4,6</td>
</tr>
<tr>
<td>Complete Blender Creator</td>
<td>Udemy</td>
<td>15–30 $</td>
<td>Modélisation 3D</td>
<td>⭐ 4,7</td>
</tr>
<tr>
<td>Berklee Game Audio</td>
<td>Berklee Online</td>
<td>4 500 $</td>
<td>Audio professionnel</td>
<td>⭐ 4,8</td>
</tr>
<tr>
<td>Game Audio Essentials</td>
<td>Udemy</td>
<td>15–25 $</td>
<td>Audio à petit prix</td>
<td>⭐ 4,4</td>
</tr>
</tbody>
</table>
<hr>
<p>Prêt à commencer votre apprentissage ? Choisissez un cours adapté à votre budget, à votre niveau et au moteur que vous préférez. L’étape la plus importante consiste à <strong>commencer à créer des jeux</strong>. Les cours ne sont que des outils qui vous aideront à y parvenir plus rapidement.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-cours-gratuit-de-developpement-de-jeux" tabindex="-1">Quel est le meilleur cours gratuit de développement de jeux ? <a class="header-anchor" href="#quel-est-le-meilleur-cours-gratuit-de-developpement-de-jeux" aria-label="Permalink to &quot;Quel est le meilleur cours gratuit de développement de jeux ?&quot;"></a></h3>
<p>Les deux meilleures options gratuites sont les parcours Unity Learn et les cours de développement de jeux CS50 de Harvard. Les parcours Junior Programmer et Creative Core d’Unity Learn sont officiels, toujours à jour et axés sur des projets. Ils vous font progresser du niveau débutant vers un niveau professionnel sans aucun coût. Le cours CS50 Introduction to Game Development de Harvard enseigne des fondamentaux applicables à n’importe quel moteur. Son contenu reste gratuit même si le cours d’origine est archivé, et un nouveau cours CS50 2D le remplace. Les deux sont réellement gratuits, et non de simples périodes d’essai.</p>
<h3 id="un-diplome-en-developpement-de-jeux-en-vaut-il-la-peine-en-2026" tabindex="-1">Un diplôme en développement de jeux en vaut-il la peine en 2026 ? <a class="header-anchor" href="#un-diplome-en-developpement-de-jeux-en-vaut-il-la-peine-en-2026" aria-label="Permalink to &quot;Un diplôme en développement de jeux en vaut-il la peine en 2026 ?&quot;"></a></h3>
<p>Cela dépend de votre objectif. Un diplôme officiel comme le master en ligne de conception de jeux de la WVU (environ 22 650 $) est pertinent si vous souhaitez obtenir des qualifications universitaires pour enseigner, faire de la recherche ou occuper des postes de direction. Pour décrocher un emploi de développeur, le recrutement repose généralement sur votre portfolio. Vous pouvez en constituer un grâce à des cours Udemy en promotion (12 à 30 $), aux parcours gratuits d’Unity Learn et à des projets publiés, pour une infime partie du coût d’un diplôme. Le diplôme apporte une structure et des qualifications, mais ne garantit pas un emploi.</p>
<h3 id="combien-de-temps-faut-il-pour-apprendre-le-developpement-de-jeux" tabindex="-1">Combien de temps faut-il pour apprendre le développement de jeux ? <a class="header-anchor" href="#combien-de-temps-faut-il-pour-apprendre-le-developpement-de-jeux" aria-label="Permalink to &quot;Combien de temps faut-il pour apprendre le développement de jeux ?&quot;"></a></h3>
<p>Prévoyez plusieurs mois d’efforts réguliers plutôt que quelques semaines. Les parcours présentés ici estiment qu’un débutant complet peut passer de zéro à un niveau professionnel sur Unity en 6 à 12 mois environ à temps partiel. Si vous savez déjà programmer, 3 à 6 mois constituent un objectif réaliste. Si vous venez du monde artistique, prévoyez 4 à 8 mois pour acquérir les compétences liées au moteur et au pipeline de production. Le moyen le plus rapide de progresser consiste à travailler sur des projets : créez de petits jeux et participez à des game jams au lieu de vous contenter de regarder des cours.</p>
<h3 id="dois-je-commencer-par-apprendre-unity-ou-unreal" tabindex="-1">Dois-je commencer par apprendre Unity ou Unreal ? <a class="header-anchor" href="#dois-je-commencer-par-apprendre-unity-ou-unreal" aria-label="Permalink to &quot;Dois-je commencer par apprendre Unity ou Unreal ?&quot;"></a></h3>
<p>Pour la plupart des débutants, Unity constitue un point de départ plus accessible. Il utilise C#, dispose du plus vaste choix de cours pour débutants (GameDev.tv, la spécialisation de Michigan State et les parcours gratuits d’Unity Learn) et bénéficie d’une immense communauté qui pourra vous aider en cas de difficulté. Il vaut mieux commencer par Unreal si vous visez des graphismes 3D très réalistes ou dignes d’une console, ou si vous maîtrisez déjà C++. Le cours UE5 de Stephen Ulibarri est la référence dans ce domaine, même s’il suppose quelques connaissances préalables en programmation. Les deux choix sont valables : choisissez le moteur dont les cours et les types de jeux correspondent le mieux à ce que vous souhaitez créer.</p>
<p>Pour découvrir davantage de ressources, consultez :</p>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a></li>
<li><a href="/fr/guides/game-jams-hackathons.html">Guide des game jams et hackathons</a> — la meilleure façon d’apprendre est de publier sous pression</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a></li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Comparatif des moteurs de jeux web</a> — choisissez le bon moteur avant de sélectionner un cours</li>
<li><a href="/fr/guides/game-asset-licenses.html">Comprendre les licences des ressources de jeu</a> — comprendre les licences avant d’utiliser les ressources fournies dans les cours</li>
<li><a href="/fr/tutorials/canvas-2d-game-loop.html">Boucle de jeu Canvas 2D</a> — commencez à créer sans suivre de cours grâce à ce tutoriel gratuit</li>
</ul>
<BuildCta
  title="La meilleure première leçon consiste à publier quelque chose"
  desc="Créez un jeu aujourd’hui, puis suivez le cours pour comprendre ce qui s’est passé."
  prompt="Crée mon premier jeu : un labyrinthe à bille roulante avec trois niveaux" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/game-dev-courses.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Guide des game jams et hackathons]]></title>
            <link>https://app.cinevva.com/fr/guides/game-jams-hackathons</link>
            <guid>https://app.cinevva.com/fr/guides/game-jams-hackathons</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Guide complet des game jams et hackathons — leur fonctionnement, les événements majeurs, les avantages des jeux web et la manière dont Cinevva vous aide à lancer votre jeu de jam]]></description>
            <content:encoded><![CDATA[<h1 id="guide-des-game-jams-et-hackathons" tabindex="-1">Guide des game jams et hackathons <a class="header-anchor" href="#guide-des-game-jams-et-hackathons" aria-label="Permalink to &quot;Guide des game jams et hackathons&quot;"></a></h1>
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:1.5rem 0">
<iframe src="https://www.youtube.com/embed/btOlp4_d1tc" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe>
</div>
<p style="font-size:0.9rem;color:var(--vp-c-text-2);margin-top:-0.5rem">5 conseils pour gagner des game jams comme GMTK et Ludum Dare</p>
<p>Les game jams sont le berceau des jeux indépendants. Vous créez un jeu en 48 à 72 heures, recevez immédiatement les retours de milliers de joueurs et lancez parfois un projet qui devient un véritable succès. Ce guide présente tout ce que vous devez savoir.</p>
<h2 id="qu-est-ce-qu-une-game-jam" tabindex="-1">Qu'est-ce qu'une game jam ? <a class="header-anchor" href="#qu-est-ce-qu-une-game-jam" aria-label="Permalink to &quot;Qu'est-ce qu'une game jam ?&quot;"></a></h2>
<p>Une game jam est un événement limité dans le temps au cours duquel vous créez un jeu de A à Z, généralement autour d'un thème annoncé au début. Imaginez un hackathon destiné aux créateurs de jeux. Ces événements durent généralement de 48 heures à 30 jours, réunissent des équipes d'une à quatre personnes et ont pour objectif de produire un prototype jouable.</p>
<p>Les game jams ne consistent pas à créer des produits commerciaux parfaitement aboutis. Elles permettent d'expérimenter, de résoudre des problèmes de manière créative sous différentes contraintes et de concevoir quelque chose d'amusant en peu de temps.</p>
<h2 id="pourquoi-sont-elles-importantes" tabindex="-1">Pourquoi sont-elles importantes ? <a class="header-anchor" href="#pourquoi-sont-elles-importantes" aria-label="Permalink to &quot;Pourquoi sont-elles importantes ?&quot;"></a></h2>
<p>Pour les nouveaux développeurs, rien ne vaut le fait de publier un jeu complet, même modeste. Les imperfections étant attendues, vous pouvez expérimenter sans risque. Les autres participants jouent à votre jeu et le notent, ce qui vous apporte des retours immédiats. De plus, un jeu de jam terminé montre que vous savez concrétiser un projet, et pas seulement en parler.</p>
<p>Pour les développeurs expérimentés, les jams permettent de tester rapidement des idées et de valider des concepts avant d'y consacrer plusieurs mois. Les contraintes stimulent la créativité et aident à surmonter les blocages. Vous rencontrez des collaborateurs, des éditeurs et des joueurs. Enfin, de nombreux jeux indépendants à succès ont commencé comme participations à une jam.</p>
<p>Celeste a commencé comme un jeu Ludum Dare. Superhot était à l'origine un prototype créé en 7 jours. Hollow Knight a évolué à partir d'un concept de jam. Minit est né lors d'une jam de 48 heures. Papers, Please a été créé pour Ludum Dare 29.</p>
<h2 id="principales-game-jams-de-2026" tabindex="-1">Principales game jams de 2026 <a class="header-anchor" href="#principales-game-jams-de-2026" aria-label="Permalink to &quot;Principales game jams de 2026&quot;"></a></h2>
<h3 id="evenements-mondiaux" tabindex="-1">Événements mondiaux <a class="header-anchor" href="#evenements-mondiaux" aria-label="Permalink to &quot;Événements mondiaux&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Événement</th>
<th>Période</th>
<th>Format</th>
<th>Remarques</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Global Game Jam</strong></td>
<td>Fin janvier</td>
<td>48 heures, sites locaux et participation à distance</td>
<td>La plus grande jam, avec plus de 40 000 participants dans le monde. L'édition 2026 (du 26 janvier au 1er février) est celle où la GGJ franchit le cap des 500 000 participants cumulés depuis sa création, sur environ 800 sites répartis dans plus de 100 pays.</td>
</tr>
<tr>
<td><strong>Ludum Dare</strong></td>
<td>Avril, octobre (environ)</td>
<td>48 h en solo / 72 h en équipe</td>
<td>L'une des jams les plus anciennes et les plus respectées</td>
</tr>
<tr>
<td><strong>GMTK Game Jam</strong></td>
<td>Été</td>
<td>48 heures</td>
<td>Très forte audience, généralement plus de 7 000 participations</td>
</tr>
<tr>
<td><strong>js13kGames</strong></td>
<td>Août-septembre</td>
<td>Limite de 13 Ko, 30 jours</td>
<td>Idéale pour les développeurs web</td>
</tr>
<tr>
<td><strong>Gamedev.js Jam</strong></td>
<td>Du 13 au 26 avril 2026</td>
<td>13 jours, HTML5 uniquement</td>
<td>Prix à gagner, format accessible</td>
</tr>
</tbody>
</table>
<h3 id="jams-regulieres-et-en-cours-sur-itch-io" tabindex="-1">Jams régulières et en cours sur itch.io <a class="header-anchor" href="#jams-regulieres-et-en-cours-sur-itch-io" aria-label="Permalink to &quot;Jams régulières et en cours sur itch.io&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Jam</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Brackeys Game Jam 2026.2</strong></td>
<td>7 jours, des milliers de participants, du 23 au 30 août 2026</td>
</tr>
<tr>
<td><strong>Pirate Software Game Jam 18</strong></td>
<td>14 jours, environ 600 participants ou plus</td>
</tr>
<tr>
<td><strong>Finally Finish Something 2026</strong></td>
<td>En janvier, pour terminer les projets en cours</td>
</tr>
<tr>
<td><strong>2026 Annual Jam</strong></td>
<td>Toute l'année, règles souples</td>
</tr>
<tr>
<td><strong>Retro Game Jam 2026</strong></td>
<td>Du 8 au 14 février, axée sur l'esthétique rétro</td>
</tr>
</tbody>
</table>
<p><strong>Pour en trouver davantage :</strong> <a href="https://itch.io/jams" target="_blank" rel="noreferrer">itch.io/jams</a> répertorie des centaines de jams en cours et à venir.</p>
<hr>
<h2 id="pourquoi-les-jeux-web-excellent-dans-les-jams" tabindex="-1">Pourquoi les jeux web excellent dans les jams <a class="header-anchor" href="#pourquoi-les-jeux-web-excellent-dans-les-jams" aria-label="Permalink to &quot;Pourquoi les jeux web excellent dans les jams&quot;"></a></h2>
<p>Si vous pouvez créer un jeu jouable dans un navigateur, vous disposez d'un avantage considérable.</p>
<h3 id="zero-friction" tabindex="-1">Zéro friction <a class="header-anchor" href="#zero-friction" aria-label="Permalink to &quot;Zéro friction&quot;"></a></h3>
<p>Les membres du jury d'une jam testent des dizaines de jeux. Avec un jeu à télécharger, ils doivent cliquer sur le lien de téléchargement, attendre, extraire les fichiers ou installer le jeu, trouver l'exécutable, puis le lancer. Cela représente 5 à 10 minutes avant même de commencer à jouer. Avec un jeu web, ils cliquent sur « Jouer » et attendent 2 à 5 secondes. Ils sont déjà en train de jouer.</p>
<p>Chaque seconde de friction vous coûte des parties, des évaluations et des places au classement.</p>
<h3 id="fonctionne-partout" tabindex="-1">Fonctionne partout <a class="header-anchor" href="#fonctionne-partout" aria-label="Permalink to &quot;Fonctionne partout&quot;"></a></h3>
<p>Les jeux web fonctionnent sous Windows, Mac, Linux et ChromeOS. Ils fonctionnent également sur mobile si vous prenez en charge les commandes tactiles. Vous n'avez jamais à écrire « Désolé, Windows uniquement » dans votre description. Vous maximisez ainsi votre audience potentielle.</p>
<h3 id="facile-a-partager" tabindex="-1">Facile à partager <a class="header-anchor" href="#facile-a-partager" aria-label="Permalink to &quot;Facile à partager&quot;"></a></h3>
<p>Vous obtenez un lien direct vers le jeu. Vous pouvez l'intégrer dans des tweets, sur Discord et dans des blogs. Plus besoin de liens douteux du type « Télécharger depuis Google Drive ». C'est également plus propice à la viralité sur les réseaux sociaux.</p>
<h3 id="mises-a-jour-instantanees" tabindex="-1">Mises à jour instantanées <a class="header-anchor" href="#mises-a-jour-instantanees" aria-label="Permalink to &quot;Mises à jour instantanées&quot;"></a></h3>
<p>Un bug à corriger ? Déployez la correction en quelques secondes. Vous avez détecté un problème d'équilibrage ? Appliquez la modification directement. Plus besoin de messages du type « Version 1.1 mise en ligne, veuillez télécharger à nouveau le jeu ».</p>
<h3 id="capacites-techniques" tabindex="-1">Capacités techniques <a class="header-anchor" href="#capacites-techniques" aria-label="Permalink to &quot;Capacités techniques&quot;"></a></h3>
<p>WebGL et WebGPU offrent des graphismes accélérés par le GPU. L'API Web Audio assure une prise en charge complète du son. LocalStorage et IndexedDB permettent de sauvegarder les parties sans serveur. Les Service Workers rendent le jeu hors ligne possible. Les WebSockets permettent de créer des expériences multijoueurs.</p>
<h2 id="faire-decouvrir-votre-jeu-de-jam" tabindex="-1">Faire découvrir votre jeu de jam <a class="header-anchor" href="#faire-decouvrir-votre-jeu-de-jam" aria-label="Permalink to &quot;Faire découvrir votre jeu de jam&quot;"></a></h2>
<p>Les game jams génèrent des milliers de jeux. Après une jam, votre création se retrouve en concurrence avec des milliers d'autres participations sur itch.io, dans un fil « Nouveautés » surchargé, face à des joueurs qui disposent de peu de temps et parcourent rapidement les pages.</p>
<p>Les solutions traditionnelles ne fonctionnent pas très bien. Les captures d'écran ne montrent pas réellement le gameplay. La création d'une bande-annonce prend des heures alors que vous êtes épuisé. Le marketing exige une énergie que vous n'avez plus.</p>
<h3 id="les-courtes-videos-de-gameplay-sont-efficaces" tabindex="-1">Les courtes vidéos de gameplay sont efficaces <a class="header-anchor" href="#les-courtes-videos-de-gameplay-sont-efficaces" aria-label="Permalink to &quot;Les courtes vidéos de gameplay sont efficaces&quot;"></a></h3>
<p>Enregistrez 15 secondes de gameplay montrant le meilleur moment, la boucle de jeu principale ou l'élément distinctif. Publiez cette séquence sous forme de vidéo courte sur TikTok, Reels ou YouTube Shorts, puis ajoutez un lien vers la page où le jeu est disponible. Les joueurs font défiler leur fil, regardent, cliquent et jouent immédiatement, surtout lorsque le jeu fonctionne directement dans le navigateur.</p>
<p>Votre jeu est jugé sur son gameplay, pas sur vos compétences en marketing. Vous n'avez pas besoin de consacrer du temps à une bande-annonce, car des clips de 15 secondes suffisent. Vous n'avez pas besoin de rivaliser avec le marketing des jeux AAA, car le gameplay parle de lui-même. Et les joueurs n'ont rien à télécharger, puisque les jeux web se lancent instantanément.</p>
<h3 id="le-processus" tabindex="-1">Le processus <a class="header-anchor" href="#le-processus" aria-label="Permalink to &quot;Le processus&quot;"></a></h3>
<p>Pendant la jam, concentrez-vous sur la création de votre jeu. Si vous êtes pressé par le temps ou souhaitez obtenir rapidement une base jouable, Cinevva peut transformer une instruction en jeu web 3D jouable dans votre navigateur, que vous pouvez publier sous forme de lien partageable, puis intégrer ou ajouter à votre page itch.io. Pendant la dernière heure, enregistrez rapidement 2 ou 3 clips de gameplay.</p>
<p>Après l'envoi, soumettez normalement votre jeu à la jam, publiez vos clips sur les réseaux sociaux, partagez le lien direct vers le jeu et regardez de vrais joueurs le découvrir et y jouer.</p>
<h2 id="strategies-de-reussite" tabindex="-1">Stratégies de réussite <a class="header-anchor" href="#strategies-de-reussite" aria-label="Permalink to &quot;Stratégies de réussite&quot;"></a></h2>
<h3 id="avant-la-jam" tabindex="-1">Avant la jam <a class="header-anchor" href="#avant-la-jam" aria-label="Permalink to &quot;Avant la jam&quot;"></a></h3>
<p>Préparez vos outils. Testez votre moteur, votre EDI et vos outils graphiques. Configurez le contrôle de version avec Git. Préparez un modèle de projet. Entraînez-vous à importer des ressources et à créer des mécaniques de base.</p>
<p>Préparez-vous également. Dormez bien la veille. Prévoyez de la nourriture et des boissons. Libérez votre emploi du temps. Prévenez votre famille ou vos colocataires que vous serez occupé.</p>
<p>Si vous travaillez en équipe, mettez-vous d'accord sur le moyen de communication à utiliser — Discord fonctionne bien —, répartissez approximativement les rôles et définissez les disponibilités attendues.</p>
<h3 id="pendant-la-jam" tabindex="-1">Pendant la jam <a class="header-anchor" href="#pendant-la-jam" aria-label="Permalink to &quot;Pendant la jam&quot;"></a></h3>
<p>Pendant les 2 premières heures, réfléchissez et planifiez. Générez plusieurs idées et choisissez celle qui semble la plus réalisable. Réduisez impitoyablement le périmètre, puis divisez-le encore par deux. Documentez votre boucle de jeu principale. Mettez-vous d'accord sur le style visuel.</p>
<p>De la 2e à la 20e heure, construisez le cœur du jeu. Commencez par faire fonctionner la mécanique principale. Des graphismes provisoires conviennent parfaitement. Ne peaufinez rien tant que le cœur du jeu ne fonctionne pas. Effectuez fréquemment des commits.</p>
<p>De la 20e à la 40e heure, rendez le jeu pleinement jouable. Ajoutez du contenu, comme des niveaux et des ennemis. Créez une interface de base avec un menu et un écran de fin de partie. Ajoutez des effets sonores et de la musique. Continuez à tester constamment.</p>
<p>Pendant les 8 dernières heures, peaufinez et publiez. Corrigez uniquement les bugs critiques. Effectuez une dernière passe graphique. Rédigez votre description. Prenez des captures d'écran et créez un GIF. Envoyez votre jeu en avance pour éviter de manquer la date limite.</p>
<h3 id="apres-la-jam" tabindex="-1">Après la jam <a class="header-anchor" href="#apres-la-jam" aria-label="Permalink to &quot;Après la jam&quot;"></a></h3>
<p>Juste après, reposez-vous : vous l'avez mérité. Partagez votre jeu sur les réseaux sociaux. Remerciez vos coéquipiers.</p>
<p>Dans la semaine qui suit, jouez aux autres créations et notez-les, répondez aux commentaires, recueillez des retours et enregistrez des clips de gameplay.</p>
<p>Plus tard, décidez si vous souhaitez poursuivre le développement, rédigez un bilan post-mortem dans votre journal de développement et restez en contact avec les personnes rencontrées.</p>
<h3 id="erreurs-frequentes" tabindex="-1">Erreurs fréquentes <a class="header-anchor" href="#erreurs-frequentes" aria-label="Permalink to &quot;Erreurs fréquentes&quot;"></a></h3>
<p>L'enthousiasme entraîne souvent une dérive du périmètre. Rédigez votre liste de fonctionnalités dès le début et respectez-la. L'absence de son survient lorsqu'on le garde pour la fin. Ajoutez rapidement des sons provisoires. Des commandes peu claires résultent souvent du manque de recul des développeurs. Incluez des instructions et faites tester le jeu par d'autres personnes. Les versions défectueuses sont causées par la précipitation. Testez les exports dès le début de la jam. Les mauvaises descriptions sont souvent dues à l'épuisement. Rédigez la vôtre avant d'être trop fatigué.</p>
<h2 id="creer-des-jeux-web-pour-les-jams" tabindex="-1">Créer des jeux web pour les jams <a class="header-anchor" href="#creer-des-jeux-web-pour-les-jams" aria-label="Permalink to &quot;Créer des jeux web pour les jams&quot;"></a></h2>
<p>Pour les jeux 2D, Phaser est le framework de jeux HTML5 le plus populaire. Pixi.js est un moteur de rendu 2D rapide que vous pouvez associer à votre propre logique. Godot dispose d'un excellent système d'export HTML5.</p>
<p>Pour les jeux 3D, Three.js est la bibliothèque WebGL la plus flexible. Babylon.js est un moteur 3D complet. PlayCanvas est un moteur natif du web doté d'un éditeur intégré.</p>
<p>Pour les approches sans code ou low-code, GDevelop est un outil visuel de création de jeux avec export web. Construct permet de créer de puissants jeux HTML5 sans écrire de code.</p>
<h3 id="optimisation" tabindex="-1">Optimisation <a class="header-anchor" href="#optimisation" aria-label="Permalink to &quot;Optimisation&quot;"></a></h3>
<p>Maintenez le temps de chargement sous les 10 secondes en compressant les ressources et en utilisant le chargement différé. Affichez la progression du chargement afin que les joueurs n'abandonnent pas. Testez sur Chrome, Firefox et Safari, car chaque navigateur a ses particularités. Si possible, adaptez le jeu aux appareils mobiles avec des commandes tactiles et une mise en page responsive. Proposez un bouton plein écran pour renforcer l'immersion. Ajoutez une option permettant de couper le son, car tout le monde ne peut pas l'activer.</p>
<p>Pour les paramètres d'intégration sur itch.io, utilisez une largeur de 960 px — ou votre résolution native — et une hauteur de 540 px pour un format 16:9. Activez la compatibilité mobile si votre jeu est responsive, activez le bouton plein écran et désactivez les barres de défilement.</p>
<h2 id="apres-la-jam-1" tabindex="-1">Après la jam <a class="header-anchor" href="#apres-la-jam-1" aria-label="Permalink to &quot;Après la jam&quot;"></a></h2>
<p>Pendant la première semaine, répondez à tous les retours afin d'établir de bonnes relations et de progresser. Jouez aux autres créations et notez-les, car la communauté est importante. Publiez un journal de développement pour partager votre expérience et expliquer ce qui a fonctionné ou non. Mettez en ligne des clips de gameplay pour attirer davantage de regards sur votre jeu.</p>
<p>Au cours du premier mois, corrigez les bugs signalés par les joueurs, apportez de petites améliorations de finition demandant peu d'efforts mais ayant un impact important, puis racontez votre expérience de la jam sur les réseaux sociaux avec des GIF.</p>
<p>À long terme, si le jeu semble prometteur, regroupez les retours par thèmes pour déterminer ce que les joueurs ont régulièrement apprécié ou non. Évaluez s'il est possible d'en faire un jeu plus ambitieux. Planifiez une version post-jam plus riche et plus aboutie. Envisagez une monétisation à prix libre sur itch.io ou une sortie sur Steam.</p>
<p>Voici quelques signes indiquant que votre jeu de jam pourrait devenir plus ambitieux : les joueurs demandent davantage de contenu, des streamers commencent à y jouer, les notes sont élevées par rapport à celles de jeux similaires, le projet vous enthousiasme toujours plusieurs semaines plus tard et il existe une manière évidente de multiplier le contenu par dix.</p>
<h2 id="ressources" tabindex="-1">Ressources <a class="header-anchor" href="#ressources" aria-label="Permalink to &quot;Ressources&quot;"></a></h2>
<p>Pour les communautés, consultez <a href="https://reddit.com/r/gamejams" target="_blank" rel="noreferrer">r/gamejams</a> afin de participer aux discussions sur les jams en cours, <a href="https://reddit.com/r/ludumdare" target="_blank" rel="noreferrer">r/ludumdare</a> pour les échanges consacrés à LD, <a href="https://itch.io/jams" target="_blank" rel="noreferrer">les jams itch.io</a> pour trouver et rejoindre des jams, et <a href="https://gamedevjs.com" target="_blank" rel="noreferrer">Gamedev.js</a> pour la communauté de création de jeux en JavaScript.</p>
<p>Pour les outils, <a href="https://kenney.nl" target="_blank" rel="noreferrer">Kenney Assets</a> propose des ressources de jeu gratuites, <a href="https://opengameart.org" target="_blank" rel="noreferrer">OpenGameArt</a> contient des éléments graphiques et audio sous licence Creative Commons, <a href="https://freesound.org" target="_blank" rel="noreferrer">Freesound</a> propose des effets sonores et <a href="https://itch.io/docs/butler/" target="_blank" rel="noreferrer">itch.io Butler</a> est une interface en ligne de commande permettant des mises en ligne rapides.</p>
<p>Pour apprendre, consultez les <a href="/fr/tutorials/">tutoriels Cinevva</a> pour obtenir des guides sur la création de jeux web, le <a href="/fr/guides/web-game-engines-comparison.html">comparatif des moteurs de jeux web</a> afin de choisir vos outils et le guide <a href="/fr/guides/itch-io-launch-guide.html">Comment lancer un jeu sur itch.io</a> pour optimiser la page de votre jeu.</p>
<h2 id="votre-prochaine-jam" tabindex="-1">Votre prochaine jam <a class="header-anchor" href="#votre-prochaine-jam" aria-label="Permalink to &quot;Votre prochaine jam&quot;"></a></h2>
<p>Avant la jam, installez et testez vos outils, préparez un modèle de projet, rassemblez des packs de ressources si le règlement l'autorise, constituez votre équipe ou décidez de participer en solo, puis réservez ce créneau dans votre calendrier.</p>
<p>Pendant la jam, consacrez au maximum 30 minutes à la réflexion autour du thème, prototypez d'abord la mécanique principale, testez tôt et souvent, ajoutez le son avant le dernier jour et gardez au moins une heure pour l'envoi.</p>
<p>Après la jam, envoyez votre jeu sur la page de l'événement, mettez en ligne des clips de gameplay, jouez aux autres créations et notez-les, répondez aux retours et rédigez un journal de développement sur votre expérience.</p>
<h2 id="lancez-vous" tabindex="-1">Lancez-vous <a class="header-anchor" href="#lancez-vous" aria-label="Permalink to &quot;Lancez-vous&quot;"></a></h2>
<p>Parcourez les jams à venir sur <a href="https://itch.io/jams" target="_blank" rel="noreferrer">itch.io/jams</a>. Choisissez-en une qui correspond à votre emploi du temps et à vos centres d'intérêt. Préparez vos outils à l'aide de ce guide. Créez quelque chose d'exceptionnel en 48 à 72 heures. Partagez-le et regardez les joueurs le découvrir.</p>
<p>Les game jams sont le berceau des jeux indépendants. Votre prochain jeu de jam pourrait être le début d'une grande aventure.</p>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quelles-game-jams-conviennent-le-mieux-aux-debutants" tabindex="-1">Quelles game jams conviennent le mieux aux débutants ? <a class="header-anchor" href="#quelles-game-jams-conviennent-le-mieux-aux-debutants" aria-label="Permalink to &quot;Quelles game jams conviennent le mieux aux débutants ?&quot;"></a></h3>
<p>Commencez par une jam dotée d'une grande communauté accueillante et de règles flexibles, car c'est dans ce contexte qu'une première participation imparfaite sera la mieux reçue. La Global Game Jam est la porte d'entrée la plus accessible, avec des sites locaux et une participation à distance, des mentors disponibles et aucune exigence de finition. Ludum Dare est presque aussi accessible aux débutants et se déroule deux fois par an, avec une immense communauté de joueurs qui notent chaque participation. Si vous êtes développeur web, la Gamedev.js Jam et js13kGames vous accordent des délais généreux dans un environnement exclusivement HTML5. La jam « Finally Finish Something » d'itch.io vise quant à elle à terminer un projet plutôt qu'à gagner. Pour votre première participation, choisissez une jam plus longue afin de ne pas devoir lutter contre le temps tout en apprenant encore.</p>
<h3 id="combien-de-temps-durent-les-game-jams" tabindex="-1">Combien de temps durent les game jams ? <a class="header-anchor" href="#combien-de-temps-durent-les-game-jams" aria-label="Permalink to &quot;Combien de temps durent les game jams ?&quot;"></a></h3>
<p>Leur durée varie de quelques heures à un mois complet, mais les plus célèbres se concentrent généralement sur un week-end. La Global Game Jam et la GMTK durent 48 heures, tandis que Ludum Dare accorde 48 heures aux participants en solo ou 72 heures aux équipes. Il existe des formats plus longs pour celles et ceux qui souhaitent davantage de marge : la Pirate Software Game Jam dure 14 jours, js13kGames s'étend sur 30 jours et certaines jams d'itch.io se déroulent tranquillement sur une année entière. Adaptez la durée à votre emploi du temps et à votre expérience, car un sprint de 48 heures et une jam de deux semaines exigent des rythmes très différents.</p>
<h3 id="les-jeux-de-jam-trouvent-ils-vraiment-des-joueurs" tabindex="-1">Les jeux de jam trouvent-ils vraiment des joueurs ? <a class="header-anchor" href="#les-jeux-de-jam-trouvent-ils-vraiment-des-joueurs" aria-label="Permalink to &quot;Les jeux de jam trouvent-ils vraiment des joueurs ?&quot;"></a></h3>
<p>Oui, plus que vous ne l’imaginez pendant la période de notation. Dans une jam réunissant des milliers de participants, tout le monde joue aux créations des autres et les évalue. Un jeu solide peut donc attirer des centaines de parties dès la première semaine, sans aucune promotion extérieure. Les jeux web sont particulièrement efficaces ici, car les membres du jury peuvent jouer en un clic au lieu de devoir télécharger quoi que ce soit. Le problème, c’est que l’attention retombe rapidement une fois la période de notation terminée. Pour obtenir des parties, vous devez donc soumettre votre jeu à temps, évaluer les autres créations afin d’attirer l’attention sur la vôtre et publier une courte vidéo de gameplay pendant que la jam est encore d’actualité. De nombreux succès ont commencé ainsi, de Celeste à Superhot.</p>
<h3 id="quel-moteur-utiliser-pour-une-jam-de-48-heures" tabindex="-1">Quel moteur utiliser pour une jam de 48 heures ? <a class="header-anchor" href="#quel-moteur-utiliser-pour-une-jam-de-48-heures" aria-label="Permalink to &quot;Quel moteur utiliser pour une jam de 48 heures ?&quot;"></a></h3>
<p>Celui que vous connaissez déjà. Une jam de 48 heures récompense davantage la maîtrise que la puissance brute : ce n’est donc pas le week-end idéal pour apprendre à utiliser un nouveau moteur. Quel que soit votre choix, privilégiez un outil capable d’exporter proprement vers le web, car une création jouable dans le navigateur obtiendra bien plus de parties et d’évaluations qu’un jeu à télécharger. Pour la 2D, Godot, Phaser et Pixi.js offrent tous de bonnes possibilités d’exportation vers le web. Pour la 3D, Three.js, Babylon.js et PlayCanvas sont d’excellents choix. Si vous préférez ne pas coder, GDevelop et Construct permettent de créer des jeux HTML5 sans code, tandis qu’un outil piloté par prompts comme Cinevva peut générer en quelques minutes un jeu web 3D jouable qui vous servira de base.</p>
<BuildCta
  title="Entraînez-vous dès maintenant à créer rapidement pour une jam"
  desc="Un prototype jouable réalisé en quelques minutes constitue un bon échauffement pour une jam de 48 heures."
  prompt="Crée un prototype de game jam dans lequel la gravité s’inverse toutes les 10 secondes" />
<h2 id="contenus-associes" tabindex="-1">Contenus associés <a class="header-anchor" href="#contenus-associes" aria-label="Permalink to &quot;Contenus associés&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — des packs de ressources CC0 prêts pour les jeux de jam</li>
<li><a href="/fr/tutorials/agentic-code-tools.html">Outils de programmation par IA agentique</a> — utiliser Claude Code, Cursor et Copilot pour créer plus rapidement pendant les jams</li>
<li><a href="/fr/guides/kickstarter-for-indie-games.html">Kickstarter pour les jeux indépendants</a> — transformer un jeu de jam réussi en projet financé</li>
<li><a href="/fr/guides/co-op-game-design.html">Conception de jeux en coopération</a> — les jeux de jam en coopération attirent davantage l’attention et d’évaluations</li>
<li><a href="/fr/tutorials/canvas-2d-game-loop.html">Boucle de jeu Canvas 2D</a> — la base la plus simple pour un jeu de jam réalisé en 48 heures</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/game-jams-hackathons.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Comment lancer votre jeu sur itch.io (guide 2026)]]></title>
            <link>https://app.cinevva.com/fr/guides/itch-io-launch-guide</link>
            <guid>https://app.cinevva.com/fr/guides/itch-io-launch-guide</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment lancer, promouvoir et développer votre jeu indépendant sur itch.io en 2026 - création de la page, tarification, tags, devlogs et visibilité.]]></description>
            <content:encoded><![CDATA[<h1 id="comment-lancer-votre-jeu-sur-itch-io-guide-2026" tabindex="-1">Comment lancer votre jeu sur itch.io (guide 2026) <a class="header-anchor" href="#comment-lancer-votre-jeu-sur-itch-io-guide-2026" aria-label="Permalink to &quot;Comment lancer votre jeu sur itch.io (guide 2026)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Ce guide rassemble tout ce que j’ai appris sur le lancement de jeux sur itch.io. De la création de la page à la tarification, en passant par la visibilité, voici les stratégies qui fonctionnent réellement.</p>
<h2 id="pourquoi-itch-io" tabindex="-1">Pourquoi itch.io ? <a class="header-anchor" href="#pourquoi-itch-io" aria-label="Permalink to &quot;Pourquoi itch.io ?&quot;"></a></h2>
<p>itch.io est une plateforme où les jeux indépendants prospèrent. Il n’y a pratiquement aucun filtrage à l’entrée, ce qui permet à n’importe qui de publier, avec toutefois une réserve qu’il vaut mieux connaître dès le départ : depuis la mi-2025, itch.io a durci son traitement des contenus pour adultes/NSFW. Sous la pression de ses prestataires de paiement, la plateforme a déréférencé les contenus pour adultes en juillet 2025 et exige désormais que les pages NSFW ajoutent un avertissement de contenu pour pouvoir apparaître dans les recherches, tandis que les contenus payants pour adultes restent soumis à des restrictions. Pour l’immense majorité des jeux non destinés aux adultes, rien de tout cela ne s’applique et la publication reste aussi ouverte qu’auparavant. La tarification est flexible : gratuit, prix fixe ou prix libre. Vous définissez vous-même la part de revenus reversée à la plateforme, même 0 % si vous souhaitez tout conserver. Les jeux web s’exécutent directement dans le navigateur. La communauté recherche activement des jeux indépendants. Et l’écosystème des game jams vous offre d’emblée de la visibilité et des retours.</p>
<p>Ce n’est pas Steam, et c’est justement tout l’intérêt. itch.io récompense l’expérimentation ainsi que les créateurs qui interagissent avec la communauté.</p>
<h2 id="avant-de-publier" tabindex="-1">Avant de publier <a class="header-anchor" href="#avant-de-publier" aria-label="Permalink to &quot;Avant de publier&quot;"></a></h2>
<p>Vous devez préparer quelques éléments avant de cliquer sur « Publier ». Au minimum, il vous faut un jeu jouable (téléchargeable ou jouable dans le navigateur), une image de couverture de 630 × 500 pixels, au moins 3 captures d’écran, une description ainsi qu’un genre et des tags.</p>
<p>Pour réussir davantage votre lancement, ajoutez une bande-annonce ou un GIF de gameplay, une description détaillée présentant les fonctionnalités, un dossier de presse, des comptes sur les réseaux sociaux et, éventuellement, un serveur Discord.</p>
<p>Pour obtenir les meilleurs résultats, planifiez vos devlogs à l’avance, préparez une liste de créateurs de contenu et de journalistes à contacter, rédigez votre annonce de lancement et commencez à fédérer une communauté avant la sortie.</p>
<h2 id="votre-page-est-votre-vitrine" tabindex="-1">Votre page est votre vitrine <a class="header-anchor" href="#votre-page-est-votre-vitrine" aria-label="Permalink to &quot;Votre page est votre vitrine&quot;"></a></h2>
<p>C’est sur cette page que les visiteurs décident s’ils vont jouer à votre jeu. Chaque élément compte.</p>
<h3 id="image-de-couverture" tabindex="-1">Image de couverture <a class="header-anchor" href="#image-de-couverture" aria-label="Permalink to &quot;Image de couverture&quot;"></a></h3>
<p>Votre image de couverture est l’élément visuel le plus important. Elle apparaît dans les pages de navigation, les résultats de recherche, les collections et les aperçus sur les réseaux sociaux. Avec un format de 630 × 500 pixels (ou 315 × 250 au minimum), elle doit rester efficace sous forme de miniature.</p>
<p>Assurez-vous qu’elle reste lisible en petit format. Testez-la à l’échelle d’une miniature. Faites ressortir l’ambiance de votre jeu grâce au style graphique, à l’atmosphère et aux codes visuels du genre. Ajoutez le titre et veillez à ce qu’il soit lisible. Utilisez des couleurs franches et un point focal clair pour vous démarquer parmi une grille d’autres jeux.</p>
<h3 id="captures-d-ecran-et-contenus-multimedias" tabindex="-1">Captures d’écran et contenus multimédias <a class="header-anchor" href="#captures-d-ecran-et-contenus-multimedias" aria-label="Permalink to &quot;Captures d’écran et contenus multimédias&quot;"></a></h3>
<p>Pour inspirer confiance, il vous faut au minimum 3 à 5 captures d’écran. Un GIF montrant le gameplay en mouvement est également très utile. Pour un lancement ambitieux, ajoutez une bande-annonce de 30 à 90 secondes.</p>
<p>Pour les captures d’écran, montrez le gameplay réel, pas les menus. Saisissez des moments captivants. Conservez un format d’image cohérent. Affichez l’interface si elle est esthétique.</p>
<p>Pour les GIF, visez 5 à 15 secondes d’action. Gardez-les sous les 10 Mo pour qu’ils se chargent rapidement. Montrez la boucle de gameplay principale. Veillez à ce qu’ils tournent en boucle de manière fluide.</p>
<h3 id="description" tabindex="-1">Description <a class="header-anchor" href="#description" aria-label="Permalink to &quot;Description&quot;"></a></h3>
<p>Structurez votre description pour les personnes qui la parcourent rapidement. Commencez par une phrase d’accroche percutante. Poursuivez avec une phrase expliquant le genre, ce que fait le joueur et son objectif. Ajoutez ensuite 2 à 3 phrases pour développer le concept. Puis énumérez les fonctionnalités, les commandes et les crédits.</p>
<p>N’écrivez pas de pavés. Ne commencez pas par « C’est mon premier jeu… » et ne soyez pas excessivement modeste. Surtout, n’oubliez pas d’expliquer ce qu’est réellement votre jeu. Les visiteurs doivent comprendre dans quoi ils s’engagent.</p>
<h3 id="tags" tabindex="-1">Tags <a class="header-anchor" href="#tags" aria-label="Permalink to &quot;Tags&quot;"></a></h3>
<p>Les tags déterminent où votre jeu apparaît dans la section de navigation. Utilisez tous les tags pertinents. Soyez précis : ne choisissez pas seulement « action », mais plutôt « top-down-shooter ». Ajoutez des tags d’accessibilité si nécessaire. Utilisez des tags de multijoueur ou de coopération locale si cela s’applique. Choisissez des tags populaires auxquels votre jeu correspond réellement.</p>
<p>Parmi les tags à forte valeur ajoutée, pensez aux genres précis comme roguelike, metroidvania ou visual-novel ; aux styles graphiques comme pixel-art, low-poly ou hand-drawn ; aux thèmes comme horror, cozy ou atmospheric ; aux modes multijoueurs comme local-multiplayer ou online-co-op ; et aux fonctionnalités d’accessibilité comme colorblind-friendly ou one-button.</p>
<h3 id="metadonnees" tabindex="-1">Métadonnées <a class="header-anchor" href="#metadonnees" aria-label="Permalink to &quot;Métadonnées&quot;"></a></h3>
<p>Remplissez tous les champs. Indiquez le genre, le moteur et les outils utilisés, autant de tags pertinents que possible, toutes les langues prises en charge, les fonctionnalités d’accessibilité comme les commandes configurables, ainsi que le mode de jeu (solo, local ou en ligne). Plus vos métadonnées sont complètes, plus votre jeu est facile à découvrir.</p>
<h2 id="tarification" tabindex="-1">Tarification <a class="header-anchor" href="#tarification" aria-label="Permalink to &quot;Tarification&quot;"></a></h2>
<p>itch.io vous propose trois modèles tarifaires : gratuit, prix libre et prix fixe. Chacun convient à des situations différentes.</p>
<p>itch.io fonctionne avec un modèle ouvert de partage des revenus : la part par défaut est d’environ 10 %, mais vous choisissez vous-même le pourcentage, de 0 % à 100 %. Quelques fois par an, itch.io organise également le Creator Day, un événement de 24 heures durant lequel la plateforme renonce entièrement à sa commission afin que vous conserviez 100 % des ventes, après déduction des frais des prestataires de paiement et des taxes. Il peut être intéressant de faire coïncider une promotion ou une annonce de lancement avec cet événement. Le plus récent a eu lieu le 28 novembre 2025.</p>
<h3 id="le-prix-libre-convient-le-mieux-a-la-plupart-des-jeux" tabindex="-1">Le prix libre convient le mieux à la plupart des jeux <a class="header-anchor" href="#le-prix-libre-convient-le-mieux-a-la-plupart-des-jeux" aria-label="Permalink to &quot;Le prix libre convient le mieux à la plupart des jeux&quot;"></a></h3>
<p>Le prix libre avec un minimum de 0 $ donne généralement de meilleurs résultats qu’un prix fixe pour les jeux indépendants. Dans leurs bilans post-mortem, les créateurs qui communiquent leurs chiffres font régulièrement état de plusieurs fois plus de téléchargements qu’avec un prix fixe, entre un dixième et un tiers des personnes ayant téléchargé le jeu choisissant de payer. Malgré un montant moyen inférieur par acheteur, les revenus totaux finissent souvent par être plus élevés. Ces tendances proviennent de bilans post-mortem partagés par des créateurs et non de statistiques officielles d’itch.io : considérez-les donc comme une indication, pas comme une garantie.</p>
<p>Pour optimiser le prix libre, fixez un prix suggéré afin de donner un point de référence. Pour les jeux courts de moins de 30 minutes, suggérez 2 à 5 $. Pour les jeux de durée moyenne, entre 1 et 3 heures, suggérez 5 à 10 $. Pour les jeux complets de plus de 5 heures, suggérez 10 à 20 $.</p>
<p>Expliquez en quoi le soutien des joueurs vous aide. Par exemple : « Ce jeu est à prix libre ! Chaque contribution m’aide à créer d’autres jeux et à continuer de proposer des mises à jour. » Offrez également des avantages aux personnes qui paient : contenu bonus, bande originale, PDF sur les coulisses du développement ou nom dans les crédits.</p>
<h3 id="quand-un-prix-fixe-est-pertinent" tabindex="-1">Quand un prix fixe est pertinent <a class="header-anchor" href="#quand-un-prix-fixe-est-pertinent" aria-label="Permalink to &quot;Quand un prix fixe est pertinent&quot;"></a></h3>
<p>Utilisez un prix fixe lorsque vous disposez déjà d’un public, que le jeu est très abouti, qu’il offre beaucoup de contenu (plus de 5 heures) ou que vous avez besoin de revenus prévisibles.</p>
<p>Côté tarifs, 2 à 5 $ conviennent aux jeux courts et aux prototypes. Comptez 5 à 10 $ pour les jeux de durée moyenne destinés à un public de niche. Visez 10 à 20 $ pour les jeux complets très aboutis. Un tarif de 20 $ ou plus convient aux jeux de grande ampleur créés par des studios ou des créateurs reconnus.</p>
<h3 id="les-jeux-gratuits-peuvent-tout-de-meme-rapporter-de-l-argent" tabindex="-1">Les jeux gratuits peuvent tout de même rapporter de l’argent <a class="header-anchor" href="#les-jeux-gratuits-peuvent-tout-de-meme-rapporter-de-l-argent" aria-label="Permalink to &quot;Les jeux gratuits peuvent tout de même rapporter de l’argent&quot;"></a></h3>
<p>La gratuité est pertinente pour les projets de portfolio, les participations à des game jams, les projets expérimentaux ou la constitution d’un public en vue de futurs jeux payants. Mais même les jeux gratuits reçoivent des dons. itch.io a indiqué qu’une part significative des dépenses effectuées sur la plateforme provenait de personnes payant plus que le minimum demandé. Laissez donc la possibilité de faire un don.</p>
<h2 id="gagner-en-visibilite" tabindex="-1">Gagner en visibilité <a class="header-anchor" href="#gagner-en-visibilite" aria-label="Permalink to &quot;Gagner en visibilité&quot;"></a></h2>
<p>itch.io ne dispose pas du système de promotion algorithmique de Steam. C’est à vous de créer votre propre visibilité.</p>
<p>La découverte passe par la recherche (alimentée par les tags, le titre et la description), la rubrique des jeux populaires (alimentée par les téléchargements, les notes et la récence), les nouveautés (alimentées par la date de publication), les collections (lorsque des joueurs ajoutent votre jeu), les devlogs (vos actualités) et, occasionnellement, les sélections éditoriales (les coups de cœur de l’équipe, qui relèvent surtout de la chance).</p>
<h3 id="etre-indexe" tabindex="-1">Être indexé <a class="header-anchor" href="#etre-indexe" aria-label="Permalink to &quot;Être indexé&quot;"></a></h3>
<p>Votre jeu doit être indexé pour apparaître dans les recherches et les pages de navigation. Il doit être publié publiquement (et non en mode non répertorié), proposer un contenu jouable ou téléchargeable, disposer d’une image de couverture, ne pas être une simple page temporaire et respecter les règles relatives au contenu.</p>
<p>Certains éléments empêchent l’indexation : les pages contenant uniquement un lien externe, l’absence de téléchargement ou de contenu jouable, le réglage de visibilité « non répertorié » et l’absence d’image de couverture. Si votre jeu est marqué comme contenu pour adultes/NSFW, une étape supplémentaire est nécessaire : depuis 2025, itch.io exige que ces pages ajoutent un avertissement de contenu pour être indexées. Les contenus payants pour adultes sont actuellement exclus des recherches pendant qu’itch.io travaille avec ses prestataires de paiement. Les jeux non destinés aux adultes ne sont pas concernés.</p>
<p>Autre point à connaître si vous vendez pour la première fois : les nouveaux comptes vendeurs passent par une courte file d’examen avant que leur premier projet payant soit indexé, généralement pendant quelques jours ouvrés. Les vendeurs déjà établis évitent cette étape. Si votre date de lancement est importante, publiez ou configurez votre compte vendeur suffisamment tôt pour laisser le temps à cet examen d’aboutir.</p>
<h3 id="le-coup-de-pouce-des-«-plus-recents-»" tabindex="-1">Le coup de pouce des « plus récents » <a class="header-anchor" href="#le-coup-de-pouce-des-«-plus-recents-»" aria-label="Permalink to &quot;Le coup de pouce des « plus récents »&quot;"></a></h3>
<p>Lors de votre première publication, vous apparaissez dans la rubrique des contenus « les plus récents », ce qui vous apporte un petit gain de visibilité. Cela ne se produit qu’une fois, le choix du moment est donc important.</p>
<p>Publiez lorsque votre page est terminée. Ne publiez pas trop tôt en comptant la mettre à jour ensuite, car vous ne bénéficiez qu’une seule fois de l’effet « nouveauté ». Évitez les week-ends, lorsque davantage de jeux sortent. Tenez compte du fuseau horaire de votre public cible.</p>
<h3 id="les-devlogs-sont-votre-arme-secrete" tabindex="-1">Les devlogs sont votre arme secrète <a class="header-anchor" href="#les-devlogs-sont-votre-arme-secrete" aria-label="Permalink to &quot;Les devlogs sont votre arme secrète&quot;"></a></h3>
<p>Les devlogs apparaissent dans le fil de vos abonnés et dans les sections consacrées aux devlogs récents. Ils signalent un développement actif, renforcent la confiance de la communauté et améliorent le référencement.</p>
<p>Publiez pendant le développement pour susciter l’attente. Publiez au moment de la sortie pour annoncer le lancement. Continuez après la sortie pour présenter les mises à jour et les nouvelles fonctionnalités. Pendant les périodes de développement actif, visez 1 à 2 publications par mois.</p>
<p>Parmi les bons sujets figurent les coulisses du développement, les nouvelles fonctionnalités et les nouveaux contenus, vos réponses aux retours des joueurs, les difficultés techniques que vous avez résolues, la présentation des graphismes et de la musique, ainsi que les paliers de ventes atteints, sans oublier de remercier vos joueurs.</p>
<h2 id="game-jams" tabindex="-1">Game jams <a class="header-anchor" href="#game-jams" aria-label="Permalink to &quot;Game jams&quot;"></a></h2>
<p>Les game jams constituent le meilleur moyen d’obtenir de la visibilité sur itch.io. Elles vous donnent accès à un public existant pouvant générer des milliers de vues en quelques jours, à une galerie dédiée dans laquelle votre jeu peut être parcouru, à des retours sous forme de notes et de commentaires, à des occasions de réseautage avec d’autres créateurs, à des projets de portfolio illustrant votre polyvalence et à un contexte sans grand enjeu permettant de prototyper librement.</p>
<h3 id="strategie-pour-les-jams" tabindex="-1">Stratégie pour les jams <a class="header-anchor" href="#strategie-pour-les-jams" aria-label="Permalink to &quot;Stratégie pour les jams&quot;"></a></h3>
<p>Pour choisir une jam, sachez que les grands événements comme Ludum Dare et GMTK attirent davantage de visiteurs, mais aussi plus de concurrents. Les jams plus petites ou spécialisées vous offrent de meilleures chances de vous démarquer. Les jams dont le thème correspond à vos compétences vous permettent de tirer parti de vos points forts.</p>
<p>Pendant la jam, publiez votre progression sur les réseaux sociaux, utilisez les hashtags de l’événement, documentez votre processus et échangez avec les autres participants.</p>
<p>Soignez votre page, même s’il s’agit d’un jeu de jam. De bonnes captures d’écran sont importantes. Rédigez une description claire du jeu. Indiquez les commandes.</p>
<p>Après la jam, jouez aux autres créations et notez-les pour développer votre réseau. Répondez à tous les retours. Envisagez des mises à jour après la jam. Rédigez un devlog sur ce que vous avez appris.</p>
<p>Si vous organisez vous-même une jam, l’éditeur de thème des jams a bénéficié d’une importante mise à niveau en juillet 2026 : Google Fonts, couleurs indépendantes pour les boutons et les liens, réglages du rayon des angles et de l’image d’arrière-plan, ainsi que thèmes pouvant être copiés d’une jam à l’autre au format JSON. Une page de jam peut désormais être aussi soignée qu’une page de jeu.</p>
<h3 id="les-jeux-de-jam-peuvent-devenir-de-vrais-jeux" tabindex="-1">Les jeux de jam peuvent devenir de vrais jeux <a class="header-anchor" href="#les-jeux-de-jam-peuvent-devenir-de-vrais-jeux" aria-label="Permalink to &quot;Les jeux de jam peuvent devenir de vrais jeux&quot;"></a></h3>
<p>De nombreux jeux indépendants à succès ont commencé comme des participations à des jams. Celeste était à l’origine un jeu de jam. Superhot a commencé sous la forme d’un prototype réalisé en 7 jours. Hollow Knight est issu d’un concept de jam.</p>
<p>La marche à suivre est la suivante : recueillez les retours, identifiez ce qui a fonctionné, peaufinez et développez le jeu, puis republiez-le comme titre indépendant.</p>
<h2 id="faire-du-marketing-sans-budget" tabindex="-1">Faire du marketing sans budget <a class="header-anchor" href="#faire-du-marketing-sans-budget" aria-label="Permalink to &quot;Faire du marketing sans budget&quot;"></a></h2>
<p>Vous n’avez pas besoin d’un budget pour promouvoir votre jeu sur itch.io. Vous devez surtout faire preuve de régularité.</p>
<h3 id="reseaux-sociaux" tabindex="-1">Réseaux sociaux <a class="header-anchor" href="#reseaux-sociaux" aria-label="Permalink to &quot;Réseaux sociaux&quot;"></a></h3>
<p>Soyez présent sur Twitter/X pour profiter de la plus grande communauté de créateurs de jeux. Utilisez Reddit, notamment r/indiegaming, r/playmygame et les subreddits consacrés à votre genre. Essayez TikTok pour les courtes vidéos de gameplay. Créez un serveur Discord et rejoignez les communautés pertinentes. Publiez des devlogs et des bandes-annonces sur YouTube.</p>
<p>Pour votre calendrier éditorial, publiez chaque semaine à l’occasion du Screenshot Saturday et partagez des nouvelles de votre progression. Publiez des devlogs toutes les deux semaines. Annoncez les étapes importantes chaque mois.</p>
<p>Publiez des GIF de gameplay, les coulisses du développement, les difficultés rencontrées, des comparaisons avant/après, des mèmes sur votre jeu et les réactions des joueurs.</p>
<h3 id="contacter-des-createurs-de-contenu" tabindex="-1">Contacter des créateurs de contenu <a class="header-anchor" href="#contacter-des-createurs-de-contenu" aria-label="Permalink to &quot;Contacter des créateurs de contenu&quot;"></a></h3>
<p>Les micro-influenceurs comptant entre 1 000 et 50 000 abonnés sont vos alliés. Trouvez-les en recherchant « jeux indépendants [votre genre] » sur YouTube, en repérant les streamers qui jouent à des titres similaires et en vérifiant qui a présenté des jeux comparables au vôtre.</p>
<p>Lorsque vous les contactez, personnalisez chaque e-mail. Montrez que vous connaissez leur contenu. Facilitez-leur la tâche en incluant tous les liens. Soyez concis. N’envoyez pas d’e-mails en masse, n’exigez pas qu’ils parlent de votre jeu et ne leur imposez pas de délai. Faites une seule relance, poliment.</p>
<p>Un modèle simple suffit : présentez-vous, mentionnez que vous avez remarqué qu’ils couvrent votre genre, décrivez votre jeu en une phrase, expliquez ce qui le rend unique, proposez une clé gratuite sans aucune pression et ajoutez les liens vers votre page et votre dossier de presse.</p>
<h3 id="presse" tabindex="-1">Presse <a class="header-anchor" href="#presse" aria-label="Permalink to &quot;Presse&quot;"></a></h3>
<p>Pour les lancements plus ambitieux, contactez des médias spécialisés dans les jeux indépendants comme IndieGamesPlus, Rock Paper Shotgun, la rubrique indépendante de Kotaku et les sites consacrés à votre genre. Les mêmes principes que pour les créateurs de contenu s’appliquent : personnalisez votre message, soyez concis et facilitez leur travail.</p>
<h2 id="calendrier-de-lancement" tabindex="-1">Calendrier de lancement <a class="header-anchor" href="#calendrier-de-lancement" aria-label="Permalink to &quot;Calendrier de lancement&quot;"></a></h2>
<p>Trois à six mois avant le lancement, commencez à développer votre présence sur les réseaux sociaux, rejoignez les communautés pertinentes, publiez vos premiers devlogs et gagnez des abonnés.</p>
<p>Un à deux mois avant, finalisez les éléments de votre page comme les captures d’écran et la bande-annonce, préparez votre dossier de presse, établissez votre liste de créateurs de contenu et de journalistes, puis annoncez votre date de sortie.</p>
<p>Une à deux semaines avant, envoyez des clés aux créateurs de contenu et à la presse, programmez vos publications de lancement, préparez votre devlog de sortie et apportez les dernières finitions à votre page.</p>
<p>Le jour du lancement, publiez le jeu, diffusez votre annonce partout, répondez à tous les commentaires, surveillez les éventuels bugs et remerciez les premiers joueurs.</p>
<p>Pendant la première semaine suivant le lancement, répondez à tous les retours, corrigez immédiatement les bugs critiques, publiez un devlog de mise à jour et partagez les avis positifs.</p>
<p>Après le lancement, continuez à publier régulièrement des mises à jour, échangez avec la communauté, planifiez de futurs contenus et envisagez des promotions et des bundles.</p>
<h2 id="erreurs-courantes" tabindex="-1">Erreurs courantes <a class="header-anchor" href="#erreurs-courantes" aria-label="Permalink to &quot;Erreurs courantes&quot;"></a></h2>
<p>Concernant la page, ne publiez pas avant qu’elle soit prête. Ne négligez pas l’image de couverture et n’en utilisez pas une de mauvaise qualité. N’écrivez pas de descriptions sous forme de pavés. Ne lancez pas votre jeu sans captures d’écran. N’utilisez pas de tags inadaptés et n’oubliez pas d’en ajouter.</p>
<p>Concernant le marketing, n’attendez pas le lancement pour commencer votre communication. Ne vous contentez pas de publier une seule fois « le jeu est sorti ». Échangez avec la communauté. Ne comptez pas sur itch.io pour assurer votre marketing à votre place. N’ignorez pas les retours.</p>
<p>Concernant la tarification, ne fixez pas un prix élevé sans disposer d’un public établi. Ne sous-évaluez pas votre travail en vendant 0,99 $ un jeu offrant plus de 10 heures de contenu. Définissez toujours un prix suggéré pour le prix libre. Organisez occasionnellement des promotions.
Pour les erreurs de développement, ne laissez pas l’élargissement du périmètre repousser indéfiniment votre lancement. N’attendez pas que tout soit « parfait » avant de publier. Recueillez rapidement des retours. N’abandonnez pas le jeu après son lancement.</p>
<h2 id="statistiques" tabindex="-1">Statistiques <a class="header-anchor" href="#statistiques" aria-label="Permalink to &quot;Statistiques&quot;"></a></h2>
<p>Suivez les vues de la page (combien de personnes ont trouvé votre page), les téléchargements (combien ont essayé votre jeu), le taux de conversion (des vues aux téléchargements), le nombre d’évaluations (niveau d’engagement), la note moyenne (perception de la qualité), les revenus et les sources de trafic (d’où viennent les visiteurs).</p>
<h3 id="diagnostiquer-les-problemes" tabindex="-1">Diagnostiquer les problèmes <a class="header-anchor" href="#diagnostiquer-les-problemes" aria-label="Permalink to &quot;Diagnostiquer les problèmes&quot;"></a></h3>
<p>Si vous avez peu de vues, c’est un problème de marketing. Publiez davantage sur les réseaux sociaux, essayez de nouvelles communautés, utilisez de meilleurs hashtags et rédigez plus de journaux de développement.</p>
<p>Si vous avez beaucoup de vues mais peu de téléchargements, c’est un problème de page. Améliorez votre image de couverture, ajoutez de meilleures captures d’écran, rédigez une description plus claire et vérifiez votre tarification.</p>
<p>Si vous avez beaucoup de téléchargements mais peu d’évaluations, c’est un problème de qualité du jeu. Corrigez les bugs, améliorez le tutoriel et la prise en main, et traitez les critiques récurrentes.</p>
<h2 id="croissance-a-long-terme" tabindex="-1">Croissance à long terme <a class="header-anchor" href="#croissance-a-long-terme" aria-label="Permalink to &quot;Croissance à long terme&quot;"></a></h2>
<h3 id="developper-une-communaute" tabindex="-1">Développer une communauté <a class="header-anchor" href="#developper-une-communaute" aria-label="Permalink to &quot;Développer une communauté&quot;"></a></h3>
<p>Les abonnés itch.io sont précieux. Ils sont informés de vos nouvelles sorties, voient vos journaux de développement et sont susceptibles d’acheter vos futurs jeux.</p>
<p>Gagnez des abonnés en les invitant à vous suivre à la fin de vos jeux, en le mentionnant dans vos journaux de développement, en ajoutant des liens depuis les réseaux sociaux et en privilégiant la qualité à la quantité.</p>
<p>Si vous utilisez Patreon, l’intégration Patreon d’itch.io a été entièrement remaniée en juillet 2026 pour utiliser la nouvelle API de Patreon. L’accès à vos jeux est désormais accordé selon le niveau d’abonnement plutôt que le montant de la contribution, ce qui résout les anciens problèmes de conversion entre devises. C’est un moyen simple de fournir directement des versions anticipées à vos soutiens sur itch.io.</p>
<h3 id="votre-catalogue-produit-un-effet-cumulatif" tabindex="-1">Votre catalogue produit un effet cumulatif <a class="header-anchor" href="#votre-catalogue-produit-un-effet-cumulatif" aria-label="Permalink to &quot;Votre catalogue produit un effet cumulatif&quot;"></a></h3>
<p>Votre deuxième jeu sera plus facile à lancer que le premier. Vous avez déjà des abonnés, vous pouvez faire la promotion croisée de vos jeux, vous bénéficiez d’une réputation établie et vous avez acquis de nouvelles compétences.</p>
<p>La stratégie consiste à lancer un premier jeu et à gagner des abonnés, à promouvoir le jeu 2 auprès des joueurs du jeu 1, à regrouper les jeux en lots et à laisser chaque jeu développer votre communauté.</p>
<h3 id="promotions-et-lots" tabindex="-1">Promotions et lots <a class="header-anchor" href="#promotions-et-lots" aria-label="Permalink to &quot;Promotions et lots&quot;"></a></h3>
<p>Pour les promotions, une réduction de 20 à 50 % est courante. Organisez-les pendant les périodes de fêtes. Annoncez-les sur les réseaux sociaux. Mettez à jour votre journal de développement.</p>
<p>Les promotions saisonnières à l’échelle du site valent également la peine d’être rejointes. Depuis les soldes d’été 2026, itch.io propose un explorateur de promotions qui permet aux joueurs de parcourir les jeux soldés à l’aide de filtres de prix, d’exclusions de tags, de sélections de l’équipe et de recommandations personnalisées. Participer à une promotion améliore donc réellement la visibilité de votre jeu. L’inscription se fait en un clic : pendant les promotions actives à l’échelle du site, votre tableau de bord de créateur affiche un lien prérempli permettant d’ajouter une promotion.</p>
<p>Participer à des lots augmente votre visibilité, attire de nouveaux joueurs et fonctionne bien pour les jeux plus anciens. itch.io organise parfois des lots caritatifs auxquels il peut être intéressant de participer. L’hébergement des lots a été largement remanié en juillet 2026 : les organisateurs peuvent importer en masse des jeux à partir d’URL de jams ou de collections et réorganiser les projets par glisser-déposer, ce qui facilite nettement l’organisation des lots communautaires.</p>
<h2 id="les-jeux-web-sur-itch-io" tabindex="-1">Les jeux web sur itch.io <a class="header-anchor" href="#les-jeux-web-sur-itch-io" aria-label="Permalink to &quot;Les jeux web sur itch.io&quot;"></a></h2>
<p>Les jeux HTML5 et WebGL présentent plusieurs avantages sur itch.io. Ils peuvent être lancés instantanément, sans téléchargement. Ils sont adaptés aux appareils mobiles si vous prenez en charge les commandes tactiles. Ils sont faciles à partager grâce à des liens directs. Ils conviennent parfaitement aux jams, car ils sont rapides à essayer.</p>
<p>Pour l’optimisation, le temps de chargement est important : gardez donc le téléchargement initial aussi léger que possible. Affichez une barre de chargement ou un pourcentage. Testez votre jeu sur Chrome, Firefox, Safari et Edge. Ajoutez la prise en charge tactile si possible. Proposez un bouton plein écran.</p>
<p>Pour les paramètres d’intégration, utilisez une largeur de 960 px (ou la résolution native de votre jeu) et une hauteur de 540 px pour un format 16:9. Activez l’option adaptée aux appareils mobiles si votre jeu est responsive. Activez le bouton plein écran. Désactivez les barres de défilement.</p>
<p>Prenez connaissance des limites d’envoi avant de créer votre version. Votre archive ZIP HTML5 ne doit pas contenir plus de 1 000 fichiers après extraction, dépasser 500 Mo au total ni inclure un fichier individuel de plus de 200 Mo. Si votre version dépasse ces limites, réduisez les ressources ou chargez le contenu volumineux à la demande plutôt que de demander une augmentation des limites.</p>
<p>Pour les performances, chargez les ressources à la demande, compressez les textures, réduisez la taille de votre bundle JavaScript, utilisez efficacement WebGL et testez votre jeu sur des appareils moins puissants.</p>
<h2 id="ressources" tabindex="-1">Ressources <a class="header-anchor" href="#ressources" aria-label="Permalink to &quot;Ressources&quot;"></a></h2>
<p>Pour consulter la documentation officielle, rendez-vous sur la <a href="https://itch.io/docs/creators/" target="_blank" rel="noreferrer">documentation pour les créateurs itch.io</a>, le <a href="https://itch.io/docs/creators/getting-indexed" target="_blank" rel="noreferrer">guide d’indexation</a> et le <a href="https://itch.io/docs/creators/pricing" target="_blank" rel="noreferrer">guide de tarification</a>.</p>
<p>Pour échanger avec les communautés, consultez les <a href="https://itch.io/community" target="_blank" rel="noreferrer">forums de la communauté itch.io</a>, <a href="https://reddit.com/r/itchio" target="_blank" rel="noreferrer">r/itchio</a>, <a href="https://reddit.com/r/indiegaming" target="_blank" rel="noreferrer">r/indiegaming</a> et <a href="https://reddit.com/r/IndieDev" target="_blank" rel="noreferrer">r/IndieDev</a>.</p>
<p>Concernant les outils, <a href="https://itch.io/docs/butler/" target="_blank" rel="noreferrer">itch.io Butler</a> gère les envois grâce à des correctifs différentiels, afin que seules les modifications soient transférées lors des mises à jour. Depuis mai 2026, vous n’avez même plus besoin d’utiliser la ligne de commande : l’application itch (version 26.12.0 ou ultérieure) comprend une section d’envoi qui fournit une interface graphique à butler, avec un aperçu des fichiers modifiés avant chaque publication. <a href="https://dopresskit.com/" target="_blank" rel="noreferrer">Presskit()</a> génère des dossiers de presse.</p>
<h2 id="la-version-courte" tabindex="-1">La version courte <a class="header-anchor" href="#la-version-courte" aria-label="Permalink to &quot;La version courte&quot;"></a></h2>
<p>Avant le lancement, assurez-vous que votre jeu est jouable et suffisamment abouti, que votre page dispose d’une excellente image de couverture, que vous avez au moins 3 captures d’écran et, si possible, un GIF ou une bande-annonce, que votre description est claire et facile à parcourir, que tous les tags pertinents sont sélectionnés, que vous avez défini votre tarification, que vous avez commencé à développer votre présence sur les réseaux sociaux et que vous avez publié des journaux de développement.</p>
<p>Au moment du lancement, votre page doit être entièrement terminée et publiée publiquement. Vous devez annoncer la sortie partout et répondre aux commentaires.</p>
<p>Après le lancement, répondez aux retours, corrigez rapidement les bugs, continuez à publier des journaux de développement et préparez votre prochaine sortie.</p>
<p>La plupart des jeux indépendants à succès ont mis des années et nécessité plusieurs sorties avant de trouver leur public. Votre premier jeu ne sera probablement pas un succès, et ce n’est pas grave. Chaque sortie vous permet d’apprendre, de développer votre communauté et de vous rapprocher du jeu qui percera.</p>
<p>Publiez. Apprenez. Recommencez.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="comment-faire-connaitre-mon-jeu-sur-itch-io" tabindex="-1">Comment faire connaître mon jeu sur itch.io ? <a class="header-anchor" href="#comment-faire-connaitre-mon-jeu-sur-itch-io" aria-label="Permalink to &quot;Comment faire connaître mon jeu sur itch.io ?&quot;"></a></h3>
<p>Les tags sont le levier le plus important que la plupart des créateurs négligent. Les pages de découverte d’itch.io sont organisées par tags, et c’est ainsi que la plupart des joueurs trouvent de nouveaux jeux. Choisissez tous les tags pertinents, pas seulement les plus évidents. Ensuite viennent les journaux de développement. Chaque publication fait remonter votre jeu dans les fils d’actualité et fournit aux moteurs de recherche davantage de contenu à indexer. Participez également à des game jams : c’est le moyen le plus rapide de gagner en visibilité lorsque vous partez de zéro. Soignez aussi votre image de couverture. C’est la première chose que les gens voient lorsqu’ils font défiler la page, et la plupart décident en moins d’une seconde s’ils vont cliquer.</p>
<h3 id="peut-on-gagner-de-l-argent-sur-itch-io" tabindex="-1">Peut-on gagner de l’argent sur itch.io ? <a class="header-anchor" href="#peut-on-gagner-de-l-argent-sur-itch-io" aria-label="Permalink to &quot;Peut-on gagner de l’argent sur itch.io ?&quot;"></a></h3>
<p>Oui, mais adaptez vos attentes en conséquence. itch.io utilise par défaut un modèle de « prix libre », et la plateforme vous permet de conserver jusqu’à 100 % des revenus : c’est vous qui choisissez la part à lui reverser. Certains développeurs obtiennent de bons résultats avec des jeux premium vendus entre 5 et 15 $, notamment après avoir développé une communauté grâce à des sorties gratuites et des participations à des jams. La plateforme ne vous rendra pas riche du jour au lendemain, mais c’est l’un des rares endroits où vous conservez le contrôle total de la tarification et des paiements, pratiquement sans sélection à l’entrée.</p>
<h3 id="itch-io-convient-il-aux-jeux-par-navigateur" tabindex="-1">itch.io convient-il aux jeux par navigateur ? <a class="header-anchor" href="#itch-io-convient-il-aux-jeux-par-navigateur" aria-label="Permalink to &quot;itch.io convient-il aux jeux par navigateur ?&quot;"></a></h3>
<p>C’est honnêtement l’une des meilleures plateformes pour ce type de jeux. Les jeux par navigateur sont davantage joués sur itch.io, car aucun téléchargement ne vient freiner les joueurs. Ils cliquent et commencent immédiatement à jouer. La plateforme prend nativement en charge les intégrations HTML5/WebGL, de sorte que votre jeu apparaît directement sur la page. Dans les game jams en particulier, les jeux par navigateur reçoivent beaucoup plus d’évaluations que les jeux à télécharger, car les juges peuvent les essayer instantanément. Limitez le téléchargement initial à quelques Mo et affichez une barre de progression : vous retiendrez plus de joueurs que vous ne le pensez.</p>
<hr>
<BuildCta
  title="Besoin de quelque chose à publier ?"
  desc="Créez un jeu web et exportez-le sous forme de version HTML5 autonome pour itch.io."
  prompt="Crée un endless runner abouti que je pourrai exporter et publier sur itch.io" />
<h2 id="a-lire-aussi" tabindex="-1">À lire aussi <a class="header-anchor" href="#a-lire-aussi" aria-label="Permalink to &quot;À lire aussi&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — les jams sont le moyen le plus rapide de développer une communauté sur itch.io</li>
<li><a href="/fr/tutorials/iframe-embedding-games.html">Intégrer des jeux dans une iframe</a> — guide technique pour intégrer des jeux par navigateur dans des iframes</li>
<li><a href="/fr/tutorials/ship-web-game-fast.html">Publier un jeu web qui se charge rapidement</a> — optimisez les temps de chargement des intégrations itch.io</li>
<li><a href="/fr/guides/steam-next-fest-strategy.html">Stratégie pour le Steam Next Fest</a> — si vous envisagez un lancement multiplateforme</li>
<li><a href="/fr/guides/web-game-monetization.html">Monétisation des jeux web : ce que disent réellement les données</a> — des données réalistes sur les revenus générés sur itch.io et les portails</li>
<li><a href="/fr/guides/publish-game-poki.html">Comment publier votre jeu sur Poki</a> — la voie du portail éditorialisé, comparée à l’approche ouverte d’itch.io</li>
<li><a href="/fr/guides/publish-game-crazygames.html">Comment publier votre jeu sur CrazyGames</a> — un autre grand portail éditorialisé pour toucher un public au-delà d’itch.io</li>
<li><a href="/fr/guides/publish-game-discord-activities.html">Comment publier un jeu dans les activités Discord</a> — distribuez la même version web sur Discord</li>
<li><a href="/fr/guides/web-game-engines-comparison.html">Comparatif des moteurs de jeux web</a> — choisissez un moteur qui exporte proprement des versions web</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/itch-io-launch-guide.jpg?v=4" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Three.js + USDC dans le navigateur]]></title>
            <link>https://app.cinevva.com/fr/guides/threejs-usdc-tech-report</link>
            <guid>https://app.cinevva.com/fr/guides/threejs-usdc-tech-report</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Comment charger des fichiers binaires USD dans Three.js sans WASM ni code natif]]></description>
            <content:encoded><![CDATA[<h1 id="three-js-usdc-dans-le-navigateur" tabindex="-1">Three.js + USDC dans le navigateur <a class="header-anchor" href="#three-js-usdc-dans-le-navigateur" aria-label="Permalink to &quot;Three.js + USDC dans le navigateur&quot;"></a></h1>
<p>Vous avez donc un fichier <code>.usdc</code> provenant de Maya ou Houdini et vous voulez l'afficher dans une scène Three.js. Je suis passé par là. Jusqu'à récemment, les options n'étaient pas très intéressantes. Vous pouviez le convertir hors ligne en glTF, mettre en place une version WASM d'OpenUSD, ou simplement abandonner et utiliser un autre format.</p>
<p>Ce guide vous montre comment analyser directement des fichiers USDC en JavaScript avec <code>@cinevva/usdjs</code>, puis intégrer ces données dans Three.js.</p>
<h2 id="qu-est-ce-que-l-usdc" tabindex="-1">Qu'est-ce que l'USDC ? <a class="header-anchor" href="#qu-est-ce-que-l-usdc" aria-label="Permalink to &quot;Qu'est-ce que l'USDC ?&quot;"></a></h2>
<p>Les fichiers USD existent sous trois formes. USDA est la version texte, lisible par les humains et facile à déboguer, mais verbeuse. USDC, parfois appelé « Crate », est le format binaire réellement utilisé par les pipelines de production, car il est compact et se charge rapidement dans les outils natifs. USDZ est une archive zip contenant un fichier USDC ainsi que des textures, utilisée par Apple pour AR Quick Look.</p>
<p>Voici le problème : USDC est un format binaire propriétaire. Pixar a écrit l'implémentation de référence en C++ et, jusqu'à présent, il n'existait aucun moyen de le lire en JavaScript pur. Cela commence à changer : en décembre 2025, l'Alliance for OpenUSD a publié la Core Specification 1.0, la première norme ratifiée documentant la manière dont les données de scène OpenUSD sont structurées, composées et échangées, tandis qu'une révision 1.1 est déjà en préparation. L'implémentation de référence se trouve cependant toujours dans la base de code C++ de Pixar ; un lecteur distinct reste donc le moyen le plus pratique d'accéder à ce format depuis JavaScript.</p>
<h2 id="pourquoi-cela-peut-vous-interesser" tabindex="-1">Pourquoi cela peut vous intéresser <a class="header-anchor" href="#pourquoi-cela-peut-vous-interesser" aria-label="Permalink to &quot;Pourquoi cela peut vous intéresser&quot;"></a></h2>
<p>Si vous développez des applications web 3D qui doivent exploiter du contenu issu de pipelines de cinéma ou d'effets visuels, vous rencontrerez forcément USD. Les artistes exportent depuis Maya, Houdini ou Blender, et ces exports sont souvent au format USDC.</p>
<p>Avant <code>@cinevva/usdjs</code>, vous aviez trois possibilités. Vous pouviez exécuter <code>usdcat</code> pour convertir l'USDC au format texte, ce qui ajoutait une étape de build et faisait perdre la compacité du format binaire. Vous pouviez compiler OpenUSD ou TinyUSDZ en WebAssembly, ce qui ajoutait plusieurs mégaoctets à votre bundle et nécessitait des en-têtes serveur particuliers pour le multithreading. Ou vous pouviez utiliser l'USDLoader intégré à Three.js, qui prend en charge USDZ, mais dont la prise en charge d'USDC et de la composition reste limitée.</p>
<p>Il existe désormais une quatrième possibilité : analyser l'USDC nativement en JavaScript.</p>
<h2 id="fonctionnement" tabindex="-1">Fonctionnement <a class="header-anchor" href="#fonctionnement" aria-label="Permalink to &quot;Fonctionnement&quot;"></a></h2>
<p>La bibliothèque <code>@cinevva/usdjs</code> réimplémente les fonctionnalités essentielles d'USD en TypeScript. J'ai développé l'analyseur USDC en étudiant le code source C++ de Pixar et en transposant la spécification du format Crate en JavaScript. Lorsque le comportement est ambigu, nous reproduisons celui d'OpenUSD.</p>
<p>En pratique, cela ressemble à ceci :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { parseUsdcToLayer } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> '@cinevva/usdjs'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Récupérer le fichier USDC</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> response</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> fetch</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'/model.usdc'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> buffer</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> response.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">arrayBuffer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// L'analyser</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> layer</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> parseUsdcToLayer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(buffer, { identifier: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'model.usdc'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> });</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Vous disposez maintenant d'un layer structuré avec des prims, des propriétés et des métadonnées</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(layer.pseudoRoot.children);</span></span></code></pre>
</div><p>Pas de WASM. Pas de code natif. Seulement du JavaScript qui lit des octets et construit une représentation structurée.</p>
<h2 id="l-integrer-a-three-js" tabindex="-1">L'intégrer à Three.js <a class="header-anchor" href="#l-integrer-a-three-js" aria-label="Permalink to &quot;L'intégrer à Three.js&quot;"></a></h2>
<p>L'analyse d'USD ne représente que la moitié du problème. Vous devez également convertir les concepts USD — prims, transformations et schémas de maillage — en objets Three.js.</p>
<p>Voici un exemple minimal qui charge un fichier USDC et crée des maillages Three.js :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> *</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> THREE </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'three'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { UsdStage, parseUsdcToLayer } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> '@cinevva/usdjs'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">async</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> loadUsdcToThree</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">url</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">scene</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">Scene</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // 1. Récupérer et analyser</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> buffer</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> fetch</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(url).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">r</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> r.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">arrayBuffer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">());</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> layer</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> parseUsdcToLayer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(buffer, { identifier: url });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // 2. Créer un stage (gère la composition s'il existe des références)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> stage</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> UsdStage.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">open</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(layer);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // 3. Parcourir l'arborescence des prims</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> prim</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> of</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> stage.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">traverse</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">()) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Ignorer les éléments sans géométrie</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (prim.typeName </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">!==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> 'Mesh'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">continue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Récupérer les données géométriques</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> points</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> prim.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'points'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)?.value;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> faceVertexIndices</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> prim.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'faceVertexIndices'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)?.value;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> faceVertexCounts</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> prim.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'faceVertexCounts'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)?.value;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">points </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">||</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> !</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">faceVertexIndices </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">||</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> !</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">faceVertexCounts) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">continue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Convertir en géométrie Three.js</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> geometry</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">BufferGeometry</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    geometry.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">setAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'position'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">      new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">Float32BufferAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(points.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">flat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(), </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    );</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // USD utilise faceVertexCounts + faceVertexIndices, Three.js attend un tableau d'indices à plat</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Pour les maillages triangulés, c'est simple :</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    geometry.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">setIndex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(Array.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">from</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(faceVertexIndices));</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    geometry.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">computeVertexNormals</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Créer le maillage</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> material</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">MeshStandardMaterial</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({ color: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0x888888</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> });</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> mesh</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> THREE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">Mesh</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(geometry, material);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Appliquer la transformation</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> xform</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getWorldTransform</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(prim);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    mesh.matrix.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">fromArray</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(xform);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    mesh.matrixAutoUpdate </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    scene.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(mesh);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> getWorldTransform</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">prim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">[] {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Version simplifiée : en pratique, il faudrait composer les transformations parentes</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> xformOp</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> prim.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'xformOp:transform'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (xformOp?.value) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> xformOp.value.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">flat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">];</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Cet exemple est simplifié. Le code réel doit gérer l'empilement des transformations — les prims USD peuvent avoir plusieurs attributs <code>xformOp</code> qui se composent —, les surfaces de subdivision — les maillages utilisant la subdivision <code>catmullClark</code> nécessitent une véritable subdivision —, les matériaux — les paramètres <code>UsdPreviewSurface</code> sont associés à <code>MeshStandardMaterial</code> de Three.js —, les textures — les chemins de ressources doivent être résolus et chargés — et l'animation squelettique — les liaisons <code>UsdSkel</code> doivent être converties en <code>SkinnedMesh</code>.</p>
<p>Si vous voulez voir comment tous ces éléments fonctionnent ensemble, consultez <code>@cinevva/usdjs-viewer</code>. Il s'agit d'une implémentation de référence complète.</p>
<h2 id="la-composition-est-plus-importante-qu-on-ne-le-pense" tabindex="-1">La composition est plus importante qu'on ne le pense <a class="header-anchor" href="#la-composition-est-plus-importante-qu-on-ne-le-pense" aria-label="Permalink to &quot;La composition est plus importante qu'on ne le pense&quot;"></a></h2>
<p>L'analyse d'un seul fichier USDC est la partie facile. Les véritables scènes USD utilisent la composition, ce qui implique que les sous-layers, les références, les payloads et les variantes fonctionnent tous ensemble.</p>
<p>Imaginez un modèle de voiture. La carrosserie référence <code>body.usdc</code>, les roues référencent <code>wheel.usdc</code>, et il existe des variantes pour les configurations « sport » et « berline ». La scène finale est assemblée à partir de tous ces éléments lors de l'exécution.</p>
<p>Voici comment gérer cela :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { UsdStage, parseUsdcToLayer, FetchResolver } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> '@cinevva/usdjs'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Créer un résolveur capable de récupérer les fichiers référencés</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> resolver</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> FetchResolver</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  baseUrl: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'/assets/'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">});</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Ouvrir avec la composition</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> stage</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> UsdStage.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">open</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(rootLayer, { resolver });</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Sélectionner une variante</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">stage.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">setVariantSelection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'/Car'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'bodyStyle'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'sport'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Parcourir maintenant la scène composée</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> prim</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> of</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> stage.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">traverse</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">()) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Vous verrez les références résolues et la variante sélectionnée</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Le résolveur récupère à la demande les fichiers USDC référencés. La composition s'effectue en JavaScript et produit la scène aplatie que vous obtiendriez avec <code>usdcat --flatten</code>.</p>
<h2 id="performances" tabindex="-1">Performances <a class="header-anchor" href="#performances" aria-label="Permalink to &quot;Performances&quot;"></a></h2>
<p>Soyons honnêtes : analyser un fichier USDC en JavaScript est plus lent qu'en C++ natif. C'est le compromis à accepter pour éviter WASM et les étapes de build.</p>
<p>En pratique, pour les usages web courants avec des modèles de moins de 10 Mo et de moins de 100 000 triangles, l'analyse prend entre 50 et 200 ms sur du matériel moderne. Cela convient au chargement initial si vous affichez un indicateur de progression.</p>
<p>Vous pouvez accélérer le processus. Ne chargez pas toute la scène dès le départ. Chargez le layer racine, affichez ce qui est disponible, puis récupérez les payloads à la demande. Déplacez l'analyse dans un Web Worker afin que l'interface reste réactive. Mettez les layers analysés en cache dans IndexedDB pour que les visites suivantes soient instantanées. Affichez un aperçu en basse résolution pendant le chargement progressif de la scène complète.</p>
<p>Voici une configuration avec un Web Worker :</p>
<div class="language-typescript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// worker.ts</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { parseUsdcToLayer } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> '@cinevva/usdjs'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">self.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onmessage</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> async</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">buffer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">identifier</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> e.data;</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> layer</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> parseUsdcToLayer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(buffer, { identifier });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Sérialiser les données du layer (pas les méthodes)</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> data</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> serializeLayer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(layer);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  self.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">postMessage</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(data);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">};</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// main.ts</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> worker</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Worker</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> URL</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'./worker.ts'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">meta</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">.url));</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">worker.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">postMessage</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({ buffer, identifier: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'model.usdc'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">worker.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onmessage</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> layerData</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> e.data;</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Construire la scène Three.js à partir de layerData</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">};</span></span></code></pre>
</div><h2 id="ce-qui-fonctionne-et-ce-qui-ne-fonctionne-pas" tabindex="-1">Ce qui fonctionne et ce qui ne fonctionne pas <a class="header-anchor" href="#ce-qui-fonctionne-et-ce-qui-ne-fonctionne-pas" aria-label="Permalink to &quot;Ce qui fonctionne et ce qui ne fonctionne pas&quot;"></a></h2>
<p>La plupart des fonctionnalités courantes fonctionnent. La géométrie — maillages, points et courbes — est correctement analysée, y compris les tableaux de sommets compressés. Les transformations fonctionnent avec l'empilement complet des <code>xformOp</code>. Les matériaux sont convertis de <code>UsdPreviewSurface</code> vers le rendu PBR. La composition gère les sous-layers, les références, les payloads, les variantes et les héritages. Les textures sont résolues et chargées si vous fournissez un résolveur. L'animation squelettique de base fonctionne pour les rigs de personnages courants.</p>
<p>Il reste toutefois des lacunes. Il ne s'agit pas d'une implémentation d'Hydra : vous devez donc convertir vous-même les données USD pour le moteur de rendu que vous utilisez. Il n'existe pas d'API de schéma typée comme <code>UsdGeomMesh</code> avec des méthodes pratiques. Vous travaillez avec des prims et des attributs génériques. Certaines fonctionnalités de composition, comme les spécialisations, les relocations et les value clips, ne sont pas encore implémentées. Les réseaux de matériaux complexes allant au-delà d'un simple <code>UsdPreviewSurface</code> nécessitent un traitement personnalisé.</p>
<h2 id="quand-l-utiliser" tabindex="-1">Quand l'utiliser <a class="header-anchor" href="#quand-l-utiliser" aria-label="Permalink to &quot;Quand l'utiliser&quot;"></a></h2>
<p>Cette solution est pertinente lorsque vous devez charger des fichiers USD dans une application web sans étape de build WASM, lorsque votre pipeline produit des fichiers USDC et que vous ne souhaitez pas les convertir en glTF, lorsque vous développez un visualiseur ou un éditeur USD pour le navigateur, ou lorsque vous voulez inspecter la structure USD plutôt que simplement l'afficher.</p>
<p>Utilisez une autre solution si vous avez besoin d'une compatibilité totale avec OpenUSD jusque dans les cas limites, si vos scènes sont très volumineuses — plus de 100 Mo — et nécessitent des performances natives, ou si vous utilisez déjà une version WASM et que sa complexité reste acceptable pour votre projet.</p>
<h2 id="ressources" tabindex="-1">Ressources <a class="header-anchor" href="#ressources" aria-label="Permalink to &quot;Ressources&quot;"></a></h2>
<p>Les trois packages sont <code>@cinevva/usdjs</code> pour l'analyse et la composition de base, <code>@cinevva/usdjs-viewer</code> pour un visualiseur web basé sur Three.js, et <code>@cinevva/usdjs-renderer</code> pour le rendu PNG headless dans les tests.</p>
<p>Pour la documentation, consultez la <a href="https://cinevva-engine.github.io/usdjs/API" target="_blank" rel="noreferrer">référence de l'API usdjs</a>, la <a href="https://openusd.org/release/index.html" target="_blank" rel="noreferrer">spécification OpenUSD de Pixar</a> et la <a href="https://threejs.org/docs/" target="_blank" rel="noreferrer">documentation de Three.js</a>.</p>
<p>Si vous voulez comprendre comment l'analyseur USDC correspond à l'implémentation de Pixar, consultez <code>src/usdc/PIXAR_PARITY.md</code> dans le dépôt usdjs.</p>
<h2 id="essayez-le" tabindex="-1">Essayez-le <a class="header-anchor" href="#essayez-le" aria-label="Permalink to &quot;Essayez-le&quot;"></a></h2>
<p>Le moyen le plus rapide de voir cette solution en action consiste à ouvrir la <a href="https://cinevva-engine.github.io/usdjs-viewer/" target="_blank" rel="noreferrer">démo d'usdjs-viewer</a> et à y déposer un fichier USDC.</p>
<p>Pour l'intégrer à votre propre projet, installez le package et commencez par les exemples de code ci-dessus :</p>
<div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> @cinevva/usdjs</span></span></code></pre>
</div><p>USD dans le navigateur, c'est possible. Ce n'est pas toujours le bon choix, mais lorsque vous en avez besoin, une analyse en JavaScript pur signifie une étape de build et une dépendance de moins à gérer.</p>
<h2 id="articles-associes" tabindex="-1">Articles associés <a class="header-anchor" href="#articles-associes" aria-label="Permalink to &quot;Articles associés&quot;"></a></h2>
<ul>
<li><a href="/fr/tutorials/webgl-fundamentals-for-games.html">Fondamentaux de WebGL pour les développeurs de jeux</a> — l'API de rendu qui alimente les scènes Three.js</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux web en 2026</a> — la place de Three.js dans l'écosystème WebGL/WebGPU/Wasm</li>
<li><a href="/fr/guides/browser-3d-open-world-tech.html">Technologies des mondes ouverts 3D dans le navigateur</a> — le streaming de ressources 3D, notamment USD, pour les mondes ouverts</li>
<li><a href="/fr/guides/game-assets-guide.html">Où trouver des ressources de jeu gratuites</a> — des sources de modèles 3D compatibles avec Three.js</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/threejs-usdc-tech-report.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[Les 11 meilleurs moteurs de jeux web pour 2026, classés et comparés]]></title>
            <link>https://app.cinevva.com/fr/guides/web-game-engines-comparison</link>
            <guid>https://app.cinevva.com/fr/guides/web-game-engines-comparison</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Nous avons comparé 11 moteurs de jeux web selon la taille des builds, le temps de chargement, la 2D ou la 3D, WebGPU et le coût. Découvrez lequel convient le mieux à votre projet, de Unity et Godot à PlayCanvas, Defold et Phaser.]]></description>
            <content:encoded><![CDATA[<h1 id="meilleurs-moteurs-de-jeux-web-pour-2026-comparatif" tabindex="-1">Meilleurs moteurs de jeux web pour 2026 (comparatif) <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-web-pour-2026-comparatif" aria-label="Permalink to &quot;Meilleurs moteurs de jeux web pour 2026 (comparatif)&quot;"></a></h1>
<p><em>Dernière mise à jour : juillet 2026.</em></p>
<p>Vous créez un jeu pour le web ? Le choix de votre moteur détermine tout : la taille du build, le temps de chargement, la qualité visuelle et la part de votre public qui pourra réellement y jouer.</p>
<p>Ce guide compare les meilleurs moteurs de jeux web disponibles en 2026, des moteurs complets comme Unity et Godot aux frameworks JavaScript légers comme Phaser et PixiJS.</p>
<p><strong>Ce qui a changé en 2026 :</strong> WebGPU est enfin disponible partout en production. Safari 26 (septembre 2025) a ajouté WebGPU sur macOS, iPadOS, iOS et visionOS, levant le dernier obstacle majeur : le vieux conseil « restez sur WebGL à cause de Safari » n'a donc plus lieu d'être. Three.js propose un moteur de rendu WebGPU sans configuration, avec repli automatique vers WebGL2, tandis que PlayCanvas offre la prise en charge de WebGPU la plus mature du lot. L'export web de Godot cible toutefois toujours uniquement WebGL 2.0, même si Godot 4.7 (juin 2026) a ajouté les exports wasm64, qui suppriment l'ancienne limite de mémoire de 4 Go. Dans la plupart des moteurs, WebGPU reste une option à activer ou une fonctionnalité expérimentale plutôt que le choix par défaut, mais la compatibilité des navigateurs qui freinait son adoption est désormais acquise.</p>
<BuildCta
  title="Vous voulez simplement créer un jeu, sans étudier les moteurs ?"
  desc="Écrivez une phrase et Cinevva crée autour d'elle un jeu web 3D jouable pendant que vous lisez ce guide."
  prompt="Crée un jeu de plateformes 3D avec des plateformes mobiles et un chronomètre" />
<h2 id="meilleurs-moteurs-de-jeux-web-pour-2026-notre-selection-rapide" tabindex="-1">Meilleurs moteurs de jeux web pour 2026 : notre sélection rapide <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-web-pour-2026-notre-selection-rapide" aria-label="Permalink to &quot;Meilleurs moteurs de jeux web pour 2026 : notre sélection rapide&quot;"></a></h2>
<p>Vous manquez de temps ? Voici le domaine dans lequel chaque moteur se démarque en 2026.</p>
<h3 id="meilleurs-moteurs-de-jeux-web-3d" tabindex="-1">Meilleurs moteurs de jeux web 3D <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-web-3d" aria-label="Permalink to &quot;Meilleurs moteurs de jeux web 3D&quot;"></a></h3>
<p>PlayCanvas arrive en tête pour la 3D pensée d'abord pour le navigateur : un runtime de 1 à 2 Mo, le moteur de rendu WebGPU le plus prêt pour la production parmi tous les moteurs web et un éditeur cloud collaboratif. Godot et Cocos Creator sont d'excellentes alternatives gratuites, tandis que Unity WebGL convient si vous avez également besoin de builds natifs et pouvez accepter un téléchargement de plus de 8 Mo.</p>
<h3 id="meilleurs-moteurs-de-jeux-2d-pour-2026" tabindex="-1">Meilleurs moteurs de jeux 2D pour 2026 <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-2d-pour-2026" aria-label="Permalink to &quot;Meilleurs moteurs de jeux 2D pour 2026&quot;"></a></h3>
<p>Defold et Phaser sont les meilleurs choix pour la 2D. Defold produit les builds les plus petits (environ 1,14 Mo) et se charge le plus rapidement ; Phaser vous offre un framework complet, prêt à l'emploi, avec la plus grande communauté. Pour les personnes qui ne programment pas, Construct et GDevelop permettent de créer visuellement des jeux 2D sans écrire de code. Pour une analyse complète, consultez les <a href="/fr/guides/best-2d-game-engines-2026.html">meilleurs moteurs de jeux 2D pour 2026</a>.</p>
<h3 id="meilleurs-moteurs-de-jeux-wasm" tabindex="-1">Meilleurs moteurs de jeux Wasm <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-wasm" aria-label="Permalink to &quot;Meilleurs moteurs de jeux Wasm&quot;"></a></h3>
<p>Si les performances de WebAssembly sont prioritaires, Godot (Wasm + SIMD par défaut), Defold (runtime Wasm) et Cocos Creator (physique Wasm offrant des gains de 5 à 9 fois) compilent des builds web rapides et compacts. Wasm permet à ces moteurs d'atteindre des performances proches du natif dans le navigateur.</p>
<h3 id="meilleurs-moteurs-de-jeux-web-gratuits-et-open-source" tabindex="-1">Meilleurs moteurs de jeux web gratuits et open source <a class="header-anchor" href="#meilleurs-moteurs-de-jeux-web-gratuits-et-open-source" aria-label="Permalink to &quot;Meilleurs moteurs de jeux web gratuits et open source&quot;"></a></h3>
<p>Godot, Phaser, PixiJS, Defold et Excalibur.js sont tous gratuits et open source, sans frais de licence ni seuils de chiffre d'affaires. Godot est le moteur gratuit le plus complet, aussi bien pour la 2D que pour la 3D.</p>
<h2 id="le-classement" tabindex="-1">Le classement <a class="header-anchor" href="#le-classement" aria-label="Permalink to &quot;Le classement&quot;"></a></h2>
<p>Ce classement concerne spécifiquement les projets pensés d'abord pour le web, en tenant compte de la taille des builds, du temps de chargement et du caractère véritablement natif pour le web de chaque moteur. Si votre projet privilégie les plateformes natives, mobiles ou consoles, l'ordre change et les moteurs plus lourds remontent dans le classement.</p>
<ol>
<li><strong>PlayCanvas</strong> : le meilleur pour la 3D pensée d'abord pour le navigateur, avec le runtime le plus petit et la prise en charge de WebGPU la plus mature.</li>
<li><strong>Defold</strong> : le meilleur pour produire les builds web les plus petits et les plus rapides à charger.</li>
<li><strong>Phaser</strong> : le meilleur pour la 2D orientée code, avec la plus grande communauté HTML5.</li>
<li><strong>Godot</strong> : le meilleur moteur gratuit et open source pour créer aussi bien en 2D qu'en 3D.</li>
<li><strong>Cocos Creator</strong> : le meilleur pour les mini-jeux et le marché web asiatique.</li>
<li><strong>Construct</strong> : le meilleur pour créer des jeux 2D sans code tout en produisant des builds web propres.</li>
<li><strong>GDevelop</strong> : le meilleur outil sans code, gratuit et open source, pour la 2D et la 3D légère.</li>
<li><strong>PixiJS</strong> : le meilleur pour un rendu 2D personnalisé avec une empreinte minimale.</li>
<li><strong>Excalibur.js</strong> : le meilleur pour les jeux 2D en TypeScript, avec davantage de structure qu'un simple moteur de rendu.</li>
<li><strong>Unity</strong> : le meilleur lorsque le web est secondaire par rapport aux ordinateurs, aux appareils mobiles ou aux consoles.</li>
<li><strong>Unreal</strong> : le meilleur pour les visualisations haute fidélité via Pixel Streaming, et non pour de véritables jeux web.</li>
</ol>
<h2 id="tableau-de-reference-rapide" tabindex="-1">Tableau de référence rapide <a class="header-anchor" href="#tableau-de-reference-rapide" aria-label="Permalink to &quot;Tableau de référence rapide&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Moteur</th>
<th>Type</th>
<th>Technologie web</th>
<th>Taille du build (vide)</th>
<th>Idéal pour</th>
<th>Coût</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://unity.com/" target="_blank" rel="noreferrer"><strong>Unity</strong></a></td>
<td>Moteur complet</td>
<td>WebGL</td>
<td>~8 Mo</td>
<td>Jeux 3D, multiplateforme</td>
<td>Gratuit &lt; 200 000 $ ; Pro 2 310 $/an</td>
</tr>
<tr>
<td><a href="https://godotengine.org/" target="_blank" rel="noreferrer"><strong>Godot</strong></a></td>
<td>Moteur complet</td>
<td>WebGL + Wasm</td>
<td>~9 Mo (24 Mo non compressés)</td>
<td>Jeux indépendants 2D/3D</td>
<td>Gratuit (MIT)</td>
</tr>
<tr>
<td><a href="https://www.unrealengine.com/" target="_blank" rel="noreferrer"><strong>Unreal</strong></a></td>
<td>Moteur complet</td>
<td>Pixel Streaming uniquement</td>
<td>N/D (côté serveur)</td>
<td>Visualisation haute fidélité</td>
<td>Gratuit &lt; 1 M$ de chiffre d'affaires</td>
</tr>
<tr>
<td><a href="https://www.cocos.com/en/creator" target="_blank" rel="noreferrer"><strong>Cocos Creator</strong></a></td>
<td>Moteur complet</td>
<td>WebGL + WebGPU + Wasm</td>
<td>~2 à 4 Mo</td>
<td>2D/3D, mini-jeux (Asie)</td>
<td>Gratuit</td>
</tr>
<tr>
<td><a href="https://playcanvas.com/" target="_blank" rel="noreferrer"><strong>PlayCanvas</strong></a></td>
<td>3D pensée pour le web</td>
<td>WebGL2 + WebGPU</td>
<td>~1 à 2 Mo</td>
<td>3D interactive, applications web</td>
<td>Offre gratuite ; formules payantes</td>
</tr>
<tr>
<td><a href="https://defold.com/" target="_blank" rel="noreferrer"><strong>Defold</strong></a></td>
<td>2D/3D pensée pour le web</td>
<td>WebGL + Wasm</td>
<td>~1,14 Mo</td>
<td>Jeux web occasionnels et mobiles</td>
<td>Gratuit</td>
</tr>
<tr>
<td><a href="https://www.construct.net/" target="_blank" rel="noreferrer"><strong>Construct</strong></a></td>
<td>2D visuelle</td>
<td>WebGL + WebGPU</td>
<td>~1 à 2 Mo</td>
<td>Jeux 2D, personnes ne programmant pas</td>
<td>Abonnement</td>
</tr>
<tr>
<td><a href="https://gdevelop.io/" target="_blank" rel="noreferrer"><strong>GDevelop</strong></a></td>
<td>2D/3D visuelle</td>
<td>WebGL</td>
<td>~2 à 3 Mo</td>
<td>Débutants, prototypage rapide</td>
<td>Offre gratuite ; formules payantes</td>
</tr>
<tr>
<td><a href="https://phaser.io/" target="_blank" rel="noreferrer"><strong>Phaser</strong></a></td>
<td>Framework JS</td>
<td>WebGL/Canvas</td>
<td>~500 Ko</td>
<td>Jeux 2D, prototypage rapide</td>
<td>Gratuit (MIT)</td>
</tr>
<tr>
<td><a href="https://pixijs.com/" target="_blank" rel="noreferrer"><strong>PixiJS</strong></a></td>
<td>Moteur de rendu JS</td>
<td>WebGL</td>
<td>~200 Ko</td>
<td>Rendu 2D personnalisé</td>
<td>Gratuit (MIT)</td>
</tr>
<tr>
<td><a href="https://excaliburjs.com/" target="_blank" rel="noreferrer"><strong>Excalibur.js</strong></a></td>
<td>Framework JS</td>
<td>WebGL</td>
<td>~300 Ko</td>
<td>Jeux 2D en TypeScript</td>
<td>Gratuit (BSD)</td>
</tr>
</tbody>
</table>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 452" role="img" aria-label="Tailles des builds web vides par moteur, de la plus petite à la plus grande : PixiJS environ 0,2 Mo, Excalibur.js 0,3 Mo, Phaser 0,5 Mo, Defold 1,14 Mo, PlayCanvas et Construct 1 à 2 Mo, GDevelop 2 à 3 Mo, Cocos Creator 2 à 4 Mo, Unity environ 8 Mo, Godot environ 9 Mo compressés avec gzip" style="width:100%;height:auto;max-width:720px;margin:1.5rem auto;display:block;border-radius:14px">
  <rect width="720" height="452" rx="14" fill="#0b1020"/>
  <text x="32" y="44" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="20" font-weight="800" fill="#e8edf5">Taille du build vide par moteur</text>
  <text x="32" y="68" font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif" font-size="13" fill="#9aa7b4">Tailles approximatives des téléchargements de builds vides, selon la documentation et les mesures de la communauté.</text>
  <g font-family="Inter,Segoe UI,Helvetica,Arial,sans-serif">
    <text x="180" y="115" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">PixiJS</text>
    <rect x="190" y="100" width="10" height="20" rx="5" fill="#6ee7b7"/>
    <text x="208" y="115" font-size="12" font-weight="700" fill="#9aa7b4">~0,2 Mo</text>
    <text x="180" y="147" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Excalibur.js</text>
    <rect x="190" y="132" width="16" height="20" rx="5" fill="#6ee7b7"/>
    <text x="214" y="147" font-size="12" font-weight="700" fill="#9aa7b4">~0,3 Mo</text>
    <text x="180" y="179" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Phaser</text>
    <rect x="190" y="164" width="26" height="20" rx="5" fill="#6ee7b7"/>
    <text x="224" y="179" font-size="12" font-weight="700" fill="#9aa7b4">~0,5 Mo</text>
    <text x="180" y="211" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Defold</text>
    <rect x="190" y="196" width="60" height="20" rx="5" fill="#7dd3fc"/>
    <text x="258" y="211" font-size="12" font-weight="700" fill="#9aa7b4">~1,14 Mo</text>
    <text x="180" y="243" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">PlayCanvas</text>
    <rect x="190" y="228" width="78" height="20" rx="5" fill="#7dd3fc"/>
    <text x="276" y="243" font-size="12" font-weight="700" fill="#9aa7b4">~1 à 2 Mo</text>
    <text x="180" y="275" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Construct</text>
    <rect x="190" y="260" width="78" height="20" rx="5" fill="#7dd3fc"/>
    <text x="276" y="275" font-size="12" font-weight="700" fill="#9aa7b4">~1 à 2 Mo</text>
    <text x="180" y="307" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">GDevelop</text>
    <rect x="190" y="292" width="131" height="20" rx="5" fill="#c8a8ff"/>
    <text x="329" y="307" font-size="12" font-weight="700" fill="#9aa7b4">~2 à 3 Mo</text>
    <text x="180" y="339" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Cocos Creator</text>
    <rect x="190" y="324" width="157" height="20" rx="5" fill="#c8a8ff"/>
    <text x="355" y="339" font-size="12" font-weight="700" fill="#9aa7b4">~2 à 4 Mo</text>
    <text x="180" y="371" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Unity</text>
    <rect x="190" y="356" width="418" height="20" rx="5" fill="#fb7185"/>
    <text x="616" y="371" font-size="12" font-weight="700" fill="#fb7185">~8 Mo</text>
    <text x="180" y="403" text-anchor="end" font-size="13" font-weight="700" fill="#e8edf5">Godot</text>
    <rect x="190" y="388" width="470" height="20" rx="5" fill="#fb7185"/>
    <text x="652" y="403" text-anchor="end" font-size="12" font-weight="800" fill="#0b1020">~9 Mo avec gzip</text>
  </g>
</svg>
<h2 id="moteurs-de-jeux-complets" tabindex="-1">Moteurs de jeux complets <a class="header-anchor" href="#moteurs-de-jeux-complets" aria-label="Permalink to &quot;Moteurs de jeux complets&quot;"></a></h2>
<h3 id="unity-webgl" tabindex="-1"><a href="https://unity.com/" target="_blank" rel="noreferrer">Unity</a> (WebGL) <a class="header-anchor" href="#unity-webgl" aria-label="Permalink to &quot;[Unity](https://unity.com/) (WebGL)&quot;"></a></h3>
<p>La référence de l'industrie. L'export WebGL de Unity produit des builds web jouables, mais au prix de compromis importants. Unity 6.5 (juin 2026) est la version actuelle et a rendu obsolète l'ancien Built-in Render Pipeline (pris en charge jusqu'à Unity 6.7 LTS). Les nouveaux projets devraient donc démarrer avec URP.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Écosystème mature avec un Asset Store très fourni</li>
<li>Outils avancés de rendu, de physique et d'animation</li>
<li>Documentation solide et communauté importante</li>
<li>Multiplateforme : une même base de code peut être déployée sur ordinateur, mobile, console et web</li>
</ul>
<p><strong>Limites sur le web :</strong></p>
<ul>
<li>Builds volumineux (environ 8 Mo au minimum)</li>
<li>Temps de chargement plus longs que ceux des moteurs natifs pour le web</li>
<li>Performances inférieures à celles des builds natifs</li>
<li>Le backend WebGPU est toujours expérimental dans Unity 6.5, désactivé par défaut et pas encore prêt pour la production</li>
<li>La consommation de mémoire peut poser problème dans les navigateurs mobiles</li>
</ul>
<p><strong>Tarifs (2026) :</strong></p>
<ul>
<li>Personal : gratuit jusqu'à 200 000 $ de chiffre d'affaires</li>
<li>Pro : 2 310 $ par poste et par an (une hausse de 5 % est entrée en vigueur en janvier 2026)</li>
<li>Redevance d'exécution annulée fin 2024</li>
</ul>
<p><strong>Quand l'utiliser :</strong> Vous créez un jeu 3D complexe qui doit également sortir sur d'autres plateformes. Le web est secondaire.</p>
<p><strong>Liens :</strong> <a href="https://unity.com/" target="_blank" rel="noreferrer">Unity</a> · <a href="https://docs.unity3d.com/Manual/webgl.html" target="_blank" rel="noreferrer">Documentation WebGL</a> · <a href="https://assetstore.unity.com/" target="_blank" rel="noreferrer">Asset Store</a></p>
<hr>
<h3 id="godot-html5" tabindex="-1"><a href="https://godotengine.org/" target="_blank" rel="noreferrer">Godot</a> (HTML5) <a class="header-anchor" href="#godot-html5" aria-label="Permalink to &quot;[Godot](https://godotengine.org/) (HTML5)&quot;"></a></h3>
<p>Open source et en progrès rapide. Godot 4.7 (juin 2026) est la version stable actuelle. Elle inclut WebAssembly SIMD par défaut ainsi qu'une nouvelle option d'export web wasm64, améliorant les performances sans nécessiter de modification du code.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Entièrement gratuit et open source (licence MIT)</li>
<li>Éditeur léger</li>
<li>Excellente prise en charge de la 2D avec un moteur de rendu dédié</li>
<li>GDScript est accessible aux débutants</li>
<li>WebAssembly + SIMD pour de meilleures performances</li>
<li>Communauté active et en pleine croissance</li>
</ul>
<p><strong>Limites sur le web :</strong></p>
<ul>
<li>Les projets C# ne peuvent pas être exportés vers le web (GDScript uniquement)</li>
<li>L'export web prend uniquement en charge WebGL 2.0 (le moteur de rendu Compatibility) ; Forward+/Mobile et WebGPU ne sont pas pris en charge dans le navigateur (un fork WebGPU communautaire est disponible en bêta publique, mais il n'est pas officiel)</li>
<li>La prise en charge de Safari/iOS est problématique</li>
<li>Les builds vides font environ 24 Mo non compressés (environ 9 Mo avec gzip)</li>
<li>Certaines fonctionnalités de rendu 3D restent en retrait par rapport à Unity</li>
</ul>
<p><strong>Multithreading :</strong></p>
<ul>
<li>Nécessite les en-têtes COOP/COEP pour SharedArrayBuffer</li>
<li>Le mode monothread est désormais utilisé par défaut, ce qui évite la complexité liée aux en-têtes</li>
</ul>
<p><strong>Quand l'utiliser :</strong> Vous voulez une solution open source, privilégiez la 2D ou souhaitez conserver un contrôle total sans préoccupations liées aux licences.</p>
<p><strong>Liens :</strong> <a href="https://godotengine.org/" target="_blank" rel="noreferrer">Godot Engine</a> · <a href="https://docs.godotengine.org/en/stable/tutorials/export/exporting_for_web.html" target="_blank" rel="noreferrer">Documentation sur l'export web</a> · <a href="https://github.com/godotengine/godot" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h3 id="unreal-engine-5" tabindex="-1"><a href="https://www.unrealengine.com/" target="_blank" rel="noreferrer">Unreal Engine 5</a> <a class="header-anchor" href="#unreal-engine-5" aria-label="Permalink to &quot;[Unreal Engine 5](https://www.unrealengine.com/)&quot;"></a></h3>
<p>Unreal a abandonné l'export HTML5 natif avec UE 4.24. Dans UE5, la diffusion dans le navigateur nécessite <strong>Pixel Streaming</strong>, réécrit sous le nom Pixel Streaming 2 dans UE 5.7. UE 5.8 (juin 2026), la dernière version prévue d'UE5 avant UE6, ne change rien à la situation sur le web.</p>
<p><strong>Fonctionnement de Pixel Streaming :</strong></p>
<ul>
<li>Le jeu s'exécute sur un serveur équipé d'un GPU</li>
<li>Les images sont diffusées vers le navigateur via WebRTC</li>
<li>Les commandes sont renvoyées depuis le navigateur</li>
<li>Une instance d'UE est généralement nécessaire par utilisateur</li>
</ul>
<p><strong>Points forts :</strong></p>
<ul>
<li>Toute la qualité visuelle d'UE5 dans le navigateur</li>
<li>Aucune exigence matérielle côté client</li>
<li>Fonctionne sur tout appareil équipé d'un navigateur</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Nécessite une infrastructure serveur, coûteuse à faire évoluer</li>
<li>La latence dépend du réseau</li>
<li>Artefacts de compression vidéo</li>
<li>Ne convient pas aux « jeux web » traditionnels : il est davantage adapté aux visualisations, configurateurs et démonstrations</li>
</ul>
<p><strong>Des initiatives HTML5 communautaires existent</strong> (des forks WebAssembly/WebGPU comme SimplyStream), mais elles sont expérimentales et limitées.</p>
<p><strong>Quand l'utiliser :</strong> Pour des visualisations architecturales haute fidélité ou des configurateurs de produits lorsque les coûts de serveur sont acceptables. Peu pratique pour les jeux destinés à un large public sur le web.</p>
<p><strong>Liens :</strong> <a href="https://www.unrealengine.com/" target="_blank" rel="noreferrer">Unreal Engine</a> · <a href="https://dev.epicgames.com/documentation/en-us/unreal-engine/pixel-streaming-in-unreal-engine" target="_blank" rel="noreferrer">Documentation Pixel Streaming</a></p>
<hr>
<h3 id="cocos-creator" tabindex="-1">Cocos Creator <a class="header-anchor" href="#cocos-creator" aria-label="Permalink to &quot;Cocos Creator&quot;"></a></h3>
<p>Un moteur complet offrant une prise en charge exceptionnelle du web et des plateformes de mini-jeux, particulièrement populaire en Asie.
<strong>Points forts :</strong></p>
<ul>
<li>Architecture bicœur : noyau Web3D (TypeScript) optimisé pour le Web et les mini-jeux</li>
<li>Prise en charge de WebGPU (encore expérimentale dans la version 3.8.8, déc. 2025 ; nécessite le nouveau pipeline de rendu personnalisé, et la version 3.8.8 a ajouté le MSAA pour WebGPU)</li>
<li>WebAssembly pour la physique (Box2D, Bullet), avec des gains de performances de 5 à 9 fois</li>
<li>Excellente prise en charge des plateformes de mini-jeux (WeChat, TikTok, Taobao)</li>
<li>Pipeline de rendu personnalisé (CRP) offrant un contrôle précis des optimisations</li>
<li>Prise en charge de Spine 4.2 avec un environnement d’exécution WASM</li>
<li>Réduction de la taille des paquets et compression Brotli</li>
<li>Entièrement gratuit</li>
</ul>
<p><strong>Limites sur le Web :</strong></p>
<ul>
<li>Communauté occidentale plus restreinte (documentation principalement en chinois)</li>
<li>Le chargement initial peut être lourd lorsque toutes les fonctionnalités sont activées</li>
<li>Le repli sur WebGL1/asm.js dans les anciens navigateurs dégrade les performances</li>
</ul>
<p><strong>Ajouts récents (2025-2026) :</strong></p>
<ul>
<li>Backend WebGPU</li>
<li>Modules de physique WASM par défaut</li>
<li>Pipeline de rendu personnalisé via RenderGraph</li>
<li>Compression de textures ASTC pour les mini-jeux</li>
<li>Réductions importantes de la taille des paquets</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les plateformes de mini-jeux (WeChat, TikTok), les jeux Web mobiles destinés aux marchés asiatiques, ou lorsque vous avez besoin de solides performances 2D/3D avec un moteur gratuit.</p>
<p><strong>Liens :</strong> <a href="https://www.cocos.com/en/creator" target="_blank" rel="noreferrer">Cocos Creator</a> · <a href="https://docs.cocos.com/creator/manual/en/" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/cocos/cocos-engine" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h2 id="moteurs-concus-pour-le-web" tabindex="-1">Moteurs conçus pour le Web <a class="header-anchor" href="#moteurs-concus-pour-le-web" aria-label="Permalink to &quot;Moteurs conçus pour le Web&quot;"></a></h2>
<p>Ces moteurs sont spécialement conçus pour une diffusion sur le Web.</p>
<h3 id="playcanvas" tabindex="-1"><a href="https://playcanvas.com/" target="_blank" rel="noreferrer">PlayCanvas</a> <a class="header-anchor" href="#playcanvas" aria-label="Permalink to &quot;[PlayCanvas](https://playcanvas.com/)&quot;"></a></h3>
<p>Un moteur 3D dans le cloud, conçu dès le départ pour le Web.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Prise en charge de WebGL2 et de WebGPU (bêta)</li>
<li>Éditeur collaboratif dans le cloud</li>
<li>Environnement d’exécution léger (~1 à 2 Mo)</li>
<li>Rendu PBR, post-traitement et particules GPU</li>
<li>Compute shaders via WebGPU</li>
<li>Prise en charge du Gaussian Splatting 3D</li>
<li>Compression efficace des ressources (Basis Universal, WebP)</li>
</ul>
<p><strong>Ajouts récents (2025-2026) :</strong></p>
<ul>
<li>Engine V2 avec prise en charge de WebGPU</li>
<li>Compute shaders</li>
<li>Multi-draw pour réduire le surcoût lié aux appels de rendu</li>
<li>Prise en charge du HDR dans la visionneuse</li>
<li>Amélioration de l’exportation glTF</li>
<li>Engine v2.20 (désormais en v2.20.6, juillet 2026) a étendu le moteur de rendu WebGPU haute performance, notamment avec un chemin WebGPU fondé sur le calcul pour les splats gaussiens 3D</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>WebGPU est encore en bêta (certaines fonctionnalités manquent, comme la génération de lightmaps à l’exécution)</li>
<li>Le flux de travail dans le cloud peut ne pas convenir à toutes les équipes</li>
<li>Moins adapté aux jeux 2D complexes</li>
</ul>
<p><strong>Tarification :</strong></p>
<ul>
<li>Offre gratuite disponible</li>
<li>Formules payantes pour les projets privés, le stockage et l’assistance</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les expériences Web 3D interactives, les configurateurs de produits et les jeux Web où une taille de téléchargement réduite est essentielle.</p>
<p><strong>Liens :</strong> <a href="https://playcanvas.com/" target="_blank" rel="noreferrer">PlayCanvas</a> · <a href="https://developer.playcanvas.com/" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/playcanvas/engine" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h3 id="defold" tabindex="-1"><a href="https://defold.com/" target="_blank" rel="noreferrer">Defold</a> <a class="header-anchor" href="#defold" aria-label="Permalink to &quot;[Defold](https://defold.com/)&quot;"></a></h3>
<p>Un moteur léger créé par King (Candy Crush), offrant d’excellentes performances sur le Web. Defold 1.13.0 (juin 2026) a abandonné l’ancienne cible asm.js (js-web) : les builds Web utilisent donc désormais exclusivement Wasm. Cette version a également ajouté les morph targets glTF à un ensemble de fonctionnalités 3D en pleine expansion.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Environnement d’exécution minuscule : ~1,14 Mo (compressé avec gzip, build vide)</li>
<li>WebAssembly par défaut</li>
<li>Excellents temps de chargement</li>
<li>Publication intégrée sur Poki et d’autres plateformes</li>
<li>Profileur de performances HTML5</li>
<li>Skinning GPU, avec des gains de performances de 30 à 50 % dans les versions récentes</li>
<li>Prise en charge expérimentale de WebGPU</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Communauté plus restreinte que celles de Godot ou Unity</li>
<li>Builds de débogage nettement plus lents</li>
<li>Tas de 256 Mo par défaut (à ajuster pour les jeux plus volumineux)</li>
<li>Courbe d’apprentissage du scripting en Lua</li>
</ul>
<p><strong>Comparaison des performances :</strong></p>
<ul>
<li>Build vide : Defold ~1,14 Mo contre Unity ~8 Mo et Godot ~9 Mo</li>
<li>Parmi les moteurs aux chargements les plus rapides dans les études portant sur les principaux jeux Web</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les jeux Web conçus d’abord pour le mobile, les jeux casual et tout projet où le temps de chargement est critique.</p>
<p><strong>Liens :</strong> <a href="https://defold.com/" target="_blank" rel="noreferrer">Defold</a> · <a href="https://defold.com/manuals/html5/" target="_blank" rel="noreferrer">Documentation HTML5</a> · <a href="https://github.com/defold/defold" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h3 id="construct" tabindex="-1"><a href="https://www.construct.net/" target="_blank" rel="noreferrer">Construct</a> <a class="header-anchor" href="#construct" aria-label="Permalink to &quot;[Construct](https://www.construct.net/)&quot;"></a></h3>
<p>Développement visuel fondé sur des événements. Idéal pour les non-programmeurs.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Aucun code requis (feuilles d’événements)</li>
<li>Moteur de rendu WebGPU activé par défaut lorsqu’il est pris en charge</li>
<li>Itérations et prototypage rapides</li>
<li>55 versions publiées rien qu’en 2025</li>
<li>Prise en charge de TypeScript dans l’éditeur</li>
<li>Navigateur de ressources intégré et améliorations du débogueur</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Axé sur la 2D (prise en charge 3D minimale)</li>
<li>Modèle par abonnement</li>
<li>Moins de contrôle qu’avec les moteurs fondés sur le code</li>
<li>Peut montrer ses limites avec une logique de jeu complexe</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les jeux 2D, le prototypage rapide, l’enseignement, ou si vous n’êtes pas programmeur.</p>
<p><strong>Liens :</strong> <a href="https://www.construct.net/" target="_blank" rel="noreferrer">Construct</a> · <a href="https://www.construct.net/en/make-games/manuals/construct-3" target="_blank" rel="noreferrer">Documentation</a></p>
<hr>
<h3 id="gdevelop" tabindex="-1"><a href="https://gdevelop.io/" target="_blank" rel="noreferrer">GDevelop</a> <a class="header-anchor" href="#gdevelop" aria-label="Permalink to &quot;[GDevelop](https://gdevelop.io/)&quot;"></a></h3>
<p>Moteur de jeu visuel open source dont les fonctionnalités 3D ne cessent de s’enrichir.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Développement sans code fondé sur des événements</li>
<li>Prise en charge 3D native (ajoutée dans la version 5.3)</li>
<li>Éditeur 3D en temps réel (5.6)</li>
<li>Jolt Physics pour la 3D</li>
<li>Profileur intégré</li>
<li>Prise en charge du multijoueur en temps réel (2 à 8 joueurs)</li>
<li>Offre gratuite disponible</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Le code exporté inclut les bibliothèques du moteur (Pixi.js, Three.js, Howler.js)</li>
<li>Taille de build supérieure à celle des frameworks minimalistes</li>
<li>L’éditeur peut ralentir avec de nombreux objets ou scènes</li>
<li>Les performances dépendent fortement des techniques d’optimisation employées</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les débutants, les contextes éducatifs, le prototypage rapide et les jeux 2D/3D de taille modeste.</p>
<p><strong>Liens :</strong> <a href="https://gdevelop.io/" target="_blank" rel="noreferrer">GDevelop</a> · <a href="https://wiki.gdevelop.io/" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/4ian/GDevelop" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h2 id="frameworks-javascript" tabindex="-1">Frameworks JavaScript <a class="header-anchor" href="#frameworks-javascript" aria-label="Permalink to &quot;Frameworks JavaScript&quot;"></a></h2>
<p>Pour les développeurs qui souhaitent un contrôle maximal avec un minimum de surcoût.</p>
<h3 id="phaser-v4" tabindex="-1"><a href="https://phaser.io/" target="_blank" rel="noreferrer">Phaser</a> (v4) <a class="header-anchor" href="#phaser-v4" aria-label="Permalink to &quot;[Phaser](https://phaser.io/) (v4)&quot;"></a></h3>
<p>Le framework de jeu HTML5 le plus populaire. La version 4 stable est sortie en avril 2026. Elle reconstruit entièrement le moteur de rendu WebGL autour d’une nouvelle architecture de rendu fondée sur des nœuds, tout en conservant l’API de la v3. Les versions intermédiaires se sont ensuite succédé rapidement, avec la v4.2 « Giedi » en juin 2026, puis le correctif 4.2.1 en juillet. Notez que Phaser 4 est une réécriture pour WebGL2, et non un moteur WebGPU ; WebGPU est une base pour l’avenir, pas une fonctionnalité actuellement disponible.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Framework de jeu complet : physique, entrées, audio, scènes et chargement des ressources</li>
<li>Arcade Physics et Matter.js intégrés</li>
<li>Immense communauté, nombreux tutoriels et exemples</li>
<li>Moteurs de rendu WebGL et Canvas</li>
<li>Modèles pour les bundlers et les wrappers d’applications de bureau</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Bundle plus volumineux que les bibliothèques minimalistes (~500 Ko)</li>
<li>Performances inférieures à PixiJS dans les scènes contenant beaucoup de sprites</li>
<li>Architecture plus directive</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les jeux 2D classiques lorsque vous voulez une solution complète tout en continuant à programmer.</p>
<p><strong>Liens :</strong> <a href="https://phaser.io/" target="_blank" rel="noreferrer">Phaser</a> · <a href="https://phaser.io/learn" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/phaserjs/phaser" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h3 id="pixijs-v8" tabindex="-1"><a href="https://pixijs.com/" target="_blank" rel="noreferrer">PixiJS</a> (v8) <a class="header-anchor" href="#pixijs-v8" aria-label="Permalink to &quot;[PixiJS](https://pixijs.com/) (v8)&quot;"></a></h3>
<p>Bibliothèque de rendu 2D haute performance.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Performances de rendu exceptionnelles</li>
<li>Empreinte minuscule (~200 Ko)</li>
<li>Puissant pipeline de rendu WebGL</li>
<li>Excellent choix pour le rendu personnalisé et les visualisations</li>
<li>Nouveau format de scène « gl2D » et bibliothèque de moteur de jeu en développement</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Ce n’est pas un moteur de jeu : aucune gestion de la physique, de l’audio ou des scènes</li>
<li>Davantage de configuration nécessaire</li>
<li>Vous devez créer ou intégrer vous-même la logique de jeu</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les applications riches en graphismes, les besoins de rendu personnalisé, les projets où les performances sont critiques ou la création de votre propre moteur.</p>
<p><strong>Liens :</strong> <a href="https://pixijs.com/" target="_blank" rel="noreferrer">PixiJS</a> · <a href="https://pixijs.com/guides" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/pixijs/pixijs" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h3 id="excalibur-js" tabindex="-1"><a href="https://excaliburjs.com/" target="_blank" rel="noreferrer">Excalibur.js</a> <a class="header-anchor" href="#excalibur-js" aria-label="Permalink to &quot;[Excalibur.js](https://excaliburjs.com/)&quot;"></a></h3>
<p>Moteur de jeu 2D conçu en priorité pour TypeScript, avec une architecture ECS.</p>
<p><strong>Points forts :</strong></p>
<ul>
<li>Développé en TypeScript</li>
<li>Architecture entité-composant-système</li>
<li>Tilemaps, sprites à neuf tranches et particules GPU</li>
<li>Interface HTML qui s’adapte à la taille du canvas</li>
<li>Bon équilibre entre fonctionnalités et contrôle</li>
</ul>
<p><strong>Limites :</strong></p>
<ul>
<li>Version antérieure à la 1.0 (certaines API peuvent encore changer)</li>
<li>Écosystème plus restreint et moins de tutoriels</li>
<li>Les systèmes de physique et d’éclairage sont encore en cours de développement</li>
</ul>
<p><strong>Quand l’utiliser :</strong> Pour les développeurs TypeScript qui créent des jeux 2D et souhaitent davantage de structure qu’avec PixiJS, mais moins de surcoût qu’avec Phaser.</p>
<p><strong>Liens :</strong> <a href="https://excaliburjs.com/" target="_blank" rel="noreferrer">Excalibur.js</a> · <a href="https://excaliburjs.com/docs/" target="_blank" rel="noreferrer">Documentation</a> · <a href="https://github.com/excaliburjs/Excalibur" target="_blank" rel="noreferrer">GitHub</a></p>
<hr>
<h2 id="guide-de-decision" tabindex="-1">Guide de décision <a class="header-anchor" href="#guide-de-decision" aria-label="Permalink to &quot;Guide de décision&quot;"></a></h2>
<h3 id="par-type-de-projet" tabindex="-1">Par type de projet <a class="header-anchor" href="#par-type-de-projet" aria-label="Permalink to &quot;Par type de projet&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Projet</th>
<th>Moteur recommandé</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jeu Web mobile casual en 2D</strong></td>
<td>Defold, Phaser, Construct</td>
</tr>
<tr>
<td><strong>Jeu 2D complexe avec des besoins personnalisés</strong></td>
<td>PixiJS, Excalibur.js</td>
</tr>
<tr>
<td><strong>Jeu Web en 3D</strong></td>
<td>PlayCanvas, Godot (Compatibilité), Cocos Creator</td>
</tr>
<tr>
<td><strong>Multiplateforme (Web + natif)</strong></td>
<td>Unity, Godot, Cocos Creator</td>
</tr>
<tr>
<td><strong>Plateformes de mini-jeux (WeChat, TikTok)</strong></td>
<td>Cocos Creator</td>
</tr>
<tr>
<td><strong>Visualisation haute fidélité</strong></td>
<td>Unreal (Pixel Streaming), PlayCanvas</td>
</tr>
<tr>
<td><strong>Sans code / débutant</strong></td>
<td>Construct, GDevelop</td>
</tr>
<tr>
<td><strong>Open source obligatoire</strong></td>
<td>Godot, Phaser, PixiJS, Excalibur.js, Cocos (moteur)</td>
</tr>
</tbody>
</table>
<h3 id="par-priorite" tabindex="-1">Par priorité <a class="header-anchor" href="#par-priorite" aria-label="Permalink to &quot;Par priorité&quot;"></a></h3>
<table tabindex="0">
<thead>
<tr>
<th>Priorité</th>
<th>Meilleures options</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Taille de build la plus réduite</strong></td>
<td>Defold, PixiJS, Excalibur.js</td>
</tr>
<tr>
<td><strong>Temps de chargement le plus rapide</strong></td>
<td>Defold, Phaser, JavaScript pur</td>
</tr>
<tr>
<td><strong>Meilleure prise en charge 3D</strong></td>
<td>PlayCanvas, Unity, Cocos Creator</td>
</tr>
<tr>
<td><strong>Meilleure prise en charge 2D</strong></td>
<td>Godot, Phaser, Construct, Cocos Creator</td>
</tr>
<tr>
<td><strong>Gratuit et open source</strong></td>
<td>Godot, Phaser, PixiJS, Defold, Cocos (moteur)</td>
</tr>
<tr>
<td><strong>Prise en charge de WebGPU</strong></td>
<td>PlayCanvas (le plus mature), Three.js (activation facultative), Construct, Cocos Creator</td>
</tr>
<tr>
<td><strong>Performances dans les navigateurs mobiles</strong></td>
<td>Defold, Phaser, PlayCanvas, Cocos Creator</td>
</tr>
<tr>
<td><strong>Plateformes de mini-jeux</strong></td>
<td>Cocos Creator</td>
</tr>
</tbody>
</table>
<hr>
<h2 id="la-realite-des-performances-des-jeux-web" tabindex="-1">La réalité des performances des jeux Web <a class="header-anchor" href="#la-realite-des-performances-des-jeux-web" aria-label="Permalink to &quot;La réalité des performances des jeux Web&quot;"></a></h2>
<p>Quel que soit le moteur choisi, les facteurs suivants sont encore plus importants :</p>
<ol>
<li><strong>Taille des ressources</strong> : compressez les textures et l’audio, et réduisez les dépendances</li>
<li><strong>Première scène</strong> : limitez la taille du téléchargement initial et chargez progressivement le reste</li>
<li><strong>Appels de rendu</strong> : regroupez les sprites et utilisez des atlas de textures</li>
<li><strong>Tests sur les appareils</strong> : testez sur de véritables appareils mobiles, pas uniquement dans Chrome sur ordinateur</li>
</ol>
<p>Commencez ici : <a href="/fr/tutorials/ship-web-game-fast.html">Publier un jeu Web qui se charge rapidement</a></p>
<hr>
<h2 id="remarques-sur-la-compatibilite-des-navigateurs" tabindex="-1">Remarques sur la compatibilité des navigateurs <a class="header-anchor" href="#remarques-sur-la-compatibilite-des-navigateurs" aria-label="Permalink to &quot;Remarques sur la compatibilité des navigateurs&quot;"></a></h2>
<table tabindex="0">
<thead>
<tr>
<th>Fonctionnalité</th>
<th>Chrome</th>
<th>Firefox</th>
<th>Safari</th>
<th>Mobile</th>
</tr>
</thead>
<tbody>
<tr>
<td>WebGL 2.0</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
<tr>
<td>WebGPU</td>
<td>✅</td>
<td>✅ Windows/macOS</td>
<td>✅ Safari 26+</td>
<td>✅ iOS/iPadOS 26+</td>
</tr>
<tr>
<td>SharedArrayBuffer</td>
<td>✅ (COOP/COEP)</td>
<td>✅ (COOP/COEP)</td>
<td>⚠️</td>
<td>⚠️</td>
</tr>
<tr>
<td>Wasm SIMD</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
<td>✅</td>
</tr>
</tbody>
</table>
<p>Safari 26 (septembre 2025) a enfin proposé WebGPU sur macOS, iPadOS, iOS et visionOS. La compatibilité multinavigateur de WebGPU est donc désormais une réalité, plutôt qu’une fonctionnalité réservée à Chrome. Firefox reste à la traîne : WebGPU est arrivé sur Windows avec Firefox 141, puis sur macOS avec Firefox 145, mais les versions Linux et Android ne le proposent encore que dans Nightly, Mozilla visant une sortie sur ces deux plateformes en 2026. SharedArrayBuffer reste la dépendance la plus délicate sur Safari ; testez donc toujours votre jeu sur Safari/iOS si vous utilisez le multithreading ou ciblez un large public.</p>
<hr>
<h2 id="questions-frequentes" tabindex="-1">Questions fréquentes <a class="header-anchor" href="#questions-frequentes" aria-label="Permalink to &quot;Questions fréquentes&quot;"></a></h2>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-pour-les-jeux-sur-navigateur" tabindex="-1">Quel est le meilleur moteur de jeu pour les jeux sur navigateur ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-pour-les-jeux-sur-navigateur" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu pour les jeux sur navigateur ?&quot;"></a></h3>
<p>Il n’existe pas de réponse unique, car tout dépend de ce que vous créez. Pour les jeux 2D, Phaser et Defold sont difficiles à battre. Ils sont légers, bien documentés et produisent des builds compacts qui se chargent rapidement. Pour la 3D dans le navigateur, PlayCanvas et Three.js offrent un contrôle maximal sans la lourdeur d’un moteur complet conçu pour les applications de bureau. Si vous avez besoin d’une solution multiplateforme et que le Web reste secondaire, Unity ou Godot peuvent exporter vers WebGL, mais attendez-vous à des téléchargements plus volumineux. Nous avons créé <a href="/fr/engine.html">Cinevva Engine</a> sur Three.js parce que nous voulions dès le premier jour une solution open source conçue en priorité pour le Web.</p>
<h3 id="unity-peut-il-exporter-vers-le-web" tabindex="-1">Unity peut-il exporter vers le Web ? <a class="header-anchor" href="#unity-peut-il-exporter-vers-le-web" aria-label="Permalink to &quot;Unity peut-il exporter vers le Web ?&quot;"></a></h3>
<p>Oui, Unity peut exporter des builds WebGL. Cela fonctionne, mais implique des compromis. Même pour un projet vide, la taille minimale du build avoisine 8 Mo, les temps de chargement sont sensiblement plus longs qu’avec les moteurs natifs du Web, et la prise en charge des navigateurs mobiles peut être incertaine en raison de la consommation de mémoire. Si votre jeu existe déjà dans Unity et que vous souhaitez en créer une version Web, c’est une option acceptable. Si vous partez de zéro et ciblez spécifiquement le Web, un moteur conçu pour le Web donnera de meilleurs résultats.</p>
<h3 id="godot-convient-il-aux-jeux-web" tabindex="-1">Godot convient-il aux jeux Web ? <a class="header-anchor" href="#godot-convient-il-aux-jeux-web" aria-label="Permalink to &quot;Godot convient-il aux jeux Web ?&quot;"></a></h3>
<p>L’exportation HTML5 de Godot est fiable et continue de s’améliorer. Le moteur lui-même est gratuit et open source, ce qui constitue un avantage majeur. Les builds commencent autour de 9 Mo sans compression — moins avec gzip — et vous bénéficiez d’une véritable prise en charge de la 2D et de la 3D. Le principal piège concerne SharedArrayBuffer, qui nécessite des en-têtes serveur spécifiques et peut poser problème avec certaines configurations d’hébergement. Pour les développeurs indépendants qui souhaitent utiliser une seule base de code sur ordinateur et sur le Web, Godot est un excellent choix.</p>
<h3 id="quel-est-le-plus-petit-moteur-de-jeu-web" tabindex="-1">Quel est le plus petit moteur de jeu Web ? <a class="header-anchor" href="#quel-est-le-plus-petit-moteur-de-jeu-web" aria-label="Permalink to &quot;Quel est le plus petit moteur de jeu Web ?&quot;"></a></h3>
<p>PixiJS pèse environ 200 Ko, ce qui est minuscule. Il s’agit toutefois d’un moteur de rendu 2D, et non d’un moteur complet : vous devrez donc écrire davantage de code vous-même. Excalibur.js pèse environ 300 Ko et intègre plus de fonctionnalités de jeu. Phaser atteint environ 500 Ko et fournit un framework complet pour les jeux 2D. Pour la 3D, PlayCanvas et Defold se situent autour de 1 à 2 Mo. La véritable question ne concerne toutefois pas seulement la taille du moteur, mais celle du build complet, ressources comprises. Sur ce point, l’optimisation compte davantage que le choix du moteur.</p>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-pour-2026" tabindex="-1">Quel est le meilleur moteur de jeu pour 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-pour-2026" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu pour 2026 ?&quot;"></a></h3>
<p>Tout dépend de ce que vous publiez. Pour la 3D conçue en priorité pour le Web, PlayCanvas est le meilleur choix en 2026. Pour la 2D, Defold et Phaser dominent en matière de temps de chargement et de communauté. Si vous avez besoin d’une seule base de code pour le Web et les plateformes natives, Godot (gratuit) ou Unity (builds plus volumineux) sont des choix pertinents. Il n’existe pas de moteur universellement « meilleur », seulement celui qui correspond le mieux à vos contraintes de taille de build, de plateforme et de compétences. Nous avons créé <a href="/fr/engine.html">Cinevva Engine</a> sur Three.js parce que nous voulions dès le départ une solution open source conçue en priorité pour le Web.</p>
<h3 id="quels-sont-les-meilleurs-moteurs-de-jeu-2d-pour-2026" tabindex="-1">Quels sont les meilleurs moteurs de jeu 2D pour 2026 ? <a class="header-anchor" href="#quels-sont-les-meilleurs-moteurs-de-jeu-2d-pour-2026" aria-label="Permalink to &quot;Quels sont les meilleurs moteurs de jeu 2D pour 2026 ?&quot;"></a></h3>
<p>Defold, Phaser et Construct sont les principaux moteurs 2D pour le Web en 2026. Defold produit les builds les plus compacts et les plus rapides à charger. Phaser est le framework HTML5 le plus populaire et possède le plus vaste écosystème. Construct permet de créer visuellement des jeux 2D sans écrire de code. Pour un rendu personnalisé, PixiJS et Excalibur.js offrent davantage de contrôle avec une empreinte plus réduite.</p>
<h3 id="qu-est-ce-qu-un-moteur-de-jeu-wasm" tabindex="-1">Qu’est-ce qu’un moteur de jeu Wasm ? <a class="header-anchor" href="#qu-est-ce-qu-un-moteur-de-jeu-wasm" aria-label="Permalink to &quot;Qu’est-ce qu’un moteur de jeu Wasm ?&quot;"></a></h3>
<p>Un moteur de jeu Wasm compile votre jeu en WebAssembly, un format binaire de bas niveau qui s’exécute dans le navigateur à une vitesse proche de celle du code natif. Godot, Defold et Cocos Creator utilisent tous WebAssembly pour leurs exportations Web, ce qui explique leurs performances nettement supérieures à celles des anciens moteurs exclusivement fondés sur JavaScript. En 2026, Wasm est devenu la norme pour les jeux sur navigateur exigeants.</p>
<h3 id="quels-sont-les-moteurs-de-jeu-les-plus-populaires-en-2026" tabindex="-1">Quels sont les moteurs de jeu les plus populaires en 2026 ? <a class="header-anchor" href="#quels-sont-les-moteurs-de-jeu-les-plus-populaires-en-2026" aria-label="Permalink to &quot;Quels sont les moteurs de jeu les plus populaires en 2026 ?&quot;"></a></h3>
<p>En matière de parc installé et de demande sur le marché de l’emploi, Unity et Unreal sont les moteurs de référence du secteur en 2026, tandis que Godot est l’alternative open source qui connaît la croissance la plus rapide. Pour les jeux exécutés dans le navigateur, Phaser est le framework 2D le plus populaire et PlayCanvas domine la 3D pensée pour le Web. Une communauté plus importante signifie davantage de tutoriels, de plugins et de réponses lorsque vous êtes bloqué, mais le moteur le plus populaire n’est pas toujours le mieux adapté à un projet Web, où la taille du build et le temps de chargement déterminent qui pourra réellement jouer.</p>
<h3 id="quels-sont-les-meilleurs-moteurs-de-jeu-gratuits-en-2026" tabindex="-1">Quels sont les meilleurs moteurs de jeu gratuits en 2026 ? <a class="header-anchor" href="#quels-sont-les-meilleurs-moteurs-de-jeu-gratuits-en-2026" aria-label="Permalink to &quot;Quels sont les meilleurs moteurs de jeu gratuits en 2026 ?&quot;"></a></h3>
<p>Godot est le moteur gratuit le plus complet en 2026. Il est entièrement open source sous licence MIT, sans plafond de revenus ni frais par utilisateur, et prend en charge la 2D comme la 3D. Pour le Web en particulier, Phaser, PixiJS, Defold et Excalibur.js sont également gratuits et open source. Unity et Construct proposent des offres gratuites assorties de limites, tandis qu’Unreal est gratuit jusqu’à 1 million de dollars de revenus. Si vous ne voulez aucuns frais ni aucune contrainte, choisissez Godot ou l’un des frameworks JavaScript open source.</p>
<h3 id="quel-est-le-meilleur-moteur-de-jeu-pour-debuter-en-2026" tabindex="-1">Quel est le meilleur moteur de jeu pour débuter en 2026 ? <a class="header-anchor" href="#quel-est-le-meilleur-moteur-de-jeu-pour-debuter-en-2026" aria-label="Permalink to &quot;Quel est le meilleur moteur de jeu pour débuter en 2026 ?&quot;"></a></h3>
<p>Pour les débutants en 2026, GDevelop et Construct sont les points de départ les plus simples, car ils permettent de créer des jeux visuellement, avec peu ou pas de code. Si vous souhaitez apprendre la programmation en même temps que la conception de jeux, Godot dispose d’un langage de script accessible et d’une immense bibliothèque de tutoriels gratuits. Pour les jeux Web 2D en particulier, Phaser est abordable dès lors que vous connaissez un peu JavaScript. Commencez par l’outil qui correspond à la quantité de code que vous souhaitez écrire, puis passez à une solution plus avancée à mesure que vos projets grandissent.</p>
<hr>
<h2 id="en-resume" tabindex="-1">En résumé <a class="header-anchor" href="#en-resume" aria-label="Permalink to &quot;En résumé&quot;"></a></h2>
<ul>
<li><strong>Pour la plupart des jeux Web</strong> : commencez par Defold, Phaser ou PlayCanvas selon vos besoins en 2D ou en 3D</li>
<li><strong>Pour le multiplateforme</strong> : Unity, Godot ou Cocos Creator, en acceptant des builds plus volumineux</li>
<li><strong>Pour les plateformes de mini-jeux</strong> : Cocos Creator (WeChat, TikTok, Taobao)</li>
<li><strong>Pour un contrôle maximal</strong> : PixiJS ou Excalibur.js</li>
<li><strong>Pour les non-programmeurs</strong> : Construct ou GDevelop</li>
<li><strong>Pour une 3D haute fidélité</strong> : PlayCanvas ou Pixel Streaming</li>
</ul>
<p>Le meilleur moteur est celui qui vous permet de publier votre jeu. Commencez modestement, mesurez les performances dès le début et donnez avant tout la priorité au temps de chargement.</p>
<BuildCta
  title="Vous ne voulez pas avoir à choisir de moteur ?"
  desc="Décrivez votre jeu en une phrase et jouez-y gratuitement en une minute environ."
  prompt="Crée un jeu de plateformes 3D avec des plateformes mobiles et un chronomètre" />
<h2 id="articles-connexes" tabindex="-1">Articles connexes <a class="header-anchor" href="#articles-connexes" aria-label="Permalink to &quot;Articles connexes&quot;"></a></h2>
<ul>
<li><a href="/fr/guides/vibe-coding-game-prompts.html">100 idées de prompts IA pour créer un jeu en un clic</a> — inspirez-vous d’une idée et rendez-la jouable en une minute environ</li>
<li><a href="/fr/guides/godot-vs-unity-web-games.html">Godot ou Unity pour les jeux Web</a> — comparaison directe des deux grands moteurs complets sur le Web</li>
<li><a href="/fr/guides/unity-alternatives-web-games.html">Alternatives à Unity pour les jeux Web</a> — vous quittez Unity ? choisissez un moteur Web selon les raisons qui motivent votre changement</li>
<li><a href="/fr/guides/open-source-game-engines-2026.html">Meilleurs moteurs de jeu open source en 2026</a> — des moteurs gratuits et sans redevances que vous pouvez forker et utiliser pour publier vos jeux</li>
<li><a href="/fr/guides/best-2d-game-engines-2026.html">Meilleurs moteurs de jeu 2D en 2026</a> — si votre jeu est en 2D, commencez ici</li>
<li><a href="/fr/guides/playcanvas-vs-threejs.html">PlayCanvas ou Three.js</a> — moteur ou bibliothèque pour la 3D sur le Web</li>
<li><a href="/fr/guides/threejs-vs-babylonjs.html">Three.js ou Babylon.js</a> — les deux grandes bibliothèques de 3D Web</li>
<li><a href="/fr/guides/construct-vs-gdevelop.html">Construct ou GDevelop</a> — le duel des outils 2D sans code</li>
<li><a href="/fr/guides/web-games-stack-2026.html">Stack technique des jeux Web en 2026</a> — WebGL, WebGPU et Wasm au niveau des API</li>
<li><a href="/fr/tutorials/canvas-2d-game-loop.html">Boucle de jeu avec Canvas 2D</a> — créez un jeu sans aucun moteur</li>
<li><a href="/fr/guides/game-jams-hackathons.html">Game jams et hackathons</a> — choisir un moteur adapté aux contraintes d’une game jam de 48 heures</li>
<li><a href="/fr/tutorials/game-physics-libraries.html">Bibliothèques de physique pour les jeux</a> — des moteurs physiques compatibles avec chacun de ces frameworks</li>
<li><a href="/fr/guides/frontier-gen-ai-models.html">Meilleurs modèles d’IA générative open source pour les jeux</a> — des modèles d’IA pour générer des ressources 3D, graphiques et audio destinées au moteur de votre choix</li>
<li><a href="/fr/guides/itch-io-launch-guide.html">Comment publier votre jeu sur itch.io</a> — distribuez votre jeu Web après avoir choisi votre moteur</li>
</ul>
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/web-game-engines-comparison.jpg?v=2" length="0" type="image/jpg"/>
        </item>
        <item>
            <title><![CDATA[La stack technologique des jeux web en 2026]]></title>
            <link>https://app.cinevva.com/fr/guides/web-games-stack-2026</link>
            <guid>https://app.cinevva.com/fr/guides/web-games-stack-2026</guid>
            <pubDate>Sun, 18 Jan 2026 00:00:00 GMT</pubDate>
            <description><![CDATA[Guide pratique de WebGL, WebGPU et WebAssembly pour les créateurs de jeux web, avec des exemples de code concrets et des cadres de décision.]]></description>
            <content:encoded><![CDATA[<h1 id="la-stack-technologique-des-jeux-web-en-2026" tabindex="-1">La stack technologique des jeux web en 2026 <a class="header-anchor" href="#la-stack-technologique-des-jeux-web-en-2026" aria-label="Permalink to &quot;La stack technologique des jeux web en 2026&quot;"></a></h1>
<p>Trois technologies font tourner les jeux web : WebGL, WebGPU et WebAssembly. Chacune répond à des besoins différents et implique ses propres compromis. Ce guide vous aide à choisir en fonction de ce que vous développez réellement, et non de la technologie qui suscite le plus d’engouement.</p>
<h2 id="la-reponse-rapide" tabindex="-1">La réponse rapide <a class="header-anchor" href="#la-reponse-rapide" aria-label="Permalink to &quot;La réponse rapide&quot;"></a></h2>
<p>WebGL 2.0 fonctionne partout et convient parfaitement à la plupart des jeux. Utilisez-le si vous avez besoin d’une large compatibilité, en particulier sur mobile. WebGPU offre des shaders de calcul et de meilleures performances, mais vous perdrez des utilisateurs sur les navigateurs et appareils plus anciens. WebAssembly accélère votre code côté CPU : il est donc utile pour la physique et la recherche de chemin, mais ne vous aidera pas si votre goulot d’étranglement se situe au niveau du GPU.</p>
<p>En 2026, la plupart des jeux utilisent WebGL avec une prise en charge facultative de WebGPU pour les navigateurs compatibles. Wasm est employé de manière sélective pour les portions de code critiques, et non pour l’ensemble du jeu.</p>
<h2 id="webgl-2-0-le-choix-sans-surprise-qui-fonctionne" tabindex="-1">WebGL 2.0 : le choix sans surprise qui fonctionne <a class="header-anchor" href="#webgl-2-0-le-choix-sans-surprise-qui-fonctionne" aria-label="Permalink to &quot;WebGL 2.0 : le choix sans surprise qui fonctionne&quot;"></a></h2>
<p>WebGL 2.0 est stable depuis 2017. Tous les navigateurs modernes le prennent en charge. Votre jeu fonctionne sur Chrome, Firefox, Safari et Edge, y compris dans des versions datant de plus de cinq ans. Il fonctionne sur Safari iOS 15+, Chrome pour Android et Samsung Internet. Il s’exécute même dans les navigateurs de consoles, comme Edge sur Xbox et le navigateur de PlayStation.</p>
<p>Voici à quoi ressemble une configuration WebGL 2 de base :</p>
<div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> canvas</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getElementById</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'game'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> gl</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> canvas.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getContext</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl2'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">gl) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Fallback to WebGL 1 or show error</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> gl1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> canvas.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getContext</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">gl1) {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    showError</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'Your browser does not support WebGL.'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Now you have a GL context</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">gl.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">clearColor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0.1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">1.0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">gl.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">clear</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(gl.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">COLOR_BUFFER_BIT</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span></code></pre>
</div><h3 id="ce-que-vous-obtenez" tabindex="-1">Ce que vous obtenez <a class="header-anchor" href="#ce-que-vous-obtenez" aria-label="Permalink to &quot;Ce que vous obtenez&quot;"></a></h3>
<p>WebGL 2 permet le rendu instancié, afin de dessiner des milliers d’objets avec un seul appel de rendu. Il dispose du transform feedback pour les systèmes de particules et les simulations exécutés côté GPU. Vous bénéficiez de plusieurs cibles de rendu pour le rendu différé et les G-buffers, de textures 3D pour les effets volumétriques et de textures entières pour stocker des données avec précision.</p>
<div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">gl.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">drawArraysInstanced</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(gl.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">TRIANGLES</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, vertexCount, instanceCount);</span></span></code></pre>
</div><h3 id="ce-que-vous-n-obtenez-pas" tabindex="-1">Ce que vous n’obtenez pas <a class="header-anchor" href="#ce-que-vous-n-obtenez-pas" aria-label="Permalink to &quot;Ce que vous n’obtenez pas&quot;"></a></h3>
<p>Vous ne pouvez pas exécuter de shaders de calcul pour les calculs généralistes sur GPU. Il n’y a pas de textures sans liaison, ce qui vous limite au nombre d’unités de texture. Pas de mappage persistant ni de contrôle explicite de la mémoire. Pas de mesh shaders ni de pipeline géométrique moderne.</p>
<p>Pour la plupart des jeux 2D et de nombreux jeux 3D, ces limites n’ont aucune importance. Certains des jeux web les plus populaires jamais créés ont été publiés avec WebGL 2.</p>
<h2 id="webgpu-lorsque-vous-avez-besoin-de-davantage" tabindex="-1">WebGPU : lorsque vous avez besoin de davantage <a class="header-anchor" href="#webgpu-lorsque-vous-avez-besoin-de-davantage" aria-label="Permalink to &quot;WebGPU : lorsque vous avez besoin de davantage&quot;"></a></h2>
<p>WebGPU est conçu autour du fonctionnement réel des GPU modernes. Chrome l’a intégré en mai 2023 et, fin 2025, tous les principaux navigateurs le prenaient en charge. Chrome 113+, Safari 26+ et Edge 113+ sont tous compatibles. Firefox l’a activé à partir de la version 141 sous Windows, depuis juillet 2025, et de la version 145 sur les Mac Apple Silicon, tandis que son déploiement se poursuit sous Linux et Android. Chrome pour Android le prend en charge sur les appareils récents, tout comme Safari iOS 26+.</p>
<p>Le problème est que les appareils et navigateurs plus anciens ne le prennent pas en charge. Vous avez donc besoin d’une stratégie de repli.</p>
<h3 id="ce-que-vous-obtenez-1" tabindex="-1">Ce que vous obtenez <a class="header-anchor" href="#ce-que-vous-obtenez-1" aria-label="Permalink to &quot;Ce que vous obtenez&quot;"></a></h3>
<p>Les shaders de calcul permettent d’exécuter des calculs généralistes sur GPU pour la physique, les particules, l’IA et le traitement d’images.</p>
<div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// A compute shader that processes data in parallel</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> computeShaderCode</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> `</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">@group(0) @binding(0) var&#x3C;storage, read_write> data: array&#x3C;f32>;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">@compute @workgroup_size(64)</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">fn main(@builtin(global_invocation_id) id: vec3&#x3C;u32>) {</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">  data[id.x] = data[id.x] * 2.0;</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">}</span></span>
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span></code></pre>
</div><p>Vous bénéficiez également d’une gestion explicite des ressources, ce qui réduit les mauvaises surprises en matière de performances, de render bundles permettant de préenregistrer des appels de rendu pour les réutiliser, ainsi que de WGSL, un langage de shaders moderne conçu pour les GPU plutôt qu’un bricolage inspiré du C.</p>
<h3 id="configuration-pratique-de-webgpu" tabindex="-1">Configuration pratique de WebGPU <a class="header-anchor" href="#configuration-pratique-de-webgpu" aria-label="Permalink to &quot;Configuration pratique de WebGPU&quot;"></a></h3>
<p>Voici comment initialiser WebGPU avec un repli vers WebGL :</p>
<div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">async</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> initGraphics</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">canvas</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Try WebGPU first</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (navigator.gpu) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> adapter</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> navigator.gpu.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">requestAdapter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (adapter) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">      const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> device</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> adapter.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">requestDevice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">      const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> context</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> canvas.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getContext</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgpu'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">      </span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">      context.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">configure</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">({</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">        device,</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">        format: navigator.gpu.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getPreferredCanvasFormat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(),</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">      });</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">      </span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">      return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgpu'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, device, context };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">    }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Fall back to WebGL 2</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> gl</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> canvas.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getContext</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl2'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (gl) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl2'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, gl };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">  // Last resort: WebGL 1</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> gl1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> canvas.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">getContext</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> (gl1) {</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'webgl'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">, gl: gl1 };</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  }</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">  </span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">  throw</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Error</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">'No graphics API available'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><h3 id="quand-webgpu-est-reellement-utile" tabindex="-1">Quand WebGPU est réellement utile <a class="header-anchor" href="#quand-webgpu-est-reellement-utile" aria-label="Permalink to &quot;Quand WebGPU est réellement utile&quot;"></a></h3>
<p>WebGPU excelle lorsque vous avez besoin de shaders de calcul pour mettre à jour des millions de particules sans allers-retours avec le CPU, pour la détection de collisions et la simulation de tissus accélérées par GPU, pour la génération procédurale de terrains, de textures ou de maillages, pour des effets de post-traitement complexes comme le SSAO, le bloom et la profondeur de champ, ou encore pour exécuter des modèles entraînés servant au comportement des PNJ ou aux effets visuels.</p>
<p>Si vous créez un jeu de réflexion ou un visual novel, WebGPU ne vous aidera pas. Si vous développez un jeu d’action riche en particules ou un monde 3D complexe, le compromis en matière de compatibilité peut en valoir la peine.</p>
<h2 id="webassembly-du-code-cpu-rapide" tabindex="-1">WebAssembly : du code CPU rapide <a class="header-anchor" href="#webassembly-du-code-cpu-rapide" aria-label="Permalink to &quot;WebAssembly : du code CPU rapide&quot;"></a></h2>
<p>WebAssembly exécute du code compilé à une vitesse proche de celle du code natif. Il ne concerne pas les graphismes, mais l’accélération de votre code côté CPU.</p>
<h3 id="quand-il-est-utile" tabindex="-1">Quand il est utile <a class="header-anchor" href="#quand-il-est-utile" aria-label="Permalink to &quot;Quand il est utile&quot;"></a></h3>
<p>Wasm convient bien aux moteurs physiques — Box2D, Bullet et Rapier disposent tous de versions Wasm —, à la recherche de chemin sur de grandes grilles, à la décompression des ressources, à l’émulation d’anciennes consoles de jeu et au portage de bases de code C++ ou Rust existantes vers le web.</p>
<h3 id="quand-il-n-est-pas-utile" tabindex="-1">Quand il n’est pas utile <a class="header-anchor" href="#quand-il-n-est-pas-utile" aria-label="Permalink to &quot;Quand il n’est pas utile&quot;"></a></h3>
<p>Votre GPU ne se soucie pas de savoir si les appels de rendu proviennent de JavaScript ou de Wasm : le rendu ne sera donc pas plus rapide. Le code limité par les entrées-sorties, comme le chargement de ressources ou les requêtes réseau, n’en bénéficiera pas non plus. Et si votre code JavaScript s’exécute déjà en moins d’une milliseconde, Wasm ne vous fera rien gagner.</p>
<h3 id="un-exemple-pratique-de-wasm" tabindex="-1">Un exemple pratique de Wasm <a class="header-anchor" href="#un-exemple-pratique-de-wasm" aria-label="Permalink to &quot;Un exemple pratique de Wasm&quot;"></a></h3>
<p>Voici une fonction Rust minimale compilée en Wasm pour la physique :</p>
<div class="language-rust vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">rust</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// src/lib.rs</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">#[no_mangle]</span></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">pub</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> extern</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> "C"</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583"> fn</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> step_physics</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(dt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> f32</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">    // Your physics code here</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><p>Compilez-la avec :</p>
<div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">wasm-pack</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> build</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF"> --target</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> web</span></span></code></pre>
</div><p>Utilisez-la en JavaScript :</p>
<div class="language-javascript vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">javascript</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8"> init, { step_physics } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF"> './physics_bg.wasm'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> init</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> gameLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70">dt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">) {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  step_physics</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(dt); </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D">// Runs at near-native speed</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  render</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">();</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  requestAnimationFrame</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">(gameLoop);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">}</span></span></code></pre>
</div><h3 id="le-multithreading-se-complique" tabindex="-1">Le multithreading se complique <a class="header-anchor" href="#le-multithreading-se-complique" aria-label="Permalink to &quot;Le multithreading se complique&quot;"></a></h3>
<p>Wasm peut utiliser des threads pour le traitement parallèle, mais cela nécessite <code>SharedArrayBuffer</code>, ce qui impose d’activer des en-têtes d’isolation interorigines sur votre serveur :</p>
<div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0" v-pre=""><code><span class="line"><span>Cross-Origin-Opener-Policy: same-origin</span></span>
<span class="line"><span>Cross-Origin-Embedder-Policy: require-corp</span></span></code></pre>
</div><p>Ces en-têtes provoquent des incompatibilités. Les iframes tierces dépourvues d’en-têtes CORP cessent de fonctionner, certains scripts d’analyse ne fonctionnent plus et les fenêtres contextuelles OAuth peuvent échouer. Vous pouvez utiliser <code>credentialless</code> à la place de <code>require-corp</code> pour limiter les dégâts, mais cela reste compliqué.</p>
<p>Si vous ne pouvez pas définir ces en-têtes parce que vous utilisez un hébergement mutualisé ou itch.io, vous ne pouvez pas employer les threads Wasm. Le Wasm monothread fonctionne néanmoins parfaitement.</p>
<h2 id="des-decisions-concretes-pour-de-vrais-jeux" tabindex="-1">Des décisions concrètes pour de vrais jeux <a class="header-anchor" href="#des-decisions-concretes-pour-de-vrais-jeux" aria-label="Permalink to &quot;Des décisions concrètes pour de vrais jeux&quot;"></a></h2>
<p>Si vous créez un jeu de plateforme 2D, utilisez WebGL 2 via une bibliothèque comme Phaser ou PixiJS. Oubliez WebGPU, qui serait excessif, et Wasm, puisque JavaScript est suffisamment rapide pour la physique 2D. Une large compatibilité compte davantage que les dernières fonctionnalités, et votre principal frein sera le contenu, non la technologie.</p>
<p>Si vous créez un monde ouvert en 3D, commencez avec WebGL 2, mais prévoyez une voie de migration vers WebGPU. Envisagez Wasm pour la physique avec Rapier ou Bullet. Vous voulez toucher le public le plus large possible dès maintenant, mais les shaders de calcul pourront plus tard améliorer la végétation, les particules et les niveaux de détail. L’exécution de la physique dans Wasm limite la consommation du budget CPU.</p>
<p>Si vous portez un moteur C++, utilisez Wasm via Emscripten. Les graphismes utiliseront WebGL 2 par défaut, ou WebGPU si votre moteur le prend en charge. Vous disposez déjà du code et Emscripten s’occupe de la traduction.</p>
<p>Si vous créez un jeu de réflexion, utilisez Canvas 2D ou WebGL 2 via Phaser. Oubliez tout le reste. Les jeux simples doivent rester simples.</p>
<p>Si vous avez absolument besoin de performances maximales et acceptez de perdre certains utilisateurs équipés de navigateurs plus anciens, optez pour WebGPU avec Wasm. Mesurez simplement l’impact réel sur votre public avant de vous engager.</p>
<h2 id="ce-qui-rend-reellement-les-jeux-rapides" tabindex="-1">Ce qui rend réellement les jeux rapides <a class="header-anchor" href="#ce-qui-rend-reellement-les-jeux-rapides" aria-label="Permalink to &quot;Ce qui rend réellement les jeux rapides&quot;"></a></h2>
<p>Voici, par ordre d’importance, les facteurs qui déterminent si votre jeu web fonctionne correctement.</p>
<p>La taille des ressources représente environ la moitié des performances perçues. Un jeu de 2 Mo qui se charge en une seconde paraît plus rapide qu’un jeu de 50 Mo offrant un meilleur nombre d’images par seconde. Compressez tout. Chargez à la demande ce qui peut l’être.</p>
<p>Les appels de rendu comptent énormément pour les jeux 3D et peuvent représenter 30 % de votre budget de performances. Regroupez votre géométrie. Utilisez des atlas de textures. Instanciez les objets répétés. Cela compte bien plus que le choix entre WebGL et WebGPU.</p>
<p>Les performances de JavaScript représentent peut-être 15 %. Évitez les allocations dans les boucles critiques. Utilisez des tableaux typés. Profilez avant d’optimiser.</p>
<p>Le choix de l’API graphique ? Honnêtement, peut-être 5 %. Pour la plupart des jeux, l’API importe moins que la manière dont vous l’utilisez.</p>
<p>Si votre jeu est lent, vérifiez d’abord si vous chargez trop de données dès le départ. Vérifiez ensuite si vous effectuez trop d’appels de rendu. Puis regardez si votre code JavaScript fait quelque chose d’inefficace dans la boucle de jeu. Ce n’est qu’après tout cela que vous devriez vous demander si une autre API graphique pourrait vous aider.</p>
<h2 id="ce-que-j-utiliserais-reellement" tabindex="-1">Ce que j’utiliserais réellement <a class="header-anchor" href="#ce-que-j-utiliserais-reellement" aria-label="Permalink to &quot;Ce que j’utiliserais réellement&quot;"></a></h2>
<p>Pour un nouveau jeu web démarré aujourd’hui, j’utiliserais Three.js ou Babylon.js pour le rendu, car ces bibliothèques font abstraction de WebGL et de WebGPU. Pour la physique, j’opterais pour Rapier — écrit en Rust et compilé en Wasm — si j’avais besoin de physique 3D, ou simplement pour le moteur physique 2D intégré du moteur dans le cas de jeux plus simples. Howler.js ou directement l’API Web Audio pour le son. Vite pour la compilation, car il est rapide en développement et produit de bonnes versions de production. Enfin, un hébergement statique sur Netlify, Vercel, GitHub Pages ou itch.io.</p>
<p>Cette stack permet de publier des jeux qui fonctionnent sur plus de 98 % des appareils, tout en étant prêts pour WebGPU lorsque celui-ci deviendra la solution par défaut.</p>
<h2 id="testez-avant-de-vous-engager" tabindex="-1">Testez avant de vous engager <a class="header-anchor" href="#testez-avant-de-vous-engager" aria-label="Permalink to &quot;Testez avant de vous engager&quot;"></a></h2>
<p>Avant d’arrêter votre choix sur une stack technologique, créez un petit prototype et testez-le réellement. Vérifiez le temps de chargement en 3G à l’aide de la limitation réseau de Chrome DevTools. Votre jeu devrait être jouable en moins de cinq secondes sur une connexion lente. Testez les performances sur un téléphone Android d’entrée de gamme : empruntez-en un ou utilisez BrowserStack. S’il fonctionne sur cet appareil, il fonctionnera partout. Testez-le spécifiquement sur Safari, car ce navigateur est suffisamment différent pour réserver des surprises. Et si votre jeu doit être publié sur Newgrounds ou Kongregate, testez-le dans une iframe.</p>
<p>Ces tests détectent davantage de problèmes réels que tous les débats sur WebGL et WebGPU.</p>
<h2 id="pour-aller-plus-loin" tabindex="-1">Pour aller plus loin <a class="header-anchor" href="#pour-aller-plus-loin" aria-label="Permalink to &quot;Pour aller plus loin&quot;"></a></h2>
<p><a href="/fr/guides/web-game-engines-comparison.html">Comparatif des moteurs de jeux web</a> présente des moteurs complets si vous ne voulez pas tout créer de zéro. <a href="/fr/guides/threejs-usdc-tech-report.html">Three.js + USDC dans le navigateur</a> explique comment charger des ressources USD dans Three.js. <a href="/fr/guides/itch-io-launch-guide.html">Comment publier sur itch.io</a> aborde la publication une fois votre projet terminé.</p>
<p>Pour des tutoriels pratiques qui approfondissent chaque API :</p>
<ul>
<li><a href="/fr/tutorials/webgl-fundamentals-for-games.html">Principes fondamentaux de WebGL pour les créateurs de jeux</a> — shaders, buffers, textures et boucle de rendu</li>
<li><a href="/fr/tutorials/webgpu-getting-started.html">Bien démarrer avec WebGPU</a> — configuration du périphérique, pipelines et shaders WGSL</li>
<li><a href="/fr/tutorials/web-workers-game-logic.html">Web Workers pour la logique de jeu</a> — transfert des tâches vers des threads en arrière-plan</li>
<li><a href="/fr/tutorials/coop-coep-sharedarraybuffer.html">COOP/COEP et SharedArrayBuffer</a> — en-têtes requis pour le multithreading Wasm</li>
<li><a href="/fr/tutorials/game-physics-libraries.html">Bibliothèques de physique pour les jeux</a> — Rapier, Cannon-es, Ammo.js, Matter.js et bien d’autres</li>
</ul>
<p>La bonne stack technologique est celle qui vous permet de publier votre jeu. Choisissez ce que vous connaissez, testez tôt et optimisez plus tard.</p>
<BuildCta
  title="Oubliez la stack, conservez le résultat"
  desc="WebGL, physique et pipeline de ressources sont pris en charge. Il vous suffit de décrire le jeu."
  prompt="Crée un terrain de jeu physique en 3D avec des piles de caisses à renverser" />
]]></content:encoded>
            <enclosure url="https://cdn.cinevva.com/guides/web-games-stack-2026.jpg?v=2" length="0" type="image/jpg"/>
        </item>
    </channel>
</rss>