<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 520" role="img" aria-label="Timeline 2024–2025 : quand l'IA générative commence à produire le jeu vidéo — GameNGen, Genie 2, ACE, Muse">
  <defs>
    <linearGradient id="grad-otium3" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
  </defs>

  <rect width="820" height="520" fill="#faf7f2"/>

  <text x="410" y="42" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="18" font-weight="800" fill="#1a1a1a" letter-spacing="2">QUAND L'IA COMMENCE À PRODUIRE LE JEU</text>
  <text x="410" y="64" text-anchor="middle" font-family="DM Mono, monospace" font-size="11" fill="#6b6b6b" letter-spacing="2">4 JALONS · AOÛT 2024 → FÉVRIER 2025</text>

  <!-- Timeline axis -->
  <line x1="100" y1="180" x2="740" y2="180" stroke="url(#grad-otium3)" stroke-width="3"/>

  <!-- Jalon 1 : GameNGen -->
  <g>
    <circle cx="160" cy="180" r="10" fill="#F05E2C" stroke="#fff" stroke-width="3"/>
    <line x1="160" y1="190" x2="160" y2="220" stroke="#6b6b6b" stroke-width="1"/>

    <rect x="80" y="225" width="160" height="190" rx="4" fill="#fff" stroke="rgba(0,0,0,0.1)" stroke-width="1"/>

    <!-- icône DOOM style pixel -->
    <g transform="translate(105,235)">
      <rect x="0" y="0" width="110" height="55" fill="#8b0000"/>
      <rect x="5" y="5" width="100" height="45" fill="#1a0000"/>
      <text x="55" y="32" text-anchor="middle" font-family="monospace" font-size="16" font-weight="800" fill="#F05E2C" letter-spacing="2">DOOM</text>
    </g>
    <text x="160" y="310" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" font-weight="800" fill="#7B2DB8" letter-spacing="1">27 AOÛT 2024</text>
    <text x="160" y="330" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="13" font-weight="700" fill="#1a1a1a">GameNGen</text>
    <text x="160" y="345" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#6b6b6b">GOOGLE DEEPMIND</text>
    <text x="160" y="370" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">DOOM simulé</text>
    <text x="160" y="385" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">image par image</text>
    <text x="160" y="400" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">par un neural net</text>
    <text x="160" y="415" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#F05E2C" letter-spacing="1">20 FPS · SANS MOTEUR</text>
  </g>

  <!-- Jalon 2 : NVIDIA ACE -->
  <g>
    <circle cx="350" cy="180" r="10" fill="#C73252" stroke="#fff" stroke-width="3"/>
    <line x1="350" y1="170" x2="350" y2="140" stroke="#6b6b6b" stroke-width="1"/>

    <rect x="270" y="60" width="160" height="80" rx="4" fill="#fff" stroke="rgba(0,0,0,0.1)" stroke-width="1"/>

    <text x="350" y="82" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" font-weight="800" fill="#7B2DB8" letter-spacing="1">GDC 2024</text>
    <text x="350" y="102" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="13" font-weight="700" fill="#1a1a1a">NVIDIA ACE</text>
    <text x="350" y="117" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#6b6b6b">PARTENAIRES : INWORLD, CONVAI</text>
    <text x="350" y="133" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">LLM dans les NPC</text>
  </g>

  <!-- Jalon 3 : Genie 2 -->
  <g>
    <circle cx="540" cy="180" r="10" fill="#C73252" stroke="#fff" stroke-width="3"/>
    <line x1="540" y1="190" x2="540" y2="220" stroke="#6b6b6b" stroke-width="1"/>

    <rect x="460" y="225" width="160" height="190" rx="4" fill="#fff" stroke="rgba(0,0,0,0.1)" stroke-width="1"/>

    <!-- icône image → monde 3D -->
    <g transform="translate(485,235)">
      <rect x="0" y="0" width="50" height="50" fill="#7B2DB8" opacity="0.2"/>
      <circle cx="15" cy="15" r="5" fill="#F05E2C"/>
      <path d="M 0 50 L 20 25 L 40 35 L 50 50" fill="#7B2DB8"/>
      <path d="M 55 25 L 75 25 L 85 15 L 85 45 L 55 45 Z M 60 25 L 60 45 M 70 25 L 70 45" stroke="#1a1a1a" stroke-width="1.5" fill="none"/>
      <path d="M 50 25 L 55 25 M 50 30 L 55 30 M 50 35 L 55 35" stroke="#C73252" stroke-width="1"/>
      <rect x="90" y="15" width="20" height="30" fill="none" stroke="#1a1a1a" stroke-width="1.5"/>
      <rect x="92" y="18" width="16" height="18" fill="#C73252" opacity="0.3"/>
    </g>
    <text x="540" y="310" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" font-weight="800" fill="#7B2DB8" letter-spacing="1">4 DÉCEMBRE 2024</text>
    <text x="540" y="330" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="13" font-weight="700" fill="#1a1a1a">Genie 2</text>
    <text x="540" y="345" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#6b6b6b">GOOGLE DEEPMIND</text>
    <text x="540" y="370" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">Monde 3D jouable</text>
    <text x="540" y="385" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">d'1 minute généré</text>
    <text x="540" y="400" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">depuis 1 image</text>
    <text x="540" y="415" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#F05E2C" letter-spacing="1">FOUNDATION WORLD MODEL</text>
  </g>

  <!-- Jalon 4 : Microsoft Muse -->
  <g>
    <circle cx="700" cy="180" r="10" fill="#F05E2C" stroke="#fff" stroke-width="3"/>
    <line x1="700" y1="170" x2="700" y2="140" stroke="#6b6b6b" stroke-width="1"/>

    <rect x="620" y="60" width="160" height="80" rx="4" fill="#fff" stroke="rgba(0,0,0,0.1)" stroke-width="1"/>

    <text x="700" y="82" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" font-weight="800" fill="#7B2DB8" letter-spacing="1">19 FÉVRIER 2025</text>
    <text x="700" y="102" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="13" font-weight="700" fill="#1a1a1a">Muse (WHAMM)</text>
    <text x="700" y="117" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#6b6b6b">MICROSOFT / XBOX · NATURE</text>
    <text x="700" y="133" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="11" fill="#1a1a1a">co-création gameplay</text>
  </g>

  <!-- Bandeau bas -->
  <g transform="translate(100,440)">
    <rect x="0" y="0" width="620" height="55" fill="rgba(199,50,82,0.06)" stroke="rgba(199,50,82,0.2)" stroke-width="1"/>
    <text x="310" y="24" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="12" font-weight="700" fill="#1a1a1a">Le gaming était le client historique du GPU.</text>
    <text x="310" y="44" text-anchor="middle" font-family="Montserrat, sans-serif" font-size="12" fill="#1a1a1a">En 6 mois, il devient aussi une sortie de l'IA.</text>
  </g>

  <text x="410" y="510" text-anchor="middle" font-family="DM Mono, monospace" font-size="9" fill="#999" letter-spacing="1">SOURCES : ARXIV 2408.14837 · DEEPMIND BLOG · NVIDIA GDC 2024 · NATURE 637 (FÉVRIER 2025)</text>
</svg>
