Mini App

KomiKita

Bikin komik & webtoon yang wajah tokohnya tidak berubah dari panel pertama sampai tamat

Versi 1.0.1Diperbarui 30 September 202612 screenshot

Rak komikFormulir komik baru dengan tiga jenis komik di kiri, rak proyek di kanan. Sampul adalah halaman pertama komik itu, disusun dengan tata letak yang sama dengan ekspor.1 / 12
Rak komik1 / 12
KomiKita — Rak komik

Formulir komik baru dengan tiga jenis komik di kiri, rak proyek di kanan. Sampul adalah halaman pertama komik itu, disusun dengan tata letak yang sama dengan ekspor.

Ringkasan

Studio komik untuk sekolah, UMKM, dan kreator: lembar tokoh dikunci lalu dipakai di setiap panel, pose dan kamera diatur di manekin 3D, balon kata bahasa Indonesia bisa diedit, ekspor webtoon, carousel Instagram, PDF, dan strip WhatsApp. Jalan tanpa kunci API di Mode demo.

Masalah yang diselesaikan

Komik buatan AI biasanya gagal di dua hal. Wajah dan baju tokoh berubah dari panel ke panel, sehingga Bu Ratna di panel pertama sudah jadi orang lain di panel ketiga. Lalu teks di balon kata ditulis oleh model: "memperjuangkan" jadi huruf acak, dan satu salah ketik berarti menggambar ulang seluruh halaman. Guru dan pemilik usaha akhirnya kembali ke Canva dan menempel stiker satu per satu, atau batal bikin komik sama sekali.

Cocok untuk
  • Guru SD-SMP dan bimbel (komik materi P5, IPAS)
  • UMKM kuliner, fesyen, dan jasa yang promosi lewat Instagram & WhatsApp
  • Agensi konten yang mengelola maskot klien
  • Kreator webtoon yang butuh papan cerita cepat
  • Dinas dan komunitas untuk komik sosialisasi
Hasil yang kamu dapat
  • Tokoh dikunci sekali, dipakai di setiap panel: lembar depan-samping-belakang + 4 ekspresi jadi referensi wajib
  • Satu panel satu gambar: panel yang jelek digambar ulang sendiri, bukan seluruh halaman
  • Pose dan sudut kamera diatur di manekin 3D, dikirim ke model sebagai panduan komposisi
  • Balon kata vektor: ejaan Indonesia aman, teks diedit kapan saja tanpa biaya
  • Empat format sekali klik: webtoon 800 px, carousel IG 1080×1350, PDF A4/A5, strip WhatsApp
  • Biaya dalam Rupiah terlihat sebelum menggambar, dengan batas harian
  • Tiga cara memakai model: kunci API Anda sendiri di browser, secret di Cloudflare Worker Anda, atau .env server; kami tidak menyediakan atau menagih biaya model
Bahasa desain
Bangers + Work Sans · halaman komik cetak, tinta, titik ben-day

Fitur

Lembar tokoh

  • Maksimal 4 tokoh per komik dengan nama, peran, deskripsi, rambut/hijab/topi, 5 warna
  • Lembar depan, samping, belakang, dan ekspresi senang, sedih, marah, kaget
  • Setujui & kunci, buat ulang (maks. 3), atau tolak
  • Unggah gambar tokoh sendiri dengan 3 pernyataan wajib (UU PDP, bukan foto anak)
  • Tokoh anak otomatis berproporsi lebih kecil

Naskah

  • Tiga templat: cerita produk UMKM, komik edukasi 6 panel, strip lucu 4 baris
  • Premis + isian kerangka jadi baris panel yang bisa diedit, diurutkan, ditambah, dihapus
  • Latar, sudut kamera, jarak, tokoh, dan balon per panel
  • Perkiraan biaya normal dan terburuk sebelum menggambar
  • Saringan tokoh/merek pihak lain, gaya seniman, dan mode sekolah

