@tsparticles/preset-sea-anemone 3.0.0-alpha.1

package/umd/index.js

@@ -0,0 +1,34 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./options", "@tsparticles/move-base", "@tsparticles/shape-circle", "@tsparticles/updater-color", "@tsparticles/path-curves", "@tsparticles/plugin-emitters", "@tsparticles/updater-opacity", "@tsparticles/updater-out-modes", "@tsparticles/updater-size"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadSeaAnemonePreset = void 0;
+    const options_1 = require("./options");
+    const move_base_1 = require("@tsparticles/move-base");
+    const shape_circle_1 = require("@tsparticles/shape-circle");
+    const updater_color_1 = require("@tsparticles/updater-color");
+    const path_curves_1 = require("@tsparticles/path-curves");
+    const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+    const updater_opacity_1 = require("@tsparticles/updater-opacity");
+    const updater_out_modes_1 = require("@tsparticles/updater-out-modes");
+    const updater_size_1 = require("@tsparticles/updater-size");
+    async function loadSeaAnemonePreset(engine) {
+        await (0, move_base_1.loadBaseMover)(engine);
+        await (0, shape_circle_1.loadCircleShape)(engine);
+        await (0, updater_color_1.loadColorUpdater)(engine);
+        await (0, updater_opacity_1.loadOpacityUpdater)(engine);
+        await (0, updater_out_modes_1.loadOutModesUpdater)(engine);
+        await (0, updater_size_1.loadSizeUpdater)(engine);
+        await (0, plugin_emitters_1.loadEmittersPlugin)(engine);
+        await (0, path_curves_1.loadCurvesPath)(engine);
+        await engine.addPreset(options_1.presetName, options_1.options);
+    }
+    exports.loadSeaAnemonePreset = loadSeaAnemonePreset;
+});

package/umd/options.js

@@ -0,0 +1,109 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/path-curves"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.options = exports.presetName = void 0;
+    const path_curves_1 = require("@tsparticles/path-curves");
+    exports.presetName = "seaAnemone";
+    exports.options = {
+        fpsLimit: 120,
+        particles: {
+            color: {
+                value: "#FF0000",
+            },
+            move: {
+                direction: "none",
+                enable: true,
+                outModes: {
+                    default: "destroy",
+                },
+                path: {
+                    clamp: false,
+                    enable: true,
+                    delay: {
+                        value: 0,
+                    },
+                    generator: path_curves_1.curvesPathName,
+                },
+                random: false,
+                speed: 2,
+                straight: false,
+                trail: {
+                    fillColor: "#000",
+                    length: 30,
+                    enable: true,
+                },
+            },
+            number: {
+                value: 0,
+                limit: 300,
+            },
+            opacity: {
+                value: 1,
+            },
+            shape: {
+                type: "circle",
+            },
+            size: {
+                value: { min: 1, max: 10 },
+                animation: {
+                    count: 1,
+                    startValue: "min",
+                    enable: true,
+                    speed: 10,
+                    sync: true,
+                },
+            },
+        },
+        background: {
+            color: "#000",
+        },
+        detectRetina: true,
+        emitters: {
+            direction: "none",
+            rate: {
+                quantity: 10,
+                delay: 0.3,
+            },
+            size: {
+                width: 0,
+                height: 0,
+                mode: "precise",
+            },
+            spawnColor: {
+                value: "#ff0000",
+                animation: {
+                    h: {
+                        enable: true,
+                        offset: {
+                            min: -1.4,
+                            max: 1.4,
+                        },
+                        speed: 5,
+                        sync: false,
+                    },
+                    l: {
+                        enable: true,
+                        offset: {
+                            min: 20,
+                            max: 80,
+                        },
+                        speed: 0,
+                        sync: false,
+                    },
+                },
+            },
+            position: {
+                x: 50,
+                y: 50,
+            },
+        },
+    };
+});