Editor Kode
Tulis kode draw() dengan bantuan g, lalu tekan Jalankan. Kode tersimpan otomatis di browser ini.
Tab menambah 2 spasi. Ctrl/⌘+Enter menjalankan kode.
Bantuan API — apa saja yang bisa dipakai di dalam draw()
g.rect(x, y, lebar, tinggi, { fill, stroke, sw })— persegig.circle(cx, cy, r, { fill, stroke, sw })— lingkarang.ellipse(cx, cy, rx, ry, { fill, stroke, sw })— elipsg.polygon([[x,y], …], { fill, stroke, sw })— poligon tertutupg.polyline([[x,y], …], { stroke, sw })— garis patah-patahg.line(x1, y1, x2, y2, { stroke, sw })— garis lurusg.path("M … L … Z", { fill, stroke, sw })— path SVG (M, L, H, V, C, c, Z)g.text(x, y, "teks", { size, fill })— teksg.background("#hex")— warna latar kanvas (kosongkan untuk transparan)g.W,g.H— lebar dan tinggi kanvas saat inig.random()— angka 0–1 dari benih tetap, jadi hasilnya bisa diulangg.seed(n)— ganti benih acakg.pal— palet 6 warna bawaan:g.pal[0]sampaig.pal[5]
Warna diisi format hex, misal '#F97316'. sw adalah ketebalan garis. Opacity (0–1) bisa ditambah di opsi, tapi tidak ikut ke file EPS.
Pratinjau cepat
Belum ada gambar.
Tekan Jalankan untuk merender kode di atas.
Kanvas & Latar
Ukuran artboard dan warna latar. Perubahan diterapkan saat kode dijalankan ulang.
Ukuran sendiri: 100–6000 px per sisi.
Pratinjau & Ekspor
Belum ada gambar.
Buka tab Editor, lalu tekan Jalankan.
Ekspor satu file
SVG dan EPS diekspor dalam ukuran artboard penuh. JPG/PNG diraster pada ukuran artboard. EPS memakai warna datar saja: opacity dan teks berjangkar tengah tidak ikut — periksa hasilnya di Pemeriksa sebelum dijual.
Ganti Warna
Warna di bawah diambil dari gambar yang sedang dirender. Ganti satu warna, atau samakan semuanya jadi satu warna. Perubahan ikut ke pratinjau, Pemeriksa, dan semua ekspor.
Belum ada warna.
Jalankan kode dulu di tab Editor.
Warna pengganti tersimpan di browser ini; menjalankan ulang kode memakai pengganti yang sama sampai dikembalikan ke warna asli.
Pemeriksa Adobe Stock
Daftar ini dihitung dari gambar yang sedang dirender — bukan daftar statis. Jalankan ulang kode untuk memperbarui.
Pangkas mengubah ukuran kanvas mengikuti kotak pembatas isi gambar (minimal 100 × 100 px), lalu menjalankan ulang kode.
Pembuat Prompt
Susun brief desain dari template — tanpa panggilan AI. Salin hasilnya, buka chat AI favoritmu, lalu tempel kembali sebagai kode draw().
Template tersimpan
Template tersimpan di browser ini. CSV berisi: subjek, gaya, palet, format, detail, komposisi, niche, jenis hasil, catatan.
Batch Generator
Hasilkan banyak varian dari karya dengan benih acak. Tab harus tetap terbuka dan layar menyala selama batch berjalan.
JPG diraster per file di ukuran artboard penuh — ratusan file JPG di kanvas 4000×4000 bisa memakan waktu lama dan memori besar. Untuk batch besar, pilih SVG/EPS saja.
Riwayat batch
Impor file .js/.zip sebagai sumber batch belum tersedia di potongan ini — memakai kode dari Editor Kode atau Pustaka Trace.
Trace — Foto jadi Vektor
Unggah gambar, atur ambang batas dan jumlah warna, lalu gambar ulang sebagai vektor. Hasilnya menjadi karya saat ini — bisa diperiksa, diwarnai ulang, dan diekspor seperti karya kode.
Gambar diproses sepenuhnya di browser ini, tidak diunggah ke mana pun.
Belum ada gambar. Pilih gambar dulu.
Cara kerja: gambar diperkecil ke grid Detail, warnanya diposterisasi ke Jumlah warna, bintik kecil dibersihkan (Denoise), lalu tiap blok warna digabung jadi persegi-persegi vektor. Tepi melengkung jadi bertangga pada Detail rendah — naikkan Detail untuk tepi lebih halus.
Pustaka Trace (0 desain)
Video dari SVG
Ubah karya saat ini menjadi video bergerak. Unduhan utama adalah MP4 — langsung bisa dipakai di mana saja, tanpa konversi lagi. Cara MP4 didapat tergantung browser: Chrome: MP4 langsung. Firefox: direkam WebM lalu dikonversi otomatis ke MP4 di aplikasi (unduhan pertama memuat mesin konversi sekali, ~30 MB). Kalau konversi gagal, yang terunduh adalah file WebM.
Belum ada gambar.
Buka tab Editor, lalu tekan Jalankan.
Format unduhan utama: MP4 (H.264 + AAC). WebM tersedia sebagai pilihan cepat tanpa konversi. Rekaman memakai gambar yang sedang dirender, termasuk warna hasil Ganti Warna. Biarkan tab ini terbuka sampai unduhan selesai.
Narasi suara butuh layanan text-to-speech — belum tersedia di potongan ini.
AI — Chat Gemini
Segera hadir di potongan berikutnya: hasilkan kode vektor lewat Gemini dengan kunci API milikmu sendiri, tersimpan di browser ini.