text gpt p5 app

Текст-GPT-p5

Генеративный редактор текста в p5.js на базе GPT-3.5.

1. принимает текстовые подсказки
2. выполняет вызов OpenAI GPT-3.5?
3. преобразует их в код p5.js?
4. отображает эскиз p5.js ?️

Это также среда песочницы для запуска p5.js (или любого кода JavaScript). Вы можете вносить прямые изменения в сгенерированный код, который немедленно перезапускает скетч, аналогично Glitch или Replit.

Под капотом

Полнофункциональное приложение Next.js (React, маршруты Next API).

Узловой модуль(и):

• реакция-codemirror
• корс

Начиная

Для начала клонируйте репозиторий и установите необходимые модули узла.

npm install

Переменные среды

Сделайте копию файла .env.example , переименуйте его в .env . Введите ключ API OpenAI. Конкретные инструкции 5 и 6 здесь.

Пример также включает NEXT_PUBLIC_REMOTE_API_URL и WHITELISTED_DOMAINS на случай, если вы хотите получить данные с другого сервера.

Разработка, сборка, развертывание

Next.js по умолчанию. См. команды в package.json . И разработка, и производство находятся на порту 3000.

Благодарности

• обработка/p5.js
• uiwjs/реакция-codemirror
• кодемиррор/кодемиррор5
• сюмаи/песочница-eval
• openai/openai-quickstart-узел
• vercel/next.js/.../cors