Создавайте красивые анимированные частицы с помощью этой библиотеки Javascript
Есть множество бесплатных библиотек анимации с различными эффектами и специальностями. Но новая библиотека Particles.js идет совершенно новым путем, создавая анимированные частицы тот двигаться в режиме реального времени по всей странице.
Эта простая в использовании библиотека является полностью бесплатной и с открытым исходным кодом на GitHub. Это, конечно, не поможет вам улучшить UX вашего сайта, но может помочь вам добавить некоторые эффекты чересстрочной частицы на задний план.
На главной странице вы найдете живая интерактивная демонстрация где вы можете поиграть с функциями библиотеки. Это позволяет вам регулировать размер частиц, скорость, форму, цвет, положение, вы называете это.
Поскольку это такая подробная библиотека, она требует хорошее понимание JavaScript чтобы это заработало. Вот почему это живое демо так ценно, потому что оно позволяет любому поиграть с этими настройками, чтобы увидеть, что возможно в JavaScript.
И, если вы согласны с экспортом этой графики, вы можете сохранить изображения напрямую со страницы демонстрационного веб-приложения. Вы можете экспортировать сырой PNG или даже сохранить все ваши пользовательские настройки в файл JSON, который затем импортируется непосредственно в скрипт Particles.js.
По умолчанию вы можете выбрать из маленькая горстка тем с разными стилями частиц:
- Звезды НАСА
- Пузыри
- Снег
- Звезды няньки
- Геометрические фигуры по умолчанию
С этими значениями по умолчанию вы все еще можете редактировать все основные настройки улучшить цвета, позиции, скорости и все остальное.
Лучшая часть всей этой библиотеки функция живой настройки прямо на главной странице. Если вы хотите вникнуть в мельчайшие подробности, вам действительно нужно понимать JavaScript и кодирование внешнего интерфейса..
Но даже новичок может работать через интерфейс, выбирать нужные параметры и экспортировать все как файл JSON..
Отличная библиотека для тех, кто ищет создавать динамические частицы в сети. Чтобы узнать больше, посетите репозиторий GitHub, и вы можете поделиться своими мыслями с создателем Vincent Garreauon в Twitter @VincentGarreau.
