Memuat karya…
Engineering
Codeboard / Drawing and Animation Toolkit
Proyek mandiri
Toolkit JavaScript dan TypeScript untuk menggambar, menyusun storyboard, dan membuat animasi 2D lewat kode. Script dan project .cboard menjaga layer, pose, serta timing tetap bisa direvisi. Demo Clawd memperlihatkan salah satu penggunaannya.
- Tahun
- 2026
- Bidang
- Software engineeringCreative codingAnimasi prosedural
Konteks
Gambar dan animasi perlu bisa dibuka kembali dan direvisi, bukan berhenti sebagai hasil render. Codeboard menyediakan cara menyimpan struktur artwork dan mengendalikan perubahan gambar, pose, kamera, serta audio lewat kode.
Arsitektur
Satu paket menyediakan library JavaScript/TypeScript dan CLI. Script menyusun project dengan layer, mask, brush, dan timeline; file .cboard menyimpan project yang dapat diedit. Render menghasilkan gambar, storyboard, atau film. Plugin agent memberi panduan penggunaan API dan pemeriksaan hasil, sementara engine menjalankan artwork-nya.
Teknologi
TypeScript
JavaScript
Node.js- FFmpeg
Implementasi
- Library dan CLI untuk menyusun artwork prosedural serta menjalankan script scene.
- Layer, mask, brush, dan project .cboard yang bisa dibuka kembali untuk revisi.
- Pose, drawing hold, keyframe, kamera, dan cue audio untuk mengatur gerakan.
- Pemeriksaan frame dan onion skin, lalu ekspor gambar PNG, storyboard PDF, atau film.
Resource untuk proyek ini
- Codeboard
Gambar lewat kode, simpan layer yang bisa direvisi, lalu render jadi film. Toolkit JavaScript dan TypeScript gratis untuk ilustrasi, storyboard, dan animasi 2D.
- Codeboard Agent Plugin
Sepuluh skill gratis untuk menggambar dan membuat animasi dengan Codeboard. Agent mendapat manual API, contoh yang bisa dijalankan, serta panduan revisi dan pemeriksaan hasil.
