Я написал пост о Tparticles и новой анимации конфетти, созданной в 1.30 версия.
[JS] Как создать красивую и реалистичную анимацию конфетти с помощью Tparticles
Matteo Bruni ・ 29 июня ・ 6 минут прочитал
Эта конфигурация может быть использована, как в любой установке Tpparticles.
import Particles from "react-tsparticles"
Рабочий образец можно найти ниже
Matteobruni/tparticlics
Tpparticles – легко создайте высоко настраиваемые анимации частиц и используйте их в качестве анимированных фонов для вашего веб -сайта. Готов к использованию компонентов, доступных для React, Vue.js (2.x и 3.x), угловой, стройной, jQuery, Preact, Inferno.
Легкая библиотека типовых процессов для создания частиц. Без зависимостей (*), браузер готов и совместим с React, Vue, Angular, Svelte, JQuery, Preact, Inferno
Вы хотите использовать его на своем сайте?
Эта библиотека доступна на двух самых популярных CDN, и она проста и готова к использованию, если вы использовали частицы. JS это еще проще Анкет
Вы найдете инструкции ниже , со всеми необходимыми ссылками, и Не бойтесь Машинопись , это просто исходный язык Анкет
Выходные файлы просто JavaScript Анкет
CDN и npm есть все источники, которые вам нужны в JavaScript , Bundle Browser Ready (tsparticles.min.js) и все файлы, разделенные для Импорт синтаксис.
Если вы все еще заинтересованы Некоторые строки ниже есть некоторые инструкции по мигрированию из библиотеки старых частиц.js.
Установка библиотеки
Хостинг/CDN
Пожалуйста, используйте эти хосты или свои собственные, чтобы …
Оригинал: “https://dev.to/matteobruni/how-to-create-beautiful-and-realistic-confetti-animations-in-react-using-tsparticles-3j24”