Membuat Cloud dengan PaperJS

PaperJS merupakan kerangka scripting open source yang berjalan diatas canvas HTML5. Scripting ini menawarkan dokumen objek model yang banyak digunakan untuk membuar grafik vektor dan lekukan bazier. Semuanya dibungkus dengan rapi dan konsisten. Grafik yang akan kita buat pada canvas adalah grafik cloud dimana kita dapat membuat atau menggambar cloud diatas canvas dengan menggunakan mouse.

Bagaimana cara membuatnya silakan teman-teman buat terlebih dahulu code HTML5 seperti berikut.

Kemudian tambahkan script paperJS.

Selanjutnya buat script seperti dibawah ini.

Simpan dokumen diatas dengan nama cloud.html. Untuk melihat hasilnya silakan lihat demo dibawah ini.

DEMO

(mulai menggambar dengan cara melakukan drag pada canvas dibawah ini)

Terima kasih dan selamat mencoba.