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