text gpt p5 app

Texte-GPT-p5

Un éditeur génératif de texte vers p5.js alimenté par GPT-3.5

1. prend des invites en texte brut
2. passe un appel OpenAI GPT-3.5 ?
3. les convertit en code p5.js ?
4. affiche le croquis p5.js ?️

Il s'agit également d'un environnement sandbox pour exécuter p5.js (ou tout autre code javascript). Vous pouvez apporter des modifications directes au code généré, qui réexécute immédiatement l'esquisse, comme avec Glitch ou Replit.

Sous le capot

Une application full-stack Next.js (React, routes API Next).

Module(s) de nœud :

• réagir-codemirror
• cors

Commencer

Pour commencer, clonez le référentiel et installez les modules de nœuds nécessaires.

npm install

Variables d'environnement

Faites une copie du fichier .env.example , renommez-le en .env . Entrez votre clé API OpenAI. Instructions spécifiques 5 et 6 ici.

L'exemple inclut également un NEXT_PUBLIC_REMOTE_API_URL et WHITELISTED_DOMAINS , au cas où vous souhaiteriez récupérer sur un autre serveur.

Développement, construction, déploiement

Valeurs par défaut de Next.js. Voir package.json pour les commandes. Le développement et la production sont sur le port 3000.

Remerciements

• traitement/p5.js
• uiwjs/réagir-codemirror
• codemiroir/codemiroir5
• syumai/sandbox-eval
• openai/openai-quickstart-node
• vercel/next.js/.../cors