tsparticles 1.39.0 → 1.39.1

package/Plugins/PolygonMask/index.js

@@ -20,8 +20,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonMaskPlugin = void 0;
-const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
 const PolygonMask_1 = require("./Options/Classes/PolygonMask");
+const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
 const Utils_1 = require("../../Utils");
 class PolygonMaskPlugin {
     constructor() {
@@ -46,11 +46,11 @@ class PolygonMaskPlugin {
         polygonOptions.load(source === null || source === void 0 ? void 0 : source.polygon);
     }
 }
-async function loadPolygonMaskPlugin(tsParticles) {
+async function loadPolygonMaskPlugin(engine) {
     if (!(0, Utils_1.isSsr)() && !("SVGPathSeg" in window)) {
         await Promise.resolve().then(() => __importStar(require("./pathseg")));
     }
     const plugin = new PolygonMaskPlugin();
-    await tsParticles.addPlugin(plugin);
+    await engine.addPlugin(plugin);
 }
 exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;

package/README.md

@@ -5,7 +5,7 @@
 **A lightweight TypeScript library for creating particles. Dependency free (\*), browser ready and compatible with
 React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components**
 
-[![Rate on Openbase](https://badges.openbase.com/js/rating/tsparticles.svg)](https://openbase.com/js/tsparticles?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles/badge?style=rounded)](https://www.jsdelivr.com/package/npm/tsparticles) [![Cdnjs](https://img.shields.io/cdnjs/v/tsparticles)](https://cdnjs.com/libraries/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles.svg)](https://www.npmjs.com/package/tsparticles) [![npm](https://img.shields.io/npm/dm/tsparticles)](https://www.npmjs.com/package/tsparticles) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/) [![CodeFactor](https://www.codefactor.io/repository/github/matteobruni/tsparticles/badge)](https://www.codefactor.io/repository/github/matteobruni/tsparticles) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b983aaf3461a4c48b1e2eecce1ff1d74)](https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&utm_medium=referral&utm_content=matteobruni/tsparticles&utm_campaign=Badge_Grade)
+[![Rate on Openbase](https://badges.openbase.com/js/rating/tsparticles.svg)](https://openbase.com/js/tsparticles?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles/badge?style=rounded)](https://www.jsdelivr.com/package/npm/tsparticles) [![Cdnjs](https://img.shields.io/cdnjs/v/tsparticles)](https://cdnjs.com/libraries/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles.svg)](https://www.npmjs.com/package/tsparticles) [![npm](https://img.shields.io/npm/dm/tsparticles)](https://www.npmjs.com/package/tsparticles) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/) [![CodeFactor](https://www.codefactor.io/repository/github/matteobruni/tsparticles/badge)](https://www.codefactor.io/repository/github/matteobruni/tsparticles) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b983aaf3461a4c48b1e2eecce1ff1d74)](https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&utm_medium=referral&utm_content=matteobruni/tsparticles&utm_campaign=Badge_Grade) [![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/matteobruni/tsparticles) [![Run on Repl.it](https://repl.it/badge/github/matteobruni/tsparticles)](https://repl.it/github/matteobruni/tsparticles)
 
 [![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
 
@@ -30,6 +30,19 @@ React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.j
   - [VueJS 3.x](#VueJS-3x)
   - [Web Components](#Web-Components)
   - [WordPress](#WordPress)
+- [Presets](#Presets)
+  - [Big Circles](#Big-Circles)
+  - [Bubbles](#Bubbles)
+  - [Confetti](#Confetti)
+  - [Fire](#Fire)
+  - [Firefly](#Firefly)
+  - [Fireworks](#Fireworks)
+  - [Fountain](#fountain)
+  - [Links](#links)
+  - [Sea Anemone](#Sea-Anemone)
+  - [Snow](#Snow)
+  - [Stars](#Stars)
+  - [Triangles](#Triangles)
 - [Templates and Resources](#Templates-and-Resources)
 - [Demo / Generator](#Demo--Generator)
   - [Characters as particles](#Characters-as-particles)
@@ -59,8 +72,9 @@ links you need, and _don't be scared by **TypeScript**, it's just the source lan
 CDNs and `npm` have all the sources you need in **Javascript**, a bundle browser ready (tsparticles.min.js) and all
 files splitted for `import` syntax.
 
-**If you are still interested** some lines below there are some instructions for migrating from the old particles.js
-library.
+**If you are interested** there are some _simple instructions_
+just [below](https://github.com/matteobruni/tsparticles/blob/main/README.md#library-installation) to guide you to
+migrate from the old particles.js library.
 
 ## **_Library installation_**
 
@@ -315,59 +329,189 @@ the `Premium Addons for Elementor` plugin collection.
 
 ---
 
+## Presets
+
+There are some presets ready to be used in this repository, and they have also a bundle file that contains everything
+needed to run.
+
+### Big Circles
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-big-circles/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-big-circles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-big-circles.svg)](https://www.npmjs.com/package/tsparticles-preset-big-circles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-big-circles)](https://www.npmjs.com/package/tsparticles-preset-big-circles)
+
+This preset loads big colored circles moving upwards on a white background.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/bigCircles/images/sample.png)](https://particles.js.org/samples/presets/bigCircles)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/bigCircles/README.md)
+
+### Bubbles
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-bubbles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-bubbles.svg)](https://www.npmjs.com/package/tsparticles-preset-bubbles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-bubbles)](https://www.npmjs.com/package/tsparticles-preset-bubbles)
+
+This preset loads colored bubbles coming from the bottom of the screen on a white background.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/bubbles/images/sample.png)](https://particles.js.org/samples/presets/bubbles)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/bubbles/README.md)
+
+### Confetti
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-confetti/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-confetti) [![npmjs](https://badge.fury.io/js/tsparticles-preset-confetti.svg)](https://www.npmjs.com/package/tsparticles-preset-confetti) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-confetti)](https://www.npmjs.com/package/tsparticles-preset-confetti)
+
+This preset loads white and red confetti launched from the screen center on a transparent background.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/confetti/images/sample.png)](https://particles.js.org/samples/presets/confetti)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/confetti/README.md)
+
+### Fire
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fire/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fire) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fire.svg)](https://www.npmjs.com/package/tsparticles-preset-fire) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fire)](https://www.npmjs.com/package/tsparticles-preset-fire)
+
+This preset loads a faded red to black background with particles colored like fire and ash sparks.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/fire/images/sample.png)](https://particles.js.org/samples/presets/fire)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/fire/README.md)
+
+### Firefly
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-firefly/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-firefly) [![npmjs](https://badge.fury.io/js/tsparticles-preset-firefly.svg)](https://www.npmjs.com/package/tsparticles-preset-firefly) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-firefly)](https://www.npmjs.com/package/tsparticles-preset-firefly)
+
+This preset loads a mouse trail made with small fading particles like little fireflies.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/firefly/images/sample.png)](https://particles.js.org/samples/presets/firefly)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/firefly/README.md)
+
+### Fireworks
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fireworks/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fireworks) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fireworks.svg)](https://www.npmjs.com/package/tsparticles-preset-fireworks) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fireworks)](https://www.npmjs.com/package/tsparticles-preset-fireworks)
+
+This preset loads a beautiful fireworks effect.
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/fireworks/images/sample.png)](https://particles.js.org/samples/presets/fireworks)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/fireworks/README.md)
+
+### Fountain
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fountain/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fountain) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fountain.svg)](https://www.npmjs.com/package/tsparticles-preset-fountain) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fountain)](https://www.npmjs.com/package/tsparticles-preset-fountain)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/fountain/images/sample.png)](https://particles.js.org/samples/presets/fountain)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/fountain/README.md)
+
+### Links
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-links/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-links) [![npmjs](https://badge.fury.io/js/tsparticles-preset-links.svg)](https://www.npmjs.com/package/tsparticles-preset-links) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-links)](https://www.npmjs.com/package/tsparticles-preset-links)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/links/images/sample.png)](https://particles.js.org/samples/presets/links)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/links/README.md)
+
+### Sea Anemone
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-sea-anemone/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-sea-anemone) [![npmjs](https://badge.fury.io/js/tsparticles-preset-sea-anemone.svg)](https://www.npmjs.com/package/tsparticles-preset-sea-anemone) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-sea-anemone)](https://www.npmjs.com/package/tsparticles-preset-sea-anemone)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/seaAnemone/images/sample.png)](https://particles.js.org/samples/presets/seaAnemone)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/seaAnemone/README.md)
+
+### Snow
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-snow/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-snow) [![npmjs](https://badge.fury.io/js/tsparticles-preset-snow.svg)](https://www.npmjs.com/package/tsparticles-preset-snow) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-snow)](https://www.npmjs.com/package/tsparticles-preset-snow)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/snow/images/sample.png)](https://particles.js.org/samples/presets/snow)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/snow/README.md)
+
+### Stars
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-stars/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-stars) [![npmjs](https://badge.fury.io/js/tsparticles-preset-stars.svg)](https://www.npmjs.com/package/tsparticles-preset-stars) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-stars)](https://www.npmjs.com/package/tsparticles-preset-stars)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/stars/images/sample.png)](https://particles.js.org/samples/presets/stars)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/stars/README.md)
+
+### Triangles
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-triangles/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-triangles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-triangles.svg)](https://www.npmjs.com/package/tsparticles-preset-triangles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-triangles)](https://www.npmjs.com/package/tsparticles-preset-triangles)
+
+[![demo](https://raw.githubusercontent.com/matteobruni/tsparticles/main/presets/triangles/images/sample.png)](https://particles.js.org/samples/presets/triangles)
+
+You can find the instructions [here](https://github.com/matteobruni/tsparticles/blob/main/preset/triangles/README.md)
+
+---
+
+## Templates and Resources
+
+You can find some tsParticles related templates [here](https://github.com/tsparticles/templates). The templates are
+created for _Vanilla Javascript_, _ReactJS_, _VueJS_, _Angular_, _SvelteJS_ and other frameworks.
+
+The templates will vary, new ones can be created or older ones updated with latest features or changed to a better
+style. Check them out once in a while.
+
+If you created some good design with _tsParticles_ feel free to submit a pull request with your cool template, you'll be
+credited as the template author!
+
+<https://github.com/tsparticles/templates>
+
+---
+
 ## **_Demo / Generator_**
 
-<https://particles.js.org/>
+<https://particles.js.org/samples>
 
-[![Particles demo](https://particles.js.org/images/demo.png?v=1.8.1)](https://particles.js.org/)
+[![Particles demo](https://particles.js.org/images/demo.png?v=1.8.1)](https://particles.js.org/samples)
 
 ---
 
 ### Characters as particles
 
-[![Particles chars demo](https://media.giphy.com/media/JsssOXz72bM6jGEZ0s/giphy.gif)](https://particles.js.org/#chars)
+[![Particles chars demo](https://media.giphy.com/media/JsssOXz72bM6jGEZ0s/giphy.gif)](https://particles.js.org/samples#chars)
 
 ---
 
 ### Mouse hover connections
 
-[![Particles mouse connections demo](https://media.giphy.com/media/XzvZThpVbxHxMYz5xt/giphy.gif)](https://particles.js.org/#connect)
+[![Particles mouse connections demo](https://media.giphy.com/media/XzvZThpVbxHxMYz5xt/giphy.gif)](https://particles.js.org/samples#connect)
 
 ---
 
 ### Polygon mask
 
-[![tsParticles Polygon Mask demo](https://media.giphy.com/media/lNRfiSgaMFbL4FMhW6/giphy.gif)](https://particles.js.org/#polygonMask)
+[![tsParticles Polygon Mask demo](https://media.giphy.com/media/lNRfiSgaMFbL4FMhW6/giphy.gif)](https://particles.js.org/samples#polygonMask)
 
 ---
 
 ### Animated stars
 
-[![Particles NASA demo](https://media.giphy.com/media/cLqGsnh7FKRVMgPIWE/giphy.gif)](https://particles.js.org/#nasa)
+[![Particles NASA demo](https://media.giphy.com/media/cLqGsnh7FKRVMgPIWE/giphy.gif)](https://particles.js.org/samples#nasa)
 
 ---
 
 ### Nyan cat flying on scrolling stars
 
-[![Particles Nyan Cat demo](https://media.giphy.com/media/LpX2oNc9ZMgIhIXQL9/giphy.gif)](https://particles.js.org/#nyancat2)
+[![Particles Nyan Cat demo](https://media.giphy.com/media/LpX2oNc9ZMgIhIXQL9/giphy.gif)](https://particles.js.org/samples#nyancat2)
 
 ---
 
 ### Snow particles
 
-[![tsParticles Snow demo](https://media.giphy.com/media/gihwUFbmiubbkdzEMX/giphy.gif)](https://particles.js.org/#snow)
+[![tsParticles Snow demo](https://media.giphy.com/media/gihwUFbmiubbkdzEMX/giphy.gif)](https://particles.js.org/samples#snow)
 
 ---
 
 ### Background Mask particles
 
-[![tsParticles Background Mask demo](https://media.giphy.com/media/dWraWgqInWFGWiOyRu/giphy.gif)](https://particles.js.org/#background)
+[![tsParticles Background Mask demo](https://media.giphy.com/media/dWraWgqInWFGWiOyRu/giphy.gif)](https://particles.js.org/samples#background)
 
 ---
 
 #### COVID-19 SARS-CoV-2 particles
 
-[![tsParticles COVID-19 demo](https://media.giphy.com/media/fsVN1ZHksgBIXNIbr1/giphy.gif)](https://particles.js.org/#virus)
+[![tsParticles COVID-19 demo](https://media.giphy.com/media/fsVN1ZHksgBIXNIbr1/giphy.gif)](https://particles.js.org/samples#virus)
 
 _Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!_
 
@@ -377,14 +521,14 @@ _Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!_
 
 **particles.json**
 
-You can find a sample config [here](https://particles.js.org/docs/modules/_core_container_.html) 📖
+You can find some config samples [here](https://github.com/matteobruni/tsparticles/tree/main/website/presets) 📖
 
 ---
 
 ## **_Options_**
 
 You can find all options
-available [here](https://particles.js.org/docs/interfaces/_options_interfaces_ioptions_.ioptions.html) 📖
+available [here](https://particles.js.org/docs/interfaces/Options_Interfaces_IOptions.IOptions.html) 📖
 
 ## Want to see it in action and try it?
 
@@ -428,4 +572,4 @@ tsParticles now supports some customizations 🥳.
 
 **You can create your own plugins**
 
-_Read more [here](https://particles.js.org/docs/modules/_core_interfaces_iplugin_.html)...\_
+_Read more [here](https://particles.js.org/docs/modules/Core_Interfaces_IPlugin.html)..._

package/Shapes/Circle/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadCircleShape(tsParticles: Engine): Promise<void>;
+export declare function loadCircleShape(engine: Engine): Promise<void>;

package/Shapes/Circle/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadCircleShape = void 0;
 const CircleDrawer_1 = require("./CircleDrawer");
-async function loadCircleShape(tsParticles) {
-    await tsParticles.addShape("circle", new CircleDrawer_1.CircleDrawer());
+async function loadCircleShape(engine) {
+    await engine.addShape("circle", new CircleDrawer_1.CircleDrawer());
 }
 exports.loadCircleShape = loadCircleShape;

package/Shapes/Image/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadImageShape(tsParticles: Engine): Promise<void>;
+export declare function loadImageShape(engine: Engine): Promise<void>;

package/Shapes/Image/index.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadImageShape = void 0;
 const ImageDrawer_1 = require("./ImageDrawer");
-async function loadImageShape(tsParticles) {
+async function loadImageShape(engine) {
     const imageDrawer = new ImageDrawer_1.ImageDrawer();
-    await tsParticles.addShape("image", imageDrawer);
-    await tsParticles.addShape("images", imageDrawer);
+    await engine.addShape("image", imageDrawer);
+    await engine.addShape("images", imageDrawer);
 }
 exports.loadImageShape = loadImageShape;

package/Shapes/Line/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadLineShape(tsParticles: Engine): Promise<void>;
+export declare function loadLineShape(engine: Engine): Promise<void>;

package/Shapes/Line/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadLineShape = void 0;
 const LineDrawer_1 = require("./LineDrawer");
-async function loadLineShape(tsParticles) {
-    await tsParticles.addShape("line", new LineDrawer_1.LineDrawer());
+async function loadLineShape(engine) {
+    await engine.addShape("line", new LineDrawer_1.LineDrawer());
 }
 exports.loadLineShape = loadLineShape;

package/Shapes/Polygon/PolygonDrawer.d.ts

@@ -1,6 +1,6 @@
+import type { ICoordinates, IParticle } from "../../Core";
 import type { ISide } from "./PolygonDrawerBase";
 import { PolygonDrawerBase } from "./PolygonDrawerBase";
-import type { ICoordinates, IParticle } from "../../Core";
 export declare class PolygonDrawer extends PolygonDrawerBase {
     getSidesData(particle: IParticle, radius: number): ISide;
     getCenter(particle: IParticle, radius: number): ICoordinates;

package/Shapes/Polygon/TriangleDrawer.d.ts

@@ -1,5 +1,5 @@
-import type { ISide } from "./PolygonDrawerBase";
 import type { ICoordinates, IParticle } from "../../Core";
+import type { ISide } from "./PolygonDrawerBase";
 import { PolygonDrawerBase } from "./PolygonDrawerBase";
 export declare class TriangleDrawer extends PolygonDrawerBase {
     getSidesCount(): number;

package/Shapes/Polygon/index.d.ts

@@ -1,4 +1,4 @@
 import type { Engine } from "../../engine";
-export declare function loadGenericPolygonShape(tsParticles: Engine): Promise<void>;
-export declare function loadTriangleShape(tsParticles: Engine): Promise<void>;
-export declare function loadPolygonShape(tsParticles: Engine): Promise<void>;
+export declare function loadGenericPolygonShape(engine: Engine): Promise<void>;
+export declare function loadTriangleShape(engine: Engine): Promise<void>;
+export declare function loadPolygonShape(engine: Engine): Promise<void>;

package/Shapes/Polygon/index.js

@@ -3,16 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonShape = exports.loadTriangleShape = exports.loadGenericPolygonShape = void 0;
 const PolygonDrawer_1 = require("./PolygonDrawer");
 const TriangleDrawer_1 = require("./TriangleDrawer");
-async function loadGenericPolygonShape(tsParticles) {
-    await tsParticles.addShape("polygon", new PolygonDrawer_1.PolygonDrawer());
+async function loadGenericPolygonShape(engine) {
+    await engine.addShape("polygon", new PolygonDrawer_1.PolygonDrawer());
 }
 exports.loadGenericPolygonShape = loadGenericPolygonShape;
-async function loadTriangleShape(tsParticles) {
-    await tsParticles.addShape("triangle", new TriangleDrawer_1.TriangleDrawer());
+async function loadTriangleShape(engine) {
+    await engine.addShape("triangle", new TriangleDrawer_1.TriangleDrawer());
 }
 exports.loadTriangleShape = loadTriangleShape;
-async function loadPolygonShape(tsParticles) {
-    await loadGenericPolygonShape(tsParticles);
-    await loadTriangleShape(tsParticles);
+async function loadPolygonShape(engine) {
+    await loadGenericPolygonShape(engine);
+    await loadTriangleShape(engine);
 }
 exports.loadPolygonShape = loadPolygonShape;

package/Shapes/Square/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadSquareShape(tsParticles: Engine): Promise<void>;
+export declare function loadSquareShape(engine: Engine): Promise<void>;

package/Shapes/Square/index.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadSquareShape = void 0;
 const SquareDrawer_1 = require("./SquareDrawer");
-async function loadSquareShape(tsParticles) {
+async function loadSquareShape(engine) {
     const drawer = new SquareDrawer_1.SquareDrawer();
-    await tsParticles.addShape("edge", drawer);
-    await tsParticles.addShape("square", drawer);
+    await engine.addShape("edge", drawer);
+    await engine.addShape("square", drawer);
 }
 exports.loadSquareShape = loadSquareShape;

package/Shapes/Star/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadStarShape(tsParticles: Engine): Promise<void>;
+export declare function loadStarShape(engine: Engine): Promise<void>;

package/Shapes/Star/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadStarShape = void 0;
 const StarDrawer_1 = require("./StarDrawer");
-async function loadStarShape(tsParticles) {
-    await tsParticles.addShape("star", new StarDrawer_1.StarDrawer());
+async function loadStarShape(engine) {
+    await engine.addShape("star", new StarDrawer_1.StarDrawer());
 }
 exports.loadStarShape = loadStarShape;

package/Shapes/Text/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadTextShape(tsParticles: Engine): Promise<void>;
+export declare function loadTextShape(engine: Engine): Promise<void>;

package/Shapes/Text/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadTextShape = void 0;
 const TextDrawer_1 = require("./TextDrawer");
-async function loadTextShape(tsParticles) {
+async function loadTextShape(engine) {
     const drawer = new TextDrawer_1.TextDrawer();
     for (const type of TextDrawer_1.validTypes) {
-        await tsParticles.addShape(type, drawer);
+        await engine.addShape(type, drawer);
     }
 }
 exports.loadTextShape = loadTextShape;

package/Types/ShapeData.d.ts

@@ -1,5 +1,5 @@
-import type { SingleOrMultiple } from "./SingleOrMultiple";
 import type { IShapeValues } from "../Options/Interfaces/Particles/Shape/IShapeValues";
+import type { SingleOrMultiple } from "./SingleOrMultiple";
 export declare type ShapeData = {
     [type: string]: SingleOrMultiple<IShapeValues>;
 };

package/Types/ShapeDrawerFunctions.d.ts

@@ -1,6 +1,6 @@
-import type { IParticle } from "../Core/Interfaces/IParticle";
 import type { Container } from "../Core/Container";
 import type { IDelta } from "../Core/Interfaces/IDelta";
+import type { IParticle } from "../Core/Interfaces/IParticle";
 import { Particle } from "../Core/Particle";
 export declare type ShapeDrawerDrawFunction = (context: CanvasRenderingContext2D, particle: IParticle, radius: number, opacity: number, delta: IDelta, pixelRatio: number) => void;
 export declare type ShapeDrawerInitFunction = (container: Container) => Promise<void>;

package/Updaters/Angle/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadAngleUpdater(tsParticles: Engine): Promise<void>;
+export declare function loadAngleUpdater(engine: Engine): Promise<void>;

package/Updaters/Angle/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadAngleUpdater = void 0;
 const AngleUpdater_1 = require("./AngleUpdater");
-async function loadAngleUpdater(tsParticles) {
-    await tsParticles.addParticleUpdater("angle", (container) => new AngleUpdater_1.AngleUpdater(container));
+async function loadAngleUpdater(engine) {
+    await engine.addParticleUpdater("angle", (container) => new AngleUpdater_1.AngleUpdater(container));
 }
 exports.loadAngleUpdater = loadAngleUpdater;

package/Updaters/Color/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadColorUpdater(tsParticles: Engine): Promise<void>;
+export declare function loadColorUpdater(engine: Engine): Promise<void>;

package/Updaters/Color/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadColorUpdater = void 0;
 const ColorUpdater_1 = require("./ColorUpdater");
-async function loadColorUpdater(tsParticles) {
-    await tsParticles.addParticleUpdater("color", (container) => new ColorUpdater_1.ColorUpdater(container));
+async function loadColorUpdater(engine) {
+    await engine.addParticleUpdater("color", (container) => new ColorUpdater_1.ColorUpdater(container));
 }
 exports.loadColorUpdater = loadColorUpdater;

package/Updaters/Life/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadLifeUpdater(tsParticles: Engine): Promise<void>;
+export declare function loadLifeUpdater(engine: Engine): Promise<void>;

package/Updaters/Life/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadLifeUpdater = void 0;
 const LifeUpdater_1 = require("./LifeUpdater");
-async function loadLifeUpdater(tsParticles) {
-    await tsParticles.addParticleUpdater("life", (container) => new LifeUpdater_1.LifeUpdater(container));
+async function loadLifeUpdater(engine) {
+    await engine.addParticleUpdater("life", (container) => new LifeUpdater_1.LifeUpdater(container));
 }
 exports.loadLifeUpdater = loadLifeUpdater;

package/Updaters/Opacity/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadOpacityUpdater(tsParticles: Engine): Promise<void>;
+export declare function loadOpacityUpdater(engine: Engine): Promise<void>;

package/Updaters/Opacity/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadOpacityUpdater = void 0;
 const OpacityUpdater_1 = require("./OpacityUpdater");
-async function loadOpacityUpdater(tsParticles) {
-    await tsParticles.addParticleUpdater("opacity", (container) => new OpacityUpdater_1.OpacityUpdater(container));
+async function loadOpacityUpdater(engine) {
+    await engine.addParticleUpdater("opacity", (container) => new OpacityUpdater_1.OpacityUpdater(container));
 }
 exports.loadOpacityUpdater = loadOpacityUpdater;

package/Updaters/OutModes/IBounceData.d.ts

@@ -1,5 +1,5 @@
-import type { OutMode, OutModeAlt, OutModeDirection } from "../../Enums";
 import type { IBounds, ICoordinates, IDimension, Particle } from "../../Core";
+import type { OutMode, OutModeAlt, OutModeDirection } from "../../Enums";
 export interface IBounceData {
     particle: Particle;
     outMode: OutMode | OutModeAlt | keyof typeof OutMode;

package/Updaters/OutModes/OutOfCanvasUpdater.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutOfCanvasUpdater = void 0;
-const Utils_1 = require("../../Utils");
-const Utils_2 = require("./Utils");
+const Utils_1 = require("./Utils");
+const Utils_2 = require("../../Utils");
 class OutOfCanvasUpdater {
     constructor(container) {
         this.container = container;
@@ -44,14 +44,14 @@ class OutOfCanvasUpdater {
     }
     destroy(particle, direction) {
         const container = this.container;
-        if ((0, Utils_1.isPointInside)(particle.position, container.canvas.size, particle.getRadius(), direction)) {
+        if ((0, Utils_2.isPointInside)(particle.position, container.canvas.size, particle.getRadius(), direction)) {
             return;
         }
         container.particles.remove(particle, undefined, true);
     }
     out(particle, direction) {
         const container = this.container;
-        if ((0, Utils_1.isPointInside)(particle.position, container.canvas.size, particle.getRadius(), direction)) {
+        if ((0, Utils_2.isPointInside)(particle.position, container.canvas.size, particle.getRadius(), direction)) {
             return;
         }
         const wrap = particle.options.move.warp, canvasSize = container.canvas.size, newPos = {
@@ -59,7 +59,7 @@ class OutOfCanvasUpdater {
             left: -particle.getRadius() - particle.offset.x,
             right: canvasSize.width + particle.getRadius() + particle.offset.x,
             top: -particle.getRadius() - particle.offset.y,
-        }, sizeValue = particle.getRadius(), nextBounds = (0, Utils_1.calculateBounds)(particle.position, sizeValue);
+        }, sizeValue = particle.getRadius(), nextBounds = (0, Utils_2.calculateBounds)(particle.position, sizeValue);
         if (direction === "right" && nextBounds.left > canvasSize.width + particle.offset.x) {
             particle.position.x = newPos.left;
             particle.initialPosition.x = particle.position.x;
@@ -107,9 +107,9 @@ class OutOfCanvasUpdater {
         if (handled) {
             return;
         }
-        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = (0, Utils_1.calculateBounds)(pos, size), canvasSize = container.canvas.size;
-        (0, Utils_2.bounceHorizontal)({ particle, outMode, direction, bounds, canvasSize, offset, size });
-        (0, Utils_2.bounceVertical)({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        const pos = particle.getPosition(), offset = particle.offset, size = particle.getRadius(), bounds = (0, Utils_2.calculateBounds)(pos, size), canvasSize = container.canvas.size;
+        (0, Utils_1.bounceHorizontal)({ particle, outMode, direction, bounds, canvasSize, offset, size });
+        (0, Utils_1.bounceVertical)({ particle, outMode, direction, bounds, canvasSize, offset, size });
     }
     none(particle, direction) {
         if ((particle.options.move.distance.horizontal &&
@@ -128,7 +128,7 @@ class OutOfCanvasUpdater {
                 (particle.velocity.x < 0 && particle.position.x >= -pRadius)) {
                 return;
             }
-            if (!(0, Utils_1.isPointInside)(particle.position, container.canvas.size, pRadius, direction)) {
+            if (!(0, Utils_2.isPointInside)(particle.position, container.canvas.size, pRadius, direction)) {
                 container.particles.remove(particle);
             }
         }

package/Updaters/OutModes/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadOutModesUpdater(tsParticles: Engine): Promise<void>;
+export declare function loadOutModesUpdater(engine: Engine): Promise<void>;

package/Updaters/OutModes/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadOutModesUpdater = void 0;
 const OutOfCanvasUpdater_1 = require("./OutOfCanvasUpdater");
-async function loadOutModesUpdater(tsParticles) {
-    await tsParticles.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater_1.OutOfCanvasUpdater(container));
+async function loadOutModesUpdater(engine) {
+    await engine.addParticleUpdater("outModes", (container) => new OutOfCanvasUpdater_1.OutOfCanvasUpdater(container));
 }
 exports.loadOutModesUpdater = loadOutModesUpdater;