Bu Javascript Kitaplığıyla Güzel Hareketli Parçacıklar Yaratın
Hepsi farklı efekt ve özelliklere sahip tonlarca ücretsiz animasyon kütüphanesi vardır. Ancak, yeni Particles.js kütüphanesi oluşturarak tamamen yeni bir yöne gider hareketli parçacıklar o gerçek zamanlı olarak hareket et sayfanın her tarafında.
Bu kullanımı kolay kütüphane GitHub'da tamamen ücretsiz ve açık kaynaklıdır. Kesinlikle sitenizin UX’ini geliştirmenize yardımcı olmaz, ancak bazılarını eklemenize yardımcı olabilir titreşimli parçacık etkileri arka plana.
Ana sayfada, bir canlı etkileşimli demo kütüphanenin özellikleri ile oynayabileceğiniz bir yer. Bu, parçacık boyutunu, hızını, şeklini, rengini, konumunu ayarlamanızı sağlar.
Bu kadar detaylı bir kütüphane olduğundan, bir JavaScript’in iyi anlaşılması çalışmak için. Bu canlı gösterinin bu kadar değerli olmasının nedeni bu, JavaScript'te neyin mümkün olduğunu görmek için bu ayarlarla dolaşan herkesin.
Ve, eğer bu grafikleri dışa aktarmada sorun yoksa görüntüleri doğrudan kaydet web uygulaması demo sayfasından. Yapabilirsin ham bir PNG ihraç ya da tüm özel ayarlarınızı kaydedin daha sonra doğrudan Particles.js betiğine içe aktarılan bir JSON dosyasına.
Varsayılan olarak, bir küçük temalar avuç farklı parçacık stilleri ile:
- NASA yıldızları
- Kabarcıklar
- Kar
- Nyan kedi yıldızları
- Varsayılan geometrik şekiller
Bu varsayılanlarla, yine de tüm ana ayarları düzenle renkleri, konumları, hızları ve diğer her şeyi hassaslaştırmak için.
Bu kütüphanenin en iyi yanı canlı özelleştirme özelliği ana sayfada sağ. Nitty-gritty ayrıntılarına girmek istiyorsanız, gerçekten JavaScript'i ve ön uç kodlamasını anlamalısınız..
Ancak, yeni başlayanlar bile arayüz üzerinde çalışabilir, istedikleri ayarları seçebilir ve her şeyi bir JSON dosyası olarak dışa aktarabilir..
Aramak isteyen herkes için mükemmel bir kütüphane Web üzerinde dinamik parçacıklar oluşturun. Daha fazla bilgi için GitHub deposunu ziyaret edin ve düşüncelerinizi yaratıcınız Vincent Garreauon ile Twitter'da @VincentGarreau'da paylaşın.