Halaman komik

  • Tata letak 4 panel, 1 lebar + 2, 6 panel, strip 4 baris, dihitung oleh kode
  • Seret lembar tokoh ke panel untuk memerankannya
  • 10 pose preset dengan ikon, 5 ekspresi
  • Gambar satu panel, setujui, gambar ulang (sisa 2), atau tolak
  • Gambar semua panel kosong berurutan, tetap menunggu persetujuan
  • Animasi "Panel Ink": panel baru muncul lewat sapuan titik halftone

Blocking 3D

  • Manekin bersendi di 5 set: ruang kelas, warung, jalan kompleks, depan rumah, halaman sekolah
  • Putar dan dekatkan kamera, preset sejajar mata, dari bawah, dari atas, lewat bahu
  • Slider bahu, siku, paha, lutut, kepala, badan
  • Render manekin polos disimpan sebagai panduan komposisi panel

Balon kata

  • Bicara, pikiran, narasi, efek suara
  • Geser dengan tetikus/sentuh, arahkan ekor, atur lebar
  • Kata panjang dipecah dengan tanda hubung, tidak meluber
  • Geser dengan keyboard (panah, Shift+panah untuk ekor)

Ekspor

  • Webtoon strip 800 px dipotong per 1.280 px (ZIP)
  • Carousel Instagram 1080×1350 dengan sampul (ZIP)
  • PDF A4 atau A5
  • Strip WhatsApp 1080×1080 (PNG)

Keamanan & biaya

  • Kunci API hanya di server Hono, tidak pernah di bundel browser
  • Batas biaya harian (reset tengah malam WIB) dan maksimal 3 percobaan per panel ditegakkan server
  • Permintaan gagal dari penyedia tidak ditagih
  • Proyek disimpan di IndexedDB browser pengguna

Animasi 3D

Konsep

Manekin bersendi berpose di dalam set sederhana (ruang kelas, warung, jalan, depan rumah, halaman sekolah) untuk mengatur pose dan sudut kamera setiap panel sebelum menggambar. Render manekin polos dikirim ke model sebagai panduan komposisi, sehingga posisi tokoh dan sudut kamera konsisten dari panel ke panel. Di Mode demo, adegan 3D yang sama digambar ulang dengan gaya toon menjadi panel contoh dan lembar tokoh.

Tanpa WebGL / gerak dikurangi

Tanpa WebGL, dialog blocking menampilkan gambar blocking statis dan pose tetap dipilih dari ikon 2D yang dihitung dari data sendi yang sama. Dengan prefers-reduced-motion, blocking dirender sebagai satu frame diam dan animasi panel dimatikan.

Screenshot

  1. 01Rak komikFormulir komik baru dengan tiga jenis komik di kiri, rak proyek di kanan. Sampul adalah halaman pertama komik itu, disusun dengan tata letak yang sama dengan ekspor.desktop
  2. 02Lembar tokoh dikunciBu Ratna: tampak depan, samping, belakang, dan empat ekspresi. Cap DIKUNCI berarti lembar ini wajib dipakai di setiap panel.desktop
  3. 03Naskah sebelum menggambarKerangka komik edukasi siklus air menjadi baris panel. Setiap baris memuat gambar mini panel, latar, sudut kamera, tokoh, dan balon kata yang bisa diedit.desktop
  4. 04Halaman komikHalaman 4 panel dengan balon kata vektor. Balon terpilih memunculkan bilah Tulis/Hapus tepat di panel; klik dua kali untuk menulis langsung di tempat. Rel kanan: tokoh terkunci, pose preset, ekspresi.desktop
  5. 05Blocking 3D per panelManekin tinta bersendi di set warung: isian datar dengan garis tinta hitam. Kamera diputar, pose dipilih atau diatur per sendi, lalu render ini jadi panduan komposisi untuk model.desktop
  6. 06Komik edukasi 6 panelMateri IPAS Fase C: siklus air dengan tiga tokoh yang konsisten dari halaman sekolah sampai ruang kelas.desktop
  7. 07Ekspor webtoonStrip kurir paket disusun ulang jadi webtoon 800 px. Unduhan berupa ZIP potongan 1.280 px siap unggah.desktop
  8. 08Ekspor carousel InstagramSampul + satu panel per slide 1080×1350, nomor slide dan nama akun otomatis.desktop
  9. 09Halaman di ponselKepala studio dipadatkan jadi satu baris supaya halaman komik langsung terlihat; navigasi langkah di bawah, balon tetap bisa digeser dan ditulis dengan jari.mobile
  10. 10Blocking 3D di ponselManekin tinta Bu Wulan di ruang kelas, kamera dari bawah. Cubit untuk mendekat, seret untuk memutar.mobile
  11. 11Lembar tokoh di ponselWarna tokoh dan lembar yang sudah dikunci untuk Sari, siswi kelas 5.mobile
  12. 12Rak komik di ponselTiga komik contoh: promosi UMKM, edukasi, dan strip harian, masing-masing dengan jumlah panel yang sudah disetujui.mobile

