For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegação principal
Theme
Codex

Codex use case

Crie jogos de navegador

Planeje o jogo e deixe o Codex desenvolvê-lo e testá-lo diretamente no navegador.

Difficulty Intermediate
Time horizon Long-running

Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.

Best for

  • Criar um jogo de navegador do zero
  • Desenvolver jogos que exigem várias rodadas de testes e ajustes nos controles, nos elementos visuais e no processo de implantação

Contents

    ← All use cases

    Crie jogos de navegador

    Planeje o jogo e deixe o Codex desenvolvê-lo e testá-lo diretamente no navegador.

    Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.

    Intermediate
    Long-running

    Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em um jogo que roda no navegador. Gere os recursos visuais com imagegen e deixe o Codex testar o jogo diretamente no navegador para refinar os controles e a interface.

    Intermediate
    Long-running

    Best for

    • Criar um jogo de navegador do zero
    • Desenvolver jogos que exigem várias rodadas de testes e ajustes nos controles, nos elementos visuais e no processo de implantação

    Skills & Plugins

    • Jogue diretamente no navegador, verifique o estado atual do jogo e ajuste os controles, o ritmo das ações e a resposta da interface na versão em execução.
    • ImageGen
      Gere arte conceitual, sprites, planos de fundo e elementos da interface. Guarde os prompts para reutilizá-los nos próximos lotes de recursos visuais.
    • Consulte a documentação oficial atualizada antes de integrar ao jogo recursos que usam tecnologia da OpenAI.
    Skill Why use it
    Playwright Jogue diretamente no navegador, verifique o estado atual do jogo e ajuste os controles, o ritmo das ações e a resposta da interface na versão em execução.
    ImageGen Gere arte conceitual, sprites, planos de fundo e elementos da interface. Guarde os prompts para reutilizá-los nos próximos lotes de recursos visuais.
    OpenAI Docs Consulte a documentação oficial atualizada antes de integrar ao jogo recursos que usam tecnologia da OpenAI.

    Starter prompt

    Use $playwright-interactive, $imagegen e $openai-docs para planejar e desenvolver um jogo de navegador neste repositório. Implemente o que está previsto em PLAN.md e registre o trabalho em `.logs/`.
    Use $playwright-interactive, $imagegen e $openai-docs para planejar e desenvolver um jogo de navegador neste repositório. Implemente o que está previsto em PLAN.md e registre o trabalho em `.logs/`.

    Introdução

    O desenvolvimento de jogos é um dos exemplos mais claros de como o Codex pode ajudar além da geração de código. Na prática, criar um jogo costuma envolver documentar o conceito, implementar a camada de renderização, montar a estrutura do frontend, gerenciar o estado no backend, produzir recursos para o jogo e ajustar o visual continuamente.

    Esse processo funciona melhor quando o Codex começa registrando exatamente como o jogo deve funcionar e depois usa a habilidade Playwright interactive para testar o jogo diretamente no navegador a cada rodada de ajustes.

    Comece pelo plano do jogo

    Antes de o Codex montar a estrutura inicial, peça que ele crie um arquivo PLAN.md com definições concretas para cada aspecto do jogo:

    • o objetivo do jogador
    • o ciclo principal do jogo
    • as entradas e os controles
    • as condições de vitória e derrota
    • a progressão ou a dificuldade
    • a direção visual
    • as tecnologias e as premissas de hospedagem
    • a ordem das etapas de desenvolvimento

    Esse plano é importante porque o pedido “crie um jogo” é vago demais por si só. O Codex precisa saber como implementar cada parte do jogo e consultar esses detalhes com frequência durante o desenvolvimento.

    Você pode ativar o modo planejamento com o comando de barra /plan. Salve o plano gerado em um arquivo PLAN.md.

    Oriente o comportamento do Codex com o AGENTS.md

    Para garantir que o Codex siga o plano, verifique o próprio trabalho e use as ferramentas adequadas, crie um arquivo AGENTS.md como este:

    # Nome do jogo
    
    <Type of game>
    
    Tecnologias:
    
    - NextJS para o frontend (hospedado na Vercel)
    - <insert technology> para a renderização
    - Fastify para o backend, com WebSockets (hospedado em <hosting platform>)
    - Postgres para o banco de dados (hospedado em <hosting platform>)
    - Redis para cache e pub/sub (hospedado em <hosting platform>)
    - OpenAI para os recursos de IA generativa
    
    Dicas:
    
    - Assim que concluir uma funcionalidade ou tarefa, execute os comandos de build e de teste para verificar seu trabalho.
    - Consulte o arquivo PLAN.md ao desenvolver novas funcionalidades.
    - Registre seu trabalho na pasta .logs, incluindo seu raciocínio e suas decisões. Crie novos arquivos de log quando julgar necessário e consulte esses registros ao refinar as funcionalidades.
    - Use playwright para testar o resultado visual. Faça ajustes se algo parecer errado ou destoar do estilo do jogo.
    - Use imagegen para gerar os recursos visuais do jogo. Sempre que gerar uma coleção, salve os prompts usados em arquivos na pasta .prompts para poder gerar mais recursos do mesmo tipo depois.
    - Use o Context7 MCP para consultar a documentação de <rendering framework>.

    Com essas orientações, o Codex pode trabalhar por conta própria por bastante tempo e usar as habilidades adequadas conforme necessário.

    Use as habilidades

    Adicione as habilidades mencionadas no arquivo AGENTS.md:

    • Imagegen para que o Codex possa gerar recursos visuais para o jogo conforme necessário
    • Playwright interactive para que o Codex possa testar o jogo diretamente no navegador
    • OpenAI docs para que o Codex possa consultar a documentação mais recente da API da OpenAI
    • Se quiser, adicione também o servidor MCP do Context7 para consultar a documentação mais recente do framework de renderização

    Saiba como adicionar habilidades na documentação de habilidades.

    Dica: Peça ao Codex que salve os prompts de geração de imagens em um arquivo para manter a consistência entre todos os recursos visuais. Descreva o estilo desejado e deixe o Codex criar prompts detalhados que você possa reutilizar.

    Deixe o Codex desenvolver e refinar o jogo

    O Codex vai gerar a primeira versão do jogo com base no plano inicial.

    Se houver muitas imagens para gerar, essa primeira versão pode levar algum tempo, às vezes várias horas. Como o Codex consegue testar o próprio trabalho e experimentar o jogo diretamente no navegador, ele pode continuar por bastante tempo sem precisar de novas instruções.

    Quanto mais bem definido estiver o plano, melhor será o resultado da primeira iteração.

    À medida que você testar o jogo, peça os ajustes necessários. Envie capturas de tela, solicite mudanças na jogabilidade ou peça ao Codex que atualize os recursos visuais até que o resultado fique como você quer.

    Tech stack

    Need

    Tecnologias para jogos de navegador

    Default options

    Next.js com Phaser ou PixiJS

    Why it's needed

    Uma combinação prática para criar a interface do jogo e renderizar os gráficos no navegador.

    Need

    Tecnologias de backend

    Default options

    Fastify , WebSockets, Postgres e Redis

    Why it's needed

    Uma boa escolha para jogos que precisam de persistência de dados, pareamento de jogadores, rankings ou mensagens no modelo pub/sub.

    Need Default options Why it's needed
    Tecnologias para jogos de navegador Next.js com Phaser ou PixiJS Uma combinação prática para criar a interface do jogo e renderizar os gráficos no navegador.
    Tecnologias de backend Fastify , WebSockets, Postgres e Redis Uma boa escolha para jogos que precisam de persistência de dados, pareamento de jogadores, rankings ou mensagens no modelo pub/sub.

    Related use cases