Twórz piękne animowane cząsteczki za pomocą tej biblioteki Javascript
Istnieje mnóstwo darmowych bibliotek animacji z różnymi efektami i specjalnościami. Nowa biblioteka Particles.js zmierza jednak w zupełnie nowym kierunku animowane cząstki że poruszać się w czasie rzeczywistym na całej stronie.
Ta łatwa w użyciu biblioteka jest całkowicie darmowa i dostępna na GitHub. Z pewnością nie pomoże ci to ulepszyć UX Twojej witryny, ale może pomóc Ci dodać trochę efekty cząstek z przeplotem w tle.
Na stronie głównej znajdziesz interaktywne demo na żywo gdzie możesz bawić się z funkcjami biblioteki. Pozwala to dopasować rozmiar cząstek, prędkość, kształt, kolor, pozycję, którą chcesz nazwać.
Ponieważ jest to taka szczegółowa biblioteka, wymaga ona dobre zrozumienie JavaScript aby to działało. Dlatego ta demonstracja na żywo jest tak cenna, ponieważ pozwala każdemu bawić się tymi ustawieniami, aby zobaczyć, co jest możliwe w JavaScript.
Jeśli możesz eksportować te grafiki, możesz to zrobić zapisz obrazy bezpośrednio ze strony demonstracyjnej aplikacji internetowej. Możesz wyeksportuj surowy PNG lub nawet zapisz wszystkie ustawienia niestandardowe do pliku JSON, który następnie importuje bezpośrednio do skryptu Particles.js.
Domyślnie można wybrać opcję a mała garść tematów z różnymi stylami cząstek:
- Gwiazdy NASA
- Pęcherzyki
- Śnieg
- Gwiazdy kota Nyan
- Domyślne kształty geometryczne
Z tymi ustawieniami domyślnymi możesz nadal edytuj wszystkie główne ustawienia udoskonalić kolory, pozycje, prędkości i wszystko inne.
Najlepszą częścią tej całej biblioteki jest funkcja dostosowywania na żywo na stronie głównej. Jeśli chcesz poznać szczegóły, których potrzebujesz, aby zrozumieć JavaScript i kodowanie frontendowe.
Ale nawet początkujący może pracować z interfejsem, wybierać żądane ustawienia i eksportować wszystko jako plik JSON.
Genialna biblioteka dla każdego, kto chce tworzyć dynamiczne cząstki w sieci. Aby dowiedzieć się więcej, odwiedź repozytorium GitHub i możesz podzielić się swoimi przemyśleniami z twórcą Vincentem Garreauonem na Twitterze @VincentGarreau.