Contoh hasil

  • Strip WhatsApp: sambal roa — Empat panel promosi UMKM fiktif Dapur Ratna, 1080×1080, diekspor langsung dari aplikasi di Mode demo.
    Strip WhatsApp: sambal roaEmpat panel promosi UMKM fiktif Dapur Ratna, 1080×1080, diekspor langsung dari aplikasi di Mode demo.
  • PDFBuka PDF ↗
    PDF A4: siklus airKomik edukasi 6 panel untuk kelas 5, siap cetak untuk mading atau lembar kerja.

Cara Pasang

  1. Ekstrak & pasang

    Ekstrak zip, buka terminal di folder komikita.

    npm install
  2. Jalankan Mode demo

    Web di http://localhost:4417 dan API di port 8417. Tiga komik contoh langsung ada di rak.

    npm run dev
  3. Aktifkan mode nyata (opsional)

    Salin .env.example ke .env, isi AI_API_KEY dan set VITE_API=1. Model dan harga diatur di file yang sama.

    cp .env.example .env
  4. Build & deploy

    Hosting statis untuk Mode demo, atau satu proses Node yang menyajikan web + API di VPS. Detail di docs/INSTALL.md.

    npm run build && SERVE_STATIC=1 npm run server

Butuh kredensial

  • Kunci API penyedia gambar (milik Anda sendiri)Berbayar

    Buat kunci di dasbor penyedia kompatibel OpenAI (misalnya FlatKey atau OpenRouter). Pilih salah satu: tempel di tombol mode > Kunci API Anda sendiri (browser langsung ke penyedia), simpan sebagai secret Cloudflare Worker (wrangler secret put AI_API_KEY), atau isi AI_API_KEY di .env server. Tanpa kunci aplikasi tetap jalan di Mode demo.

Isi Paket

  • src/: aplikasi React + TypeScript, termasuk src/three/ (manekin, set, renderer)
  • server/: proxy Hono dengan adapter penyedia, batas biaya, saringan konten
  • public/samples/: hasil contoh Mode demo (lembar tokoh + panel)
  • docs/: INSTALL, CUSTOMIZE, CARA-KERJA bergambar
  • tests/: uji vitest, e2e Playwright, skrip tangkapan layar & sampul
  • scripts/: pembuat contoh dan pembuat zip
  • design/: sistem desain, riset, catatan iterasi

Kustomisasi

  • Warna, huruf, dan nama merek lewat token CSS dan satu konstanta ekspor
  • Templat naskah baru (misal komik sosialisasi kesehatan) di src/lib/script.ts
  • Pose, latar 3D, dan sudut kamera tambahan
  • Model gambar/teks, harga per panggilan, dan batas harian lewat .env
  • Daftar kata saringan dan tokoh terlarang

AI in the loop

Yang dikerjakan AI

Model gambar membuat lembar tokoh dan panel komik (setiap panel satu gambar, dengan lembar tokoh yang dikunci dan render blocking 3D sebagai referensi). Model teks menyusun draf naskah panel dari premis.

Kendali manusia

