text gpt p5 app

Texto-GPT-p5

Um editor generativo de texto para p5.js desenvolvido com GPT-3.5

1. recebe solicitações de texto simples
2. faz uma chamada OpenAI GPT-3.5?
3. converte-os em código p5.js?
4. exibe o esboço p5.js ?️

É também um ambiente sandbox para executar p5.js (ou qualquer código javascript). Você pode fazer edições diretas no código gerado, que executa novamente o esboço imediatamente, semelhante ao Glitch ou Replit.

Sob o capô

Um aplicativo full-stack Next.js (React, rotas Next API).

Módulo(s) de nó:

• código de reação
• corpo

Começando

Para começar, clone o repositório e instale os módulos de nó necessários.

npm install

Variáveis ​​de ambiente

Faça uma cópia do arquivo .env.example e renomeie-o como .env . Insira sua chave de API OpenAI. Instruções específicas 5 e 6 aqui.

O exemplo também inclui NEXT_PUBLIC_REMOTE_API_URL e WHITELISTED_DOMAINS , caso você queira buscar em outro servidor.

Desenvolvimento, construção, implantação

Padrões Next.js. Consulte package.json para comandos. Tanto o desenvolvimento quanto a produção estão na porta 3000.

Agradecimentos

• processamento/p5.js
• uiwjs/react-codemirror
• codemirror/codemirror5
• syumai / avaliação em sandbox
• openai/openai-quickstart-node
• vercel/next.js/.../cors