Створюйте красиві анімовані частинки за допомогою цієї бібліотеки Javascript
Є безліч безкоштовних бібліотек з різними ефектами та спеціальностями. Але нова бібліотека Particles.js йде абсолютно новим шляхом, створюючи анімовані частинки що рухатися в режимі реального часу по всій сторінці.
Ця проста у використанні бібліотека повністю безкоштовна і відкрита на GitHub. Це, звичайно, не допоможе вам поліпшити UX вашого сайту, але це може допомогти вам додати деякі переплетені ефекти частинок на задній план.
На головній сторінці ви знайдете інтерактивна демонстрація де можна грати з функціями бібліотеки. Це дозволяє регулювати розмір частинок, швидкість, форму, колір, позицію, яку ви називаєте.
Оскільки це така детальна бібліотека, вона вимагає a добре розуміння JavaScript щоб він працював. Ось чому це демонстрація в реальному часі настільки цінна, оскільки дозволяє будь-якому користувачеві грати з цими налаштуваннями, щоб побачити, що можливо в JavaScript.
І, якщо ви можете експортувати ці графіки, ви можете зберігати зображення безпосередньо з демонстраційної сторінки веб-програми. Ти можеш експортувати необроблений PNG або навіть зберегти всі власні налаштування у файл JSON, який потім імпортується безпосередньо в скрипт Particles.js.
За замовчуванням можна вибрати з невелика жменька тем з різними стилями частинок:
- Зірки NASA
- Бульбашки
- Сніг
- Nyan кішка зірочок
- За замовчуванням геометричні фігури
З цими типовими налаштуваннями ви все ще можете редагувати всі основні налаштування уточнити кольори, позиції, швидкість і все інше.
Найкраща частина всієї цієї бібліотеки - це функція живої налаштування праворуч на головній сторінці. Якщо ви хочете потрапити в деталі, які вам потрібні, вам дійсно потрібно розуміти кодування JavaScript і frontend.
Але навіть новачок може працювати через інтерфейс, вибирати потрібні параметри та експортувати все як файл JSON.
Блискуча бібліотека для тих, хто шукає створювати динамічні частинки в Інтернеті. Щоб дізнатися більше, відвідайте репозицію GitHub і ви можете поділитися своїми думками з творцем Вінсента Гарроаона на Twitter @VincentGarreau.
