Установка

Эта страница повторяет матрицу установки из основного README проекта tsParticles.

Официальный источник: https://github.com/tsparticles/tsparticles/blob/main/README.md#library-installation

Выберите свой путь

Быстрый старт по умолчанию: @tsparticles/engine + @tsparticles/slim
Более легкий кастомный runtime: @tsparticles/engine + только нужные plugins
Фокусные API: @tsparticles/particles, @tsparticles/confetti или @tsparticles/fireworks
Все функции включены: @tsparticles/all

Хостинг / CDN

Используйте одного из этих провайдеров (или размещайте собранные файлы самостоятельно).

jsDelivr

cdnjs

https://cdnjs.com/libraries/tsparticles

unpkg

Установка через package manager

npm

bash

npm install @tsparticles/engine

yarn

bash

yarn add @tsparticles/engine

pnpm

bash

pnpm add @tsparticles/engine

Import и require

const tsParticles = require("@tsparticles/engine");

// or

import { tsParticles } from "@tsparticles/engine";

Минимальная настройка runtime (`@tsparticles/slim`)

import { tsParticles } from "@tsparticles/engine";
import { loadSlim } from "@tsparticles/slim";

await loadSlim(tsParticles);

await tsParticles.load({
  id: "tsparticles",
  options: {
    particles: {
      move: {
        enable: true,
      },
      number: {
        value: 60,
      },
    },
  },
});

Связанные страницы

Legacy-совместимость

Если вы мигрируете старые интеграции particles.js, используйте пакет совместимости:

Установка ​

Выберите свой путь ​

Хостинг / CDN ​

jsDelivr ​

cdnjs ​

unpkg ​

Установка через package manager ​

npm ​

yarn ​

pnpm ​

Import и require ​

Минимальная настройка runtime (@tsparticles/slim) ​

Связанные страницы ​

Legacy-совместимость ​

Установка

Выберите свой путь

Хостинг / CDN

jsDelivr

cdnjs

unpkg

Установка через package manager

npm

yarn

pnpm

Import и require

Минимальная настройка runtime (`@tsparticles/slim`)

Связанные страницы

Legacy-совместимость