@tsparticles/configs 3.0.0-beta.0

package/esm/e/emitterShapes.js

@@ -0,0 +1,96 @@
+const options = {
+    name: "Emitter Shapes",
+    particles: {
+        number: {
+            value: 0,
+        },
+        color: {
+            value: "#000000",
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: 1,
+        },
+    },
+    background: {
+        color: "#fff",
+    },
+    emitters: [
+        {
+            shape: "square",
+            position: {
+                x: 33,
+                y: 33,
+            },
+            size: {
+                width: 200,
+                height: 200,
+                mode: "precise",
+            },
+            life: {
+                duration: 10,
+                delay: 0.5,
+                count: 1,
+            },
+        },
+        {
+            shape: "circle",
+            position: {
+                x: 67,
+                y: 33,
+            },
+            size: {
+                width: 200,
+                height: 200,
+                mode: "precise",
+            },
+            life: {
+                duration: 10,
+                delay: 0.5,
+                count: 1,
+            },
+        },
+        {
+            fill: false,
+            shape: "square",
+            position: {
+                x: 33,
+                y: 67,
+            },
+            size: {
+                width: 200,
+                height: 200,
+                mode: "precise",
+            },
+            life: {
+                duration: 10,
+                delay: 0.5,
+                count: 1,
+            },
+        },
+        {
+            fill: false,
+            shape: "circle",
+            position: {
+                x: 67,
+                y: 67,
+            },
+            size: {
+                width: 200,
+                height: 200,
+                mode: "precise",
+            },
+            life: {
+                duration: 10,
+                delay: 0.5,
+                count: 1,
+            },
+        },
+    ],
+};
+export default options;

package/esm/e/index.js

@@ -0,0 +1,14 @@
+import emitter from "./emitter";
+import emitterAbsorber from "./emitterAbsorber";
+import emitterAngled from "./emitterAngled";
+import emitterImages from "./emitterImages";
+import emitterPaths from "./emitterPaths";
+import emitterShapes from "./emitterShapes";
+export default {
+    emitter,
+    emitterAbsorber,
+    emitterAngled,
+    emitterImages,
+    emitterPaths,
+    emitterShapes,
+};

package/esm/f/fireworks.js

@@ -0,0 +1,180 @@
+const options = {
+    name: "Fireworks",
+    fullScreen: {
+        enable: true,
+    },
+    background: {
+        color: "#000",
+    },
+    emitters: {
+        direction: "top",
+        life: {
+            count: 0,
+            duration: 0.1,
+            delay: 0.1,
+        },
+        rate: {
+            delay: 0.15,
+            quantity: 1,
+        },
+        size: {
+            width: 100,
+            height: 0,
+        },
+        position: {
+            y: 100,
+            x: 50,
+        },
+    },
+    particles: {
+        number: {
+            value: 0,
+        },
+        destroy: {
+            bounds: {
+                top: 30,
+            },
+            mode: "split",
+            split: {
+                count: 1,
+                factor: {
+                    value: 0.333333,
+                },
+                rate: {
+                    value: 100,
+                },
+                particles: {
+                    stroke: {
+                        width: 0,
+                    },
+                    color: {
+                        value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
+                    },
+                    number: {
+                        value: 0,
+                    },
+                    collisions: {
+                        enable: false,
+                    },
+                    destroy: {
+                        bounds: {
+                            top: 0,
+                        },
+                    },
+                    opacity: {
+                        value: {
+                            min: 0.1,
+                            max: 1,
+                        },
+                        animation: {
+                            enable: true,
+                            speed: 0.7,
+                            sync: false,
+                            startValue: "max",
+                            destroy: "min",
+                        },
+                    },
+                    shape: {
+                        type: "circle",
+                    },
+                    size: {
+                        value: 2,
+                        animation: {
+                            enable: false,
+                        },
+                    },
+                    life: {
+                        count: 1,
+                        duration: {
+                            value: {
+                                min: 1,
+                                max: 2,
+                            },
+                        },
+                    },
+                    move: {
+                        enable: true,
+                        gravity: {
+                            enable: true,
+                            acceleration: 9.81,
+                            inverse: false,
+                        },
+                        decay: 0.1,
+                        speed: {
+                            min: 10,
+                            max: 25,
+                        },
+                        direction: "outside",
+                        outModes: "destroy",
+                    },
+                },
+            },
+        },
+        life: {
+            count: 1,
+        },
+        shape: {
+            type: "line",
+        },
+        size: {
+            value: {
+                min: 0.1,
+                max: 50,
+            },
+            animation: {
+                enable: true,
+                sync: true,
+                speed: 90,
+                startValue: "max",
+                destroy: "min",
+            },
+        },
+        stroke: {
+            color: {
+                value: "#ffffff",
+            },
+            width: 1,
+        },
+        rotate: {
+            path: true,
+        },
+        move: {
+            enable: true,
+            gravity: {
+                acceleration: 15,
+                enable: true,
+                inverse: true,
+                maxSpeed: 100,
+            },
+            speed: {
+                min: 10,
+                max: 20,
+            },
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+            trail: {
+                fill: { color: "#000" },
+                enable: true,
+                length: 10,
+            },
+        },
+    },
+    sounds: {
+        enable: true,
+        events: [
+            {
+                event: "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 default options;

package/esm/f/fontawesome.js

@@ -0,0 +1,103 @@
+const options = {
+    name: "Font Awesome",
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+        },
+        modes: {
+            push: {
+                quantity: 4,
+            },
+            repulse: {
+                distance: 200,
+                duration: 0.4,
+            },
+        },
+    },
+    particles: {
+        color: {
+            value: "#ffffff",
+        },
+        links: {
+            blink: false,
+            color: "#ffffff",
+            consent: false,
+            distance: 150,
+            enable: true,
+            opacity: 0.4,
+            shadow: {
+                blur: 5,
+                color: "lime",
+                enable: false,
+            },
+            width: 1,
+        },
+        move: {
+            direction: "none",
+            enable: true,
+            speed: 2,
+        },
+        number: {
+            density: {
+                enable: true,
+            },
+            limit: 0,
+            value: 80,
+        },
+        opacity: {
+            animation: {
+                enable: true,
+                speed: 1,
+                sync: false,
+            },
+            value: {
+                min: 0.1,
+                max: 0.5,
+            },
+        },
+        shape: {
+            options: {
+                char: [
+                    {
+                        fill: true,
+                        font: "Font Awesome 5 Brands",
+                        style: "",
+                        value: ["\uf179"],
+                        weight: "400",
+                    },
+                    {
+                        fill: true,
+                        font: "Font Awesome 5 Free",
+                        style: "",
+                        value: ["\uf5d1"],
+                        weight: "900",
+                    },
+                ],
+            },
+            type: "char",
+        },
+        stroke: {
+            color: "#ffffff",
+            width: 1,
+        },
+        size: {
+            value: 16,
+        },
+    },
+    pauseOnBlur: true,
+    background: {
+        color: "#0d47a1",
+        image: "",
+        position: "50% 50%",
+        repeat: "no-repeat",
+        size: "cover",
+    },
+};
+export default options;

package/esm/f/forward.js

@@ -0,0 +1,89 @@
+const options = {
+    name: "Forward",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        rotate: {
+            path: true,
+        },
+        color: {
+            value: "#ff0000",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        stroke: {
+            width: 0,
+            color: "#000000",
+        },
+        shape: {
+            type: "image",
+            options: {
+                image: {
+                    src: "https://particles.js.org/images/arrow.png",
+                    width: 512,
+                    height: 512,
+                    replaceColor: true,
+                },
+            },
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 32,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "repulse",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            grab: {
+                distance: 400,
+                links: {
+                    opacity: 1,
+                },
+            },
+            bubble: {
+                distance: 400,
+                size: 40,
+                duration: 2,
+                opacity: 0.8,
+            },
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+            remove: {
+                quantity: 2,
+            },
+        },
+    },
+    background: {
+        color: "#ffffff",
+    },
+};
+export default options;

package/esm/f/index.js

@@ -0,0 +1,8 @@
+import fireworks from "./fireworks";
+import fontawesome from "./fontawesome";
+import forward from "./forward";
+export default {
+    fireworks,
+    fontawesome,
+    forward,
+};

package/esm/g/gifs.js

@@ -0,0 +1,53 @@
+const options = {
+    name: "Gifs",
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            push: {
+                quantity: 4,
+            },
+        },
+    },
+    particles: {
+        color: {
+            value: "#ffffff",
+        },
+        move: {
+            enable: true,
+            speed: { min: 1, max: 6 },
+        },
+        number: {
+            value: 20,
+            limit: 30,
+        },
+        opacity: {
+            value: 1,
+        },
+        rotate: {
+            path: true,
+        },
+        shape: {
+            options: {
+                image: {
+                    gif: true,
+                    height: 200,
+                    src: "https://particles.js.org/images/mario.gif",
+                    width: 200,
+                },
+            },
+            type: "image",
+        },
+        size: {
+            value: {
+                min: 32,
+                max: 64,
+            },
+        },
+    },
+};
+export default options;

package/esm/g/grabRandomColor.js

@@ -0,0 +1,82 @@
+const options = {
+    name: "Grab Random Color",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "#ff0000",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 0.5,
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        links: {
+            enable: true,
+            distance: 100,
+            color: "#ffffff",
+            opacity: 0.4,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            speed: 6,
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "grab",
+            },
+            onClick: {
+                enable: true,
+                mode: "push",
+            },
+        },
+        modes: {
+            grab: {
+                distance: 400,
+                links: {
+                    color: "random",
+                    opacity: 1,
+                },
+            },
+            bubble: {
+                distance: 400,
+                size: 40,
+                duration: 2,
+                opacity: 0.8,
+            },
+            repulse: {
+                distance: 200,
+            },
+            push: {
+                quantity: 4,
+            },
+            remove: {
+                quantity: 2,
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;