text gpt p5 app

Teks-GPT-p5

Editor generatif teks ke p5.js yang didukung oleh GPT-3.5

1. mengambil petunjuk teks biasa
2. melakukan panggilan OpenAI GPT-3.5?
3. mengubahnya menjadi kode p5.js?
4. menampilkan sketsa p5.js ?️

Ini juga merupakan lingkungan sandbox untuk menjalankan p5.js (atau kode javascript apa pun). Anda dapat melakukan pengeditan langsung pada kode yang dihasilkan, yang akan segera menjalankan kembali sketsa, mirip dengan Glitch atau Replit.

Di bawah tenda

Aplikasi full-stack Next.js (React, rute API Berikutnya).

Modul simpul:

• cermin kode reaksi
• kor

Memulai

Untuk memulai, kloning repositori dan instal modul node yang diperlukan.

npm install

Variabel Lingkungan

Buat salinan file .env.example , ganti namanya menjadi .env . Masukkan kunci API OpenAI Anda. Instruksi khusus 5 & 6 di sini.

Contoh ini juga menyertakan NEXT_PUBLIC_REMOTE_API_URL dan WHITELISTED_DOMAINS , jika Anda ingin mengambil dari server lain.

Pengembangan, Bangun, Terapkan

Default Next.js. Lihat package.json untuk perintah. Baik pengembangan maupun produksi berada pada port 3000.

Ucapan Terima Kasih

• pemrosesan/p5.js
• uiwjs/react-codemirror
• cermin kode/cermin kode5
• syumai/sandboxed-eval
• openai/openai-quickstart-node
• vercel/next.js/.../cors