text gpt p5 app

Texto-GPT-p5

Un editor generativo de texto a p5.js con tecnología GPT-3.5

1. toma indicaciones de texto sin formato
2. ¿Hace una llamada OpenAI GPT-3.5?
3. ¿Los convierte en código p5.js?
4. muestra el boceto p5.js ?️

También es un entorno sandbox para ejecutar p5.js (o cualquier código javascript). Puede realizar ediciones directas en el código generado, que vuelve a ejecutar el boceto inmediatamente, similar a Glitch o Replit.

Debajo del capó

Una aplicación de pila completa de Next.js (React, rutas Next API).

Módulo(s) de nodo:

• reaccionar-codemirror
• cors

Empezando

Para comenzar, clone el repositorio e instale los módulos de nodo necesarios.

npm install

Variables de entorno

Haga una copia del archivo .env.example y cámbiele el nombre a .env . Ingrese su clave API de OpenAI. Instrucciones específicas 5 y 6 aquí.

El ejemplo también incluye NEXT_PUBLIC_REMOTE_API_URL y WHITELISTED_DOMAINS , en caso de que desee obtener datos de otro servidor.

Desarrollo, construcción, implementación

Valores predeterminados de Next.js. Consulte package.json para conocer los comandos. Tanto el desarrollo como la producción están en el puerto 3000.

Expresiones de gratitud

• procesamiento/p5.js
• uiwjs/reaccionar-codemirror
• códigomirror/codemirror5
• syumai/eval-sandboxed
• openai/openai-quickstart-nodo
• vercel/next.js/.../cors