@tsparticles/fireworks 4.0.0-beta.9 → 4.0.0

package/esm/utils.js

@@ -0,0 +1,195 @@
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, setRangeValue, } from "@tsparticles/engine";
+import { FireworkOptions } from "./FireworkOptions.js";
+const instances = new Map();
+export const explodeSoundCheck = (args) => {
+    const data = args.data;
+    return data?.particle?.options.move.gravity.enable ?? false;
+};
+export function getOptions(options, canvas) {
+    const identity = 1;
+    return {
+        detectRetina: true,
+        background: {
+            color: options.background,
+        },
+        blend: {
+            enable: true,
+            mode: "lighter",
+        },
+        fullScreen: {
+            enable: !canvas,
+        },
+        fpsLimit: 60,
+        emitters: {
+            direction: MoveDirection.top,
+            life: {
+                count: 0,
+                duration: 0.1,
+                delay: 0.1,
+            },
+            rate: {
+                delay: isNumber(options.rate)
+                    ? identity / options.rate
+                    : { min: identity / getRangeMin(options.rate), max: identity / getRangeMax(options.rate) },
+                quantity: 1,
+            },
+            size: {
+                width: 100,
+                height: 0,
+            },
+            position: {
+                y: 100,
+                x: 50,
+            },
+        },
+        particles: {
+            number: {
+                value: 0,
+            },
+            paint: {
+                fill: {
+                    enable: false,
+                },
+                stroke: {
+                    color: {
+                        value: options.colors,
+                    },
+                    width: 2,
+                },
+            },
+            destroy: {
+                mode: "split",
+                bounds: {
+                    top: setRangeValue(options.minHeight),
+                },
+                split: {
+                    count: 1,
+                    factor: {
+                        value: 0.333333,
+                    },
+                    rate: {
+                        value: options.splitCount,
+                    },
+                    strokeColorOffset: {
+                        s: options.saturation,
+                        l: options.brightness,
+                    },
+                    particles: {
+                        group: "split",
+                        number: {
+                            value: 0,
+                        },
+                        opacity: {
+                            value: {
+                                min: 0.1,
+                                max: 1,
+                            },
+                            animation: {
+                                enable: true,
+                                speed: { min: 2, max: 4 },
+                                sync: true,
+                                startValue: StartValueType.max,
+                                destroy: DestroyType.min,
+                                count: 1,
+                            },
+                        },
+                        size: {
+                            value: { min: 5, max: 10 },
+                        },
+                        life: {
+                            count: 1,
+                            duration: {
+                                value: {
+                                    min: 0.5,
+                                    max: 1,
+                                },
+                            },
+                        },
+                        move: {
+                            decay: 0.05,
+                            enable: true,
+                            gravity: {
+                                enable: false,
+                            },
+                            speed: {
+                                min: 10,
+                                max: 25,
+                            },
+                            direction: "outside",
+                            outModes: OutMode.destroy,
+                        },
+                    },
+                },
+            },
+            life: {
+                count: 1,
+            },
+            shape: {
+                type: "line",
+                options: {
+                    line: {
+                        cap: "round",
+                    },
+                },
+            },
+            size: {
+                value: { min: 10, max: 20 },
+            },
+            rotate: {
+                path: true,
+            },
+            move: {
+                enable: true,
+                gravity: {
+                    acceleration: setRangeValue(options.gravity),
+                    enable: true,
+                    inverse: true,
+                    maxSpeed: 150,
+                },
+                speed: setRangeValue(options.speed),
+                outModes: {
+                    default: OutMode.destroy,
+                    top: OutMode.none,
+                },
+            },
+        },
+        sounds: {
+            enable: options.sounds,
+            events: [
+                {
+                    event: EventType.particleRemoved,
+                    filter: explodeSoundCheck,
+                    audio: [
+                        "https://particles.js.org/audio/explosion0.mp3",
+                        "https://particles.js.org/audio/explosion1.mp3",
+                        "https://particles.js.org/audio/explosion2.mp3",
+                    ],
+                },
+            ],
+            volume: 50,
+        },
+    };
+}
+export async function getFireworksInstance(engine, id, sourceOptions, canvas) {
+    const existing = instances.get(id);
+    if (existing instanceof Promise) {
+        return existing;
+    }
+    if (existing) {
+        return existing;
+    }
+    const create = async () => {
+        const options = new FireworkOptions();
+        options.load(sourceOptions);
+        const particlesOptions = getOptions(options, canvas), container = await engine.load({ id, element: canvas, options: particlesOptions });
+        if (!container) {
+            instances.delete(id);
+            return;
+        }
+        const { FireworksInstance } = await import("./FireworksInstance.js"), instance = new FireworksInstance(container);
+        instances.set(id, instance);
+        return instance;
+    }, createPromise = create();
+    instances.set(id, createPromise);
+    return createPromise;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/fireworks",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -95,20 +95,27 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.0.0-beta.9",
-    "@tsparticles/engine": "4.0.0-beta.9",
-    "@tsparticles/plugin-blend": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-square": "4.0.0-beta.9",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.9",
-    "@tsparticles/shape-line": "4.0.0-beta.9",
-    "@tsparticles/updater-destroy": "4.0.0-beta.9",
-    "@tsparticles/updater-life": "4.0.0-beta.9",
-    "@tsparticles/updater-rotate": "4.0.0-beta.9",
-    "@tsparticles/updater-stroke-color": "4.0.0-beta.9"
+    "@tsparticles/basic": "4.0.0",
+    "@tsparticles/engine": "4.0.0",
+    "@tsparticles/plugin-blend": "4.0.0",
+    "@tsparticles/plugin-emitters": "4.0.0",
+    "@tsparticles/plugin-emitters-shape-square": "4.0.0",
+    "@tsparticles/plugin-sounds": "4.0.0",
+    "@tsparticles/shape-line": "4.0.0",
+    "@tsparticles/updater-destroy": "4.0.0",
+    "@tsparticles/updater-life": "4.0.0",
+    "@tsparticles/updater-paint": "4.0.0",
+    "@tsparticles/updater-rotate": "4.0.0"
   },
   "publishConfig": {
     "access": "public"