Buat Partikel Animasi Cantik dengan Perpustakaan Javascript ini
Terdapat banyak koleksi animasi percuma dengan pelbagai kesan dan kepakaran. Tetapi, perpustakaan Particles.js baru menjadi arah yang benar-benar baru dengan membuat zarah animasi itu bergerak dalam masa nyata di seluruh halaman.
Perpustakaan yang mudah digunakan ini adalah percuma dan sumber terbuka pada GitHub. Ia sememangnya tidak akan membantu anda meningkatkan UX laman web anda tetapi ia boleh membantu anda menambah beberapa kesan zarah terkawal ke latar belakang.
Pada halaman utama, anda akan dapati demo interaktif langsung di mana anda boleh bermain-main dengan ciri-ciri perpustakaan. Ini membolehkan anda menyesuaikan saiz zarah, kelajuan, bentuk, warna, kedudukan, anda namakannya.
Oleh kerana ini adalah perpustakaan terperinci, ia memerlukan a pemahaman yang baik mengenai JavaScript untuk mendapatkannya bekerja. Itulah sebabnya demo live ini sangat berharga kerana ia membolehkan sesiapa bermain di sekitar dengan tetapan ini untuk melihat apa yang mungkin dalam JavaScript.
Dan, jika anda baik-baik saja dengan mengeksport grafik ini, anda boleh simpan imej secara langsung dari halaman demo aplikasi web. Awak boleh mengeksport PNG mentah atau bahkan simpan semua tetapan tersuai anda ke dalam fail JSON yang kemudiannya diimport terus ke dalam skrip Particles.js.
Secara lalai, anda boleh memilih dari kecil segelintir tema dengan gaya zarah yang berlainan:
- Bintang NASA
- Bubbles
- Salji
- Bintang kucing Nyan
- Bentuk geometri lalai
Dengan lalai ini, anda masih boleh edit semua tetapan utama untuk memperbaiki warna, kedudukan, kelajuan, dan lain-lain lagi.
Bahagian terbaik perpustakaan ini ialah ciri penyesuaian langsung betul di halaman utama. Sekiranya anda ingin masuk ke dalam butiran yang menarik, anda perlu memahami Javascript dan frontend coding.
Tetapi, walaupun pemula boleh bekerja melalui antara muka, pilih tetapan yang mereka mahu, dan eksport semuanya sebagai fail JSON.
Perpustakaan yang cemerlang untuk sesiapa sahaja yang ingin membuat zarah dinamik di web. Untuk mengetahui lebih lanjut, lawati repo GitHub dan anda boleh berkongsi pendapat anda dengan pencipta Vincent Garreauon di Twitter @VincentGarreau.
