text gpt p5 app

文本-​​GPT-p5

由 GPT-3.5 提供支持的文本到 p5.js 生成编辑器

1. 接受纯文本提示
2. 进行 OpenAI GPT-3.5 调用？
3. 将它们转换为 p5.js 代码？
4. 显示 p5.js 草图？️

它也是一个用于运行 p5.js（或任何 javascript 代码）的沙箱环境。您可以直接编辑生成的代码，这会立即重新运行草图，类似于 Glitch 或 Replit。

在引擎盖下

Next.js 全栈应用程序（React、Next API 路由）。

节点模块：

• 反应代码镜像
• 科尔斯

入门

首先，克隆存储库并安装必要的节点模块。

npm install

环境变量

复制.env.example文件，将其重命名为.env 。输入您的 OpenAI API 密钥。具体说明 5 和 6 见此处。

该示例还包括NEXT_PUBLIC_REMOTE_API_URL和WHITELISTED_DOMAINS ，以防您想从另一台服务器获取。

开发、构建、部署

Next.js 默认值。有关命令，请参阅package.json 。开发和生产都在端口 3000 上。

致谢

• 处理/p5.js
• uiwjs/react-codemirror
• 代码镜像/代码镜像5
• sumai/沙盒评估
• openai/openai-快速启动-节点
• vercel/next.js/.../cors