Създавайте красиви анимирани частици с тази Javascript библиотека
Има много безплатни библиотеки с различни ефекти и специалности. Новата библиотека Particles.js отива напълно нова посока чрез създаване анимирани частици че движение в реално време по цялата страница.
Тази лесна за използване библиотека е напълно безплатна и с отворен код на GitHub. Това със сигурност няма да ви помогне да подобрите UX на вашия сайт, но може да ви помогне да добавите някои преплетени ефекти на частици на заден план.
На главната страница ще намерите интерактивно демо на живо където можете да играете с функциите на библиотеката. Това ви позволява да регулирате размера на частиците, скоростта, формата, цвета, позицията, която сте наименували.
Тъй като това е такава подробна библиотека, тя изисква a добро разбиране на JavaScript за да работи. Ето защо тази демонстрация на живо е толкова ценна, защото позволява на всеки да играе с тези настройки, за да види какво е възможно в JavaScript.
И ако сте в състояние да експортирате тези графики, можете запазете изображенията директно от демонстрационната страница на уеб приложението. Можеш експортирате груб PNG файл или дори запазете всичките си персонализирани настройки в JSON файл, който след това се внася директно в скрипта Particles.js.
По подразбиране можете да избирате от a малък брой теми с различни стилове на частици:
- Звездите на НАСА
- Bubbles
- сняг
- Звездите на котката от Ньян
- По подразбиране геометрични фигури
С тези настройки можете да продължите редактирайте всички основни настройки да прецизира цветовете, позициите, скоростите и всичко останало.
Най-добрата част от цялата тази библиотека е функция за персонализиране на живо на главната страница. Ако искате да влезете в подробностите, които трябва да разберете, наистина трябва да разбирате JavaScript и frontend кодирането.
Но дори един начинаещ може да работи чрез интерфейса, да избира желаните настройки и да експортира всичко като JSON файл.
Блестяща библиотека за всеки, който иска създаване на динамични частици в мрежата. За да научите повече, посетете репо GitHub и можете да споделите мислите си с създателя Винсент Гареаон на Twitter @VincentGarreau.