Tidak ada yang berjalan sendiri. Lembar tokoh harus disetujui dan dikunci sebelum dipakai. Naskah diedit dan disetujui sebelum menggambar, dengan perkiraan biaya. Setiap panel masuk sebagai draf: setujui, gambar ulang (maks. 2 kali), atau tolak. Ekspor baru terbuka setelah semua panel disetujui. Huruf balon tidak pernah dibuat model.

Penyedia model

Adapter kompatibel OpenAI, bawaan FlatKey (router.flatkey.ai) dengan gemini-3.1-flash-image untuk lembar tokoh dan gemini-3.1-flash-lite-image untuk panel; bisa diganti ke FLUX Kontext, Seedream, atau gpt-image lewat .env. Mode demo tidak memanggil model apa pun.

Hasil AI selalu berupa draf. Tidak ada yang terkirim atau tersimpan sebelum kamu menyetujuinya.

FAQ

Apakah wajah tokoh benar-benar sama di semua panel?

Di mode nyata, setiap panel dikirim bersama lembar tokoh yang Anda kunci, dan model diminta mempertahankan wajah, rambut, baju, dan warnanya. Hasilnya jauh lebih konsisten daripada merantai halaman sebelumnya, tapi tetap buatan model: karena itu setiap panel harus Anda setujui, dan panel yang meleset cukup digambar ulang sendiri.

Kenapa teks balon tidak digambar AI?

Model gambar sering salah eja kata Indonesia yang panjang. Di KomiKita balon adalah lapisan vektor dengan huruf Bangers: ejaan persis seperti yang Anda ketik, bisa diedit setelah panel jadi, dan tidak menambah biaya.

Berapa biaya satu komik 4 panel?

Dengan harga bawaan di .env (Rp 1.100 per lembar tokoh, Rp 560 per panel): dua tokoh + empat panel sekitar Rp 4.455, paling mahal sekitar Rp 13.300 jika semua diulang 2 kali. Sesuaikan angka dengan tarif penyedia Anda; batas harian mencegah tagihan kebablasan.

Bisa dipakai tanpa kunci API?

Bisa. Mode demo menggambar lembar tokoh dan panel dari manekin 3D bergaya toon, semua fitur (naskah, balon, ekspor) berjalan, dan bisa di-hosting statis tanpa server.

Aman untuk sekolah?

Komik jenis Edukasi menyalakan mode sekolah yang menolak kata seperti senjata, narkoba, atau judi. Saringan juga menolak tokoh milik pihak lain (Doraemon, Upin Ipin, dan sejenisnya) dan permintaan meniru gaya seniman. Unggahan foto wajib pernyataan persetujuan dan dilarang untuk foto anak.

Di mana proyek disimpan?

Di IndexedDB browser masing-masing pengguna. Tidak ada akun atau database server di v1.0.0. Ekspor PDF/ZIP untuk cadangan.

Apakah harga produk sudah termasuk biaya AI?

Tidak. Produk dijual apa adanya dan tidak menyertakan kunci API. Anda memakai kunci dari akun penyedia sendiri, dan biaya tiap lembar tokoh/panel/naskah ditagih penyedia langsung ke akun Anda. Meteran Rupiah dan batas harian di aplikasi membantu mengendalikannya.

Changelog

  1. v1.0.1
    30 September 2026
    • Kunci API sendiri: tempel kunci di tombol mode, browser memanggil penyedia langsung tanpa lewat server
    • Deploy ke Cloudflare Workers akun sendiri (wrangler.jsonc, secret AI_API_KEY, batas harian tersimpan di KV)
    • Validasi permintaan dan penyusunan prompt naskah dipakai bersama oleh server, Worker, dan browser
  2. v1.0.0
    26 September 2026
    • Rilis pertama: lembar tokoh terkunci, naskah dengan perkiraan biaya, halaman berpanel, blocking 3D, balon vektor, ekspor webtoon/carousel/PDF/WhatsApp, Mode demo dan mode nyata.
KomiKita
Rp 399.000
Demo ↗