Need
Technologies pour les jeux par navigateur
Why it's needed
Un choix pratique pour créer l’interface du jeu et gérer son rendu dans le navigateur.
.md to the page URL.
Codex use case
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.
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.
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.
Related links
| 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. |
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.
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 :
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.
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.
Ajoutez les Skills mentionnés dans le fichier AGENTS.md :
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.
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.
Need
Default options
Why it's needed
Need
Technologies pour les jeux par navigateur
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
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. |
Utilisez `/goal` lorsque Codex doit poursuivre une tâche sur plusieurs échanges jusqu’à ce...
Utilisez Codex pour cartographier une base de code que vous découvrez
Demandez à Codex de créer une CLI qu’il pourra exécuter depuis n’importe quel dossier...