@tsparticles/configs 3.0.0-beta.0

package/esm/m/mouseTrail.js

@@ -0,0 +1,118 @@
+const options = {
+    name: "Mouse Trail",
+    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: "trail",
+            },
+            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,
+            },
+            trail: {
+                delay: 0.01,
+                pauseOnStop: true,
+                particles: {
+                    color: {
+                        value: "#00ff00",
+                        animation: {
+                            enable: true,
+                            speed: 200,
+                            sync: false,
+                        },
+                    },
+                    links: {
+                        enable: false,
+                    },
+                    move: {
+                        outModes: "destroy",
+                    },
+                    opacity: {
+                        value: {
+                            min: 0.1,
+                            max: 1,
+                        },
+                        animation: {
+                            enable: true,
+                            speed: 3,
+                            sync: true,
+                        },
+                    },
+                    size: {
+                        value: {
+                            min: 1,
+                            max: 10,
+                        },
+                    },
+                },
+            },
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/m/moveAngle.js

@@ -0,0 +1,82 @@
+const options = {
+    name: "Move Angle",
+    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,
+            direction: -30,
+        },
+    },
+    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: "#000000",
+    },
+};
+export default options;

package/esm/m/moveDistance.js

@@ -0,0 +1,83 @@
+const options = {
+    name: "Move Distance",
+    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,
+            distance: 50,
+            outModes: "none",
+        },
+    },
+    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: "#000000",
+    },
+};
+export default options;

package/esm/m/moveInside.js

@@ -0,0 +1,41 @@
+const options = {
+    name: "Move Inside",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "#ff0000",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 5,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 10,
+            direction: "inside",
+            straight: true,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/m/moveOutside.js

@@ -0,0 +1,41 @@
+const options = {
+    name: "Move Outside",
+    particles: {
+        number: {
+            value: 80,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "#ff0000",
+            animation: {
+                enable: true,
+                speed: 20,
+                sync: true,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: 1,
+        },
+        size: {
+            value: {
+                min: 5,
+                max: 7,
+            },
+        },
+        move: {
+            enable: true,
+            speed: 10,
+            direction: "outside",
+            straight: true,
+        },
+    },
+    background: {
+        color: "#000000",
+    },
+};
+export default options;

package/esm/m/multipleClickEmitters.js

@@ -0,0 +1,103 @@
+const options = {
+    name: "Multiple Click Emitters",
+    background: {
+        color: "#f00",
+    },
+    interactivity: {
+        events: {
+            onClick: {
+                enable: true,
+                mode: "emitter",
+            },
+        },
+        modes: {
+            emitters: {
+                random: {
+                    enable: false,
+                    count: 0,
+                },
+                value: [
+                    {
+                        name: "big-particle",
+                        startCount: 1,
+                        life: {
+                            count: 1,
+                            delay: 0,
+                            duration: 0.1,
+                        },
+                        rate: {
+                            delay: 0,
+                            quantity: 0,
+                        },
+                        particles: {
+                            color: {
+                                value: "#0f0",
+                            },
+                            size: {
+                                value: {
+                                    min: 150,
+                                    max: 300,
+                                },
+                                animation: {
+                                    enable: true,
+                                    speed: 1500,
+                                    decay: 0.02,
+                                    startValue: "min",
+                                    count: 1,
+                                    sync: true,
+                                },
+                            },
+                            life: {
+                                duration: {
+                                    value: 1,
+                                    sync: true,
+                                },
+                                count: 1,
+                            },
+                        },
+                    },
+                    {
+                        name: "small-particles",
+                        startCount: 50,
+                        life: {
+                            count: 1,
+                            delay: 0,
+                            duration: 0.1,
+                        },
+                        particles: {
+                            color: {
+                                value: "#f00",
+                            },
+                            move: {
+                                decay: 0.1,
+                                enable: true,
+                                speed: 60,
+                                outModes: "destroy",
+                            },
+                            life: {
+                                duration: {
+                                    value: 1,
+                                    sync: true,
+                                },
+                                count: 1,
+                            },
+                            size: {
+                                value: {
+                                    min: 1,
+                                    max: 10,
+                                },
+                            },
+                        },
+                    },
+                ],
+            },
+        },
+    },
+    particles: {
+        number: {
+            value: 0,
+        },
+    },
+    emitters: [],
+};
+export default options;

package/esm/m/multiplePolygonMasks.js

@@ -0,0 +1,125 @@
+const options = {
+    name: "Multiple Polygon Masks",
+    interactivity: {
+        events: {
+            onClick: {
+                enable: false,
+                mode: "push",
+            },
+            onHover: {
+                enable: true,
+                mode: "bubble",
+                parallax: {
+                    enable: false,
+                    force: 2,
+                    smooth: 10,
+                },
+            },
+        },
+        modes: {
+            bubble: {
+                distance: 40,
+                duration: 2,
+                opacity: 8,
+                size: 6,
+            },
+            connect: {
+                distance: 80,
+                links: {
+                    opacity: 0.5,
+                },
+                radius: 60,
+            },
+            grab: {
+                distance: 400,
+                links: {
+                    opacity: 1,
+                },
+            },
+            push: {
+                quantity: 4,
+            },
+            remove: {
+                quantity: 2,
+            },
+            repulse: {
+                distance: 200,
+                duration: 0.4,
+            },
+            slow: {
+                active: false,
+                radius: 0,
+                factor: 1,
+            },
+        },
+    },
+    particles: {
+        color: {
+            value: ["#4285f4", "#34A853", "#FBBC05", "#EA4335"],
+        },
+        links: {
+            blink: false,
+            color: "random",
+            consent: false,
+            distance: 40,
+            enable: true,
+            opacity: 1,
+            width: 1,
+        },
+        move: {
+            enable: true,
+            outModes: "bounce",
+            speed: 1,
+        },
+        number: {
+            limit: 0,
+            value: 200,
+        },
+        opacity: {
+            animation: {
+                enable: true,
+                speed: 2,
+                sync: false,
+            },
+            value: {
+                min: 0.05,
+                max: 0.4,
+            },
+        },
+        shape: {
+            type: "circle",
+        },
+        size: {
+            value: 1,
+        },
+    },
+    polygon: {
+        draw: {
+            enable: true,
+            lineColor: "rgba(255,255,255,0.2)",
+            lineWidth: 0.5,
+        },
+        enable: true,
+        move: {
+            radius: 10,
+        },
+        position: {
+            x: 30,
+            y: 30,
+        },
+        inline: {
+            arrangement: "equidistant",
+        },
+        scale: 1,
+        type: "inline",
+        url: "https://particles.js.org/images/google.svg",
+    },
+    background: {
+        color: "#000000",
+        image: "",
+        position: "50% 50%",
+        repeat: "no-repeat",
+        size: "cover",
+    },
+};
+export default options;

package/esm/n/index.js

@@ -0,0 +1,12 @@
+import nasa from "./nasa";
+import noconfig from "./noconfig";
+import noisePlanes from "./noisePlanes";
+import nyancat from "./nyancat";
+import nyancat2 from "./nyancat2";
+export default {
+    nasa,
+    noconfig,
+    noisePlanes,
+    nyancat,
+    nyancat2,
+};

package/esm/n/nasa.js

@@ -0,0 +1,85 @@
+const options = {
+    name: "NASA",
+    particles: {
+        number: {
+            value: 160,
+            density: {
+                enable: true,
+            },
+        },
+        color: {
+            value: "#ffffff",
+        },
+        shape: {
+            type: "circle",
+        },
+        opacity: {
+            value: {
+                min: 0.1,
+                max: 1,
+            },
+            animation: {
+                enable: true,
+                speed: 1,
+                sync: false,
+            },
+        },
+        size: {
+            value: {
+                min: 1,
+                max: 3,
+            },
+        },
+        move: {
+            enable: true,
+            speed: {
+                min: 0.1,
+                max: 1,
+            },
+        },
+    },
+    interactivity: {
+        events: {
+            onHover: {
+                enable: true,
+                mode: "bubble",
+            },
+            onClick: {
+                enable: true,
+                mode: "repulse",
+            },
+        },
+        modes: {
+            grab: {
+                distance: 400,
+                links: {
+                    opacity: 1,
+                },
+            },
+            bubble: {
+                distance: 250,
+                size: 0,
+                duration: 2,
+                opacity: 0,
+            },
+            repulse: {
+                distance: 400,
+                duration: 0.4,
+            },
+            push: {
+                quantity: 4,
+            },
+            remove: {
+                quantity: 2,
+            },
+        },
+    },
+    background: {
+        color: "#232741",
+        image: "url('http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/NASA_logo.svg/1237px-NASA_logo.svg.png')",
+        position: "50% 50%",
+        repeat: "no-repeat",
+        size: "20%",
+    },
+};
+export default options;

package/esm/n/noconfig.js

@@ -0,0 +1,8 @@
+const options = {
+    name: "No Config",
+    fullScreen: {
+        enable: true,
+        zIndex: 0,
+    },
+};
+export default options;