Need
Stack pour jeu sur navigateur
Why it's needed
Un choix par défaut pratique pour l’interface d’un jeu sur navigateur et sa couche de rendu.
.md to the page URL.
Codex use case
Définissez le plan d’un jeu, puis laissez Codex le développer et le tester directement dans un navigateur.
Avec Codex, transformez le brief d’un jeu en un plan bien défini, puis en un véritable jeu sur navigateur. Utilisez imagegen pour générer des ressources visuelles et laissez Codex tester le jeu directement dans un navigateur afin d’affiner les commandes et l’interface par itérations.
Définissez le plan d’un jeu, puis laissez Codex le développer et le tester directement dans un navigateur.
Avec Codex, transformez le brief d’un jeu en un plan bien défini, puis en un véritable jeu sur navigateur. Utilisez imagegen pour générer des ressources visuelles et laissez Codex tester le jeu directement dans un navigateur afin d’affiner les commandes et l’interface par itérations.
Avec Codex, transformez le brief d’un jeu en un plan bien défini, puis en un véritable jeu sur navigateur. Utilisez imagegen pour générer des ressources visuelles et laissez Codex tester le jeu directement dans un navigateur afin d’affiner les commandes et l’interface par itérations.
Liens connexes
| Skill | Why use it |
|---|---|
| Playwright | Jouez au jeu directement dans un navigateur, inspectez son état actuel, puis affinez les commandes, le timing et le ressenti de l’interface dans la version réelle. |
| ImageGen | Générez des illustrations conceptuelles, des sprites, des arrière-plans et des ressources d’interface, puis conservez les prompts afin de les réutiliser pour de futurs lots de ressources. |
| OpenAI Docs | Récupérez les recommandations officielles les plus récentes avant d’intégrer au jeu des fonctionnalités qui s’appuient sur OpenAI. |
La création d’un jeu illustre particulièrement bien que Codex ne se limite pas à générer du code. Un véritable jeu nécessite généralement un concept formalisé, une couche de rendu, la mise en place d’une structure frontend, la gestion de l’état côté backend, la production de ressources et des ajustements visuels constants
Pour ce cas d’usage, les meilleurs résultats s’obtiennent lorsque Codex commence par décrire précisément ce que le jeu doit faire, puis procède par itérations avec Playwright interactive pour le tester directement dans un navigateur.
Avant que Codex ne mette en place la moindre structure, demandez-lui de créer un PLAN.md qui définit concrètement le jeu :
Ce plan est important, car « créer un jeu » est en soi trop vague. Codex doit savoir comment implémenter chaque partie du jeu et, souvent, se reporter aux détails d’implémentation au fil du développement.
Vous pouvez activer le Mode plan avec la commande slash /plan.
Enregistrez ensuite le résultat dans un fichier PLAN.md.
Pour que Codex suive le plan, vérifie son travail et utilise les bons outils, définissez un fichier AGENTS.md comme dans l’exemple suivant :
# Game name
<Type of game>
Tech Stack:
- NextJS for frontend (hosted on Vercel)
- <insert technology> for rendering
- Fastify for backend, websockets (hosted on <hosting platform>)
- Postgres for database (hosted on <hosting platform>)
- Redis for caching and pub/sub (hosted on <hosting platform>)
- OpenAI for generative AI features
Tips:
- Use build and test commands to verify your work as soon as you complete a feature or task
- Use the PLAN.md file to guide your work when building new features
- Log your work under .logs (create new log files as you see fit) to record your thought process and decisions, and reference them when iterating on features
- Use playwright to test the visual output of your work, and iterate if it doesn't look right or fit the vibe
- Use imagegen to generate visual assets for your work, and every time you generate a collection of assets, save the prompts you used to be able to continue generating more of the same assets later (create files in .prompts)
- Use Context7 MCP to fetch <rendering framework> docs
Codex peut ainsi travailler longtemps en autonomie et utiliser les Skills nécessaires selon les besoins.
Ajoutez les Skills que mentionne le fichier AGENTS.md :
Pour en savoir plus sur l’ajout de Skills, consultez la documentation sur les Skills.
Conseil : demandez à Codex d’enregistrer dans un fichier les prompts de génération d’images afin que toutes les ressources visuelles soient cohérentes. Décrivez le style des ressources que vous souhaitez générer, puis laissez Codex élaborer des prompts détaillés et réutilisables.
Codex générera une première version du jeu à partir du plan initial.
Si vous devez générer un grand nombre de ressources visuelles, la création de cette première version peut prendre du temps, parfois plusieurs heures. Comme Codex peut tester son travail et essayer le jeu directement dans un navigateur, il peut poursuivre son travail longtemps sans aucune intervention de votre part.
Plus le plan est précis, meilleur sera le résultat final après la première itération.
Au fil de vos tests, affinez le jeu selon vos besoins en fournissant des captures d’écran et en demandant des modifications du gameplay ou des mises à jour des ressources visuelles, jusqu’à ce que le résultat vous convienne.
Need
Default options
Why it's needed
Need
Stack pour jeu sur navigateur
Why it's needed
Un choix par défaut pratique pour l’interface d’un jeu sur navigateur et sa couche de rendu.
Need
Stack backend
Why it's needed
Un excellent choix par défaut lorsque le jeu requiert la persistance des données, du matchmaking, des classements ou un système pub/sub.
| Need | Default options | Why it's needed |
|---|---|---|
| Stack pour jeu sur navigateur | Next.js avec Phaser ou PixiJS | Un choix par défaut pratique pour l’interface d’un jeu sur navigateur et sa couche de rendu. |
| Stack backend | Fastify , WebSockets, Postgres et Redis | Un excellent choix par défaut lorsque le jeu requiert la persistance des données, du matchmaking, des classements ou un système pub/sub. |
Utilisez `/goal` lorsqu’une tâche exige que Codex poursuive son travail au fil de plusieurs...
Demandez à Codex de créer une CLI composable qu’il pourra exécuter depuis n’importe quel...
Fournissez à Codex un système d’évaluation, par exemple des scripts et des artefacts pouvant...