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

Lihat situs Source di GitHub

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.

Delapan pose Clawd dari berjalan hingga mendarat dan diam — Setiap pose membawa aksi: berjalan, memperhatikan, mengantisipasi, melompat, lalu mendarat.

Studi turnaround Clawd dengan tampak depan, samping, dan belakang — Turnaround menjaga bentuk tubuh dan empat kaki terbaca dari setiap sudut.

Kontrol lebar, tinggi, kemiringan tubuh, dan posisi kaki Clawd — Kontrol pose membentuk ulang kontur tubuh dan kaki, sambil menjaga karakter gambarnya.

Pose Clawd bertumpuk dalam onion skin untuk memeriksa lintasan lompatan — Onion skin memperlihatkan perubahan bentuk dan jarak antarpose pada lompatan.

Arsitektur

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.