@tsparticles/preset-squares 3.0.0-beta.4

package/umd/index.js

@@ -0,0 +1,28 @@
+(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/plugin-emitters", "@tsparticles/updater-rotate", "@tsparticles/updater-size", "@tsparticles/shape-square", "@tsparticles/updater-stroke-color", "./options"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadSquaresPreset = void 0;
+    const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+    const updater_rotate_1 = require("@tsparticles/updater-rotate");
+    const updater_size_1 = require("@tsparticles/updater-size");
+    const shape_square_1 = require("@tsparticles/shape-square");
+    const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
+    const options_1 = require("./options");
+    async function loadSquaresPreset(engine, refresh = true) {
+        await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+        await (0, shape_square_1.loadSquareShape)(engine, false);
+        await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
+        await (0, updater_size_1.loadSizeUpdater)(engine, false);
+        await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
+        await engine.addPreset("squares", options_1.options, refresh);
+    }
+    exports.loadSquaresPreset = loadSquaresPreset;
+});

package/umd/options.js

@@ -0,0 +1,73 @@
+(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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.options = void 0;
+    exports.options = {
+        particles: {
+            stroke: {
+                width: 5,
+                color: {
+                    value: [
+                        "#5bc0eb",
+                        "#fde74c",
+                        "#9bc53d",
+                        "#e55934",
+                        "#fa7921",
+                        "#2FF3E0",
+                        "#F8D210",
+                        "#FA26A0",
+                        "#F51720",
+                    ],
+                },
+            },
+            shape: {
+                type: "square",
+                options: {
+                    square: {
+                        fill: false,
+                    },
+                },
+            },
+            rotate: {
+                value: 0,
+                direction: "counter-clockwise",
+                animation: {
+                    enable: true,
+                    speed: 2,
+                    sync: true,
+                },
+            },
+            size: {
+                value: { min: 1, max: 500 },
+                animation: {
+                    enable: true,
+                    startValue: "min",
+                    speed: 60,
+                    sync: true,
+                    destroy: "max",
+                },
+            },
+        },
+        background: {
+            color: "#000",
+        },
+        emitters: {
+            position: {
+                y: 50,
+                x: 50,
+            },
+            rate: {
+                delay: 1,
+                quantity: 1,
+            },
+        },
+    };
+});