For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navigation principale
Theme
Codex

Codex use case

Créer des jeux par navigateur

Définissez les grandes lignes du jeu, puis laissez Codex le développer et le tester directement dans un navigateur.

Difficulty Intermediate
Time horizon Long-running

Décrivez votre jeu à Codex pour qu’il en tire un plan précis, puis développe une version jouable dans un navigateur. Générez les éléments graphiques avec imagegen et laissez Codex tester le jeu dans le navigateur pour affiner les commandes et l’interface.

Best for

  • Créer un jeu par navigateur en partant de zéro
  • Développer des jeux dont les commandes, les graphismes et le déploiement nécessitent plusieurs cycles de test et d’ajustement

Contents

    ← All use cases

    Créer des jeux par navigateur

    Définissez les grandes lignes du jeu, puis laissez Codex le développer et le tester directement dans un navigateur.

    Décrivez votre jeu à Codex pour qu’il en tire un plan précis, puis développe une version jouable dans un navigateur. Générez les éléments graphiques avec imagegen et laissez Codex tester le jeu dans le navigateur pour affiner les commandes et l’interface.

    Intermediate
    Long-running

    Décrivez votre jeu à Codex pour qu’il en tire un plan précis, puis développe une version jouable dans un navigateur. Générez les éléments graphiques avec imagegen et laissez Codex tester le jeu dans le navigateur pour affiner les commandes et l’interface.

    Intermediate
    Long-running

    Best for

    • Créer un jeu par navigateur en partant de zéro
    • Développer des jeux dont les commandes, les graphismes et le déploiement nécessitent plusieurs cycles de test et d’ajustement

    Skills & Plugins

    • Jouez directement dans le navigateur et examinez l’état du jeu. Au fil des essais, ajustez les commandes et le rythme du jeu, puis affinez les interactions avec l’interface.
    • ImageGen
      Générez des illustrations conceptuelles, des sprites, des décors et des éléments d’interface. Conservez les prompts pour les réutiliser lors des prochaines séries de visuels.
    • Consultez les dernières recommandations officielles avant d’intégrer au jeu des fonctionnalités qui utilisent les technologies d’OpenAI.
    Skill Why use it
    Playwright Jouez directement dans le navigateur et examinez l’état du jeu. Au fil des essais, ajustez les commandes et le rythme du jeu, puis affinez les interactions avec l’interface.
    ImageGen Générez des illustrations conceptuelles, des sprites, des décors et des éléments d’interface. Conservez les prompts pour les réutiliser lors des prochaines séries de visuels.
    OpenAI Docs Consultez les dernières recommandations officielles avant d’intégrer au jeu des fonctionnalités qui utilisent les technologies d’OpenAI.

    Starter prompt

    Utilisez $playwright-interactive, $imagegen et $openai-docs pour planifier et développer un jeu par navigateur dans ce dépôt. Mettez en œuvre le plan décrit dans PLAN.md et consignez votre travail dans `.logs/`.
    Utilisez $playwright-interactive, $imagegen et $openai-docs pour planifier et développer un jeu par navigateur dans ce dépôt. Mettez en œuvre le plan décrit dans PLAN.md et consignez votre travail dans `.logs/`.

    Introduction

    La création d’un jeu illustre bien ce que Codex peut apporter au-delà de la génération de code. Développer un jeu demande généralement de décrire son concept par écrit, de mettre en place une couche de rendu et la structure de l’interface, de gérer l’état du jeu côté serveur, de créer les ressources et d’ajuster régulièrement le rendu visuel.

    Pour obtenir les meilleurs résultats, demandez à Codex de commencer par décrire par écrit le fonctionnement attendu du jeu, puis de l’affiner en le testant dans un navigateur avec Playwright interactive.

    Commencez par le plan du jeu

    Avant que Codex ne crée la structure du projet, demandez-lui de rédiger un fichier PLAN.md qui précise les éléments suivants :

    • l’objectif du joueur
    • la boucle de jeu principale
    • les entrées et les commandes
    • les conditions de victoire et d’échec
    • la progression ou la difficulté
    • la direction artistique
    • la pile technique et les hypothèses retenues pour l’hébergement
    • l’ordre des étapes de développement

    Ce plan est important, car la consigne « créez un jeu » reste trop vague à elle seule. Codex doit savoir comment réaliser chaque partie du jeu et pouvoir consulter régulièrement les détails de mise en œuvre au fil du développement.

    Vous pouvez activer le mode plan avec la commande slash /plan. Enregistrez le plan obtenu dans un fichier PLAN.md.

    Guidez Codex avec AGENTS.md

    Pour que Codex suive le plan, vérifie son travail et utilise les bons outils, créez un fichier AGENTS.md sur ce modèle :

    # Nom du jeu
    
    <Type of game>
    
    Pile technique :
    
    - NextJS pour l’interface (hébergée sur Vercel)
    - <insert technology> pour le rendu
    - Fastify pour le backend et les connexions WebSocket (hébergement sur <hosting platform>)
    - Postgres pour la base de données (hébergée sur <hosting platform>)
    - Redis pour la mise en cache et la messagerie par publication/abonnement (hébergement sur <hosting platform>)
    - OpenAI pour les fonctionnalités d’IA générative
    
    Conseils :
    
    - Chaque fois que vous terminez une fonctionnalité ou une tâche, exécutez immédiatement les commandes de build et de test pour vérifier votre travail.
    - Appuyez-vous sur le fichier PLAN.md pour développer de nouvelles fonctionnalités.
    - Consignez votre travail dans des fichiers journaux sous .logs et créez de nouveaux fichiers au besoin. Notez-y votre raisonnement et vos décisions, puis consultez ces fichiers lorsque vous retravaillez une fonctionnalité.
    - Utilisez playwright pour vérifier le rendu visuel. Ajustez-le si vous repérez un défaut ou si le résultat ne correspond pas à l’ambiance recherchée.
    - Utilisez imagegen pour générer les ressources visuelles. Chaque fois que vous générez une série de ressources, enregistrez les prompts utilisés dans des fichiers sous .prompts afin de pouvoir générer d’autres ressources du même style par la suite.
    - Utilisez Context7 MCP pour récupérer la documentation de <rendering framework>.

    Codex peut ainsi travailler longtemps en autonomie et utiliser les Skills appropriés selon les besoins.

    Utilisez les Skills

    Ajoutez les Skills mentionnés dans le fichier AGENTS.md :

    • Imagegen pour que Codex puisse générer les ressources visuelles du jeu selon les besoins
    • Playwright interactive pour que Codex puisse tester le jeu dans un navigateur
    • OpenAI docs pour que Codex puisse consulter la documentation à jour de l’API OpenAI
    • Si vous le souhaitez, ajoutez aussi le serveur MCP Context7 pour accéder à la documentation à jour du framework de rendu

    Pour savoir comment ajouter des Skills, consultez la documentation sur les Skills.

    Conseil : demandez à Codex d’enregistrer les prompts de génération d’images dans un fichier pour que toutes les ressources visuelles gardent un style cohérent. Précisez le style souhaité et laissez Codex rédiger des prompts détaillés et réutilisables.

    Laissez Codex développer et affiner le jeu

    Codex génère une première version du jeu à partir du plan initial.

    S’il faut générer beaucoup d’images, cette première version peut prendre du temps, parfois plusieurs heures. Comme Codex peut vérifier son travail et essayer le jeu dans un navigateur, il peut continuer à travailler longtemps sans intervention de votre part.

    Plus le plan est précis, meilleur sera le résultat dès la première itération.

    Au fil de vos essais, fournissez des captures d’écran à Codex ou demandez-lui d’ajuster les mécaniques de jeu ou les ressources visuelles jusqu’à ce que le résultat vous convienne.

    Tech stack

    Need

    Technologies pour les jeux par navigateur

    Default options

    Next.js avec Phaser ou PixiJS

    Why it's needed

    Un choix pratique pour créer l’interface du jeu et gérer son rendu dans le navigateur.

    Need

    Technologies côté serveur

    Default options

    Fastify , WebSockets, Postgres et Redis

    Why it's needed

    Un choix solide si le jeu doit conserver des données, réunir des joueurs dans une même partie, gérer des classements ou échanger des messages en mode pub/sub.

    Need Default options Why it's needed
    Technologies pour les jeux par navigateur Next.js avec Phaser ou PixiJS Un choix pratique pour créer l’interface du jeu et gérer son rendu dans le navigateur.
    Technologies côté serveur Fastify , WebSockets, Postgres et Redis Un choix solide si le jeu doit conserver des données, réunir des joueurs dans une même partie, gérer des classements ou échanger des messages en mode pub/sub.

    Related use cases