@tsparticles/engine 4.0.0-alpha.4 → 4.0.0-alpha.8

package/umd/Core/Particle.js

@@ -136,8 +136,7 @@
                 if (!color || !this.roll || (!this.backColor && !this.roll.alter)) {
                     return color;
                 }
-                const backFactor = this.roll.horizontal && this.roll.vertical ? Constants_js_1.double * Constants_js_1.rollFactor : Constants_js_1.rollFactor, backSum = this.roll.horizontal ? Math.PI * Constants_js_1.half : Constants_js_1.none, rolled = Math.floor((this.roll.angle + backSum) / (Math.PI / backFactor)) % Constants_js_1.double;
-                if (!rolled) {
+                if (!this.isShowingBack()) {
                     return color;
                 }
                 if (this.backColor) {
@@ -298,9 +297,7 @@
                 const availableShapes = [...this.container.shapeDrawers.keys()];
                 this.shape = availableShapes[Math.floor((0, MathUtils_js_1.getRandom)() * availableShapes.length)];
             }
-            this.effectData = this.effect
-                ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates)
-                : undefined;
+            this.effectData = this.effect ? loadEffectData(this.effect, effectOptions, this.id, reduceDuplicates) : undefined;
             this.shapeData = this.shape ? loadShapeData(this.shape, shapeOptions, this.id, reduceDuplicates) : undefined;
             particlesOptions.load(overrideOptions);
             const effectData = this.effectData;
@@ -390,6 +387,25 @@
                 position.y <= canvasSize.height + radius &&
                 position.x <= canvasSize.width + radius);
         }
+        isShowingBack() {
+            if (!this.roll) {
+                return false;
+            }
+            const angle = this.roll.angle;
+            if (this.roll.horizontal && this.roll.vertical) {
+                const normalizedAngle = angle % Constants_js_1.doublePI, adjustedAngle = normalizedAngle < Constants_js_1.defaultAngle ? normalizedAngle + Constants_js_1.doublePI : normalizedAngle;
+                return adjustedAngle >= Math.PI * Constants_js_1.half && adjustedAngle < Math.PI * Constants_js_1.triple * Constants_js_1.half;
+            }
+            if (this.roll.horizontal) {
+                const normalizedAngle = (angle + Math.PI * Constants_js_1.half) % (Math.PI * Constants_js_1.double), adjustedAngle = normalizedAngle < Constants_js_1.defaultAngle ? normalizedAngle + Math.PI * Constants_js_1.double : normalizedAngle;
+                return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * Constants_js_1.double;
+            }
+            if (this.roll.vertical) {
+                const normalizedAngle = angle % (Math.PI * Constants_js_1.double), adjustedAngle = normalizedAngle < Constants_js_1.defaultAngle ? normalizedAngle + Math.PI * Constants_js_1.double : normalizedAngle;
+                return adjustedAngle >= Math.PI && adjustedAngle < Math.PI * Constants_js_1.double;
+            }
+            return false;
+        }
         isVisible() {
             return !this.destroyed && !this.spawning && this.isInsideCanvas();
         }

package/umd/Core/Utils/Constants.js

@@ -9,7 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.defaultTime = exports.defaultLoops = exports.defaultVelocity = exports.defaultRgbMin = exports.phaseNumerator = exports.sNormalizedOffset = exports.sextuple = exports.triple = exports.lMin = exports.lFactor = exports.minStrokeWidth = exports.identity = exports.defaultAngle = exports.manualDefaultPosition = exports.touchDelay = exports.deleteCount = exports.defaultDensityFactor = exports.lengthOffset = exports.minIndex = exports.minCount = exports.countOffset = exports.minLimit = exports.sizeFactor = exports.posOffset = exports.defaultRadius = exports.minZ = exports.rollFactor = exports.minRetries = exports.tryCountIncrement = exports.decayOffset = exports.none = exports.one = exports.loadMinIndex = exports.loadRandomFactor = exports.canvasFirstIndex = exports.minFpsLimit = exports.defaultFpsLimit = exports.removeMinIndex = exports.removeDeleteCount = exports.minCoordinate = exports.touchEndLengthOffset = exports.clickRadius = exports.defaultOpacity = exports.zIndexFactorOffset = exports.minimumLength = exports.minimumSize = exports.defaultTransformValue = exports.minVelocity = exports.threeQuarter = exports.quarter = exports.empty = exports.hPhase = exports.sMin = exports.hMin = exports.lMax = exports.sMax = exports.hMax = exports.rgbMax = exports.inverseFactorNumerator = exports.subdivideCount = exports.defaultReduceFactor = exports.defaultRatio = exports.defaultRemoveQuantity = exports.qTreeCapacity = exports.squareExp = exports.defaultRetryCount = exports.canvasTag = exports.generatedFalse = exports.generatedTrue = exports.defaultAlpha = exports.defaultFps = exports.doublePI = exports.double = exports.midColorValue = exports.randomColorValue = exports.defaultTransform = exports.originPoint = exports.millisecondsToSeconds = exports.half = exports.percentDenominator = exports.visibilityChangeEvent = exports.resizeEvent = exports.generatedAttribute = void 0;
+    exports.defaultTime = exports.defaultLoops = exports.defaultVelocity = exports.defaultRgbMin = exports.phaseNumerator = exports.sNormalizedOffset = exports.sextuple = exports.triple = exports.lMin = exports.lFactor = exports.minStrokeWidth = exports.identity = exports.defaultAngle = exports.manualDefaultPosition = exports.touchDelay = exports.deleteCount = exports.defaultDensityFactor = exports.lengthOffset = exports.minIndex = exports.minCount = exports.countOffset = exports.minLimit = exports.sizeFactor = exports.posOffset = exports.defaultRadius = exports.minZ = exports.minRetries = exports.tryCountIncrement = exports.decayOffset = exports.none = exports.one = exports.loadMinIndex = exports.loadRandomFactor = exports.canvasFirstIndex = exports.minFpsLimit = exports.defaultFpsLimit = exports.removeMinIndex = exports.removeDeleteCount = exports.minCoordinate = exports.touchEndLengthOffset = exports.clickRadius = exports.defaultOpacity = exports.zIndexFactorOffset = exports.minimumLength = exports.minimumSize = exports.defaultTransformValue = exports.minVelocity = exports.threeQuarter = exports.quarter = exports.empty = exports.hPhase = exports.sMin = exports.hMin = exports.lMax = exports.sMax = exports.hMax = exports.rgbMax = exports.inverseFactorNumerator = exports.subdivideCount = exports.defaultReduceFactor = exports.defaultRatio = exports.defaultRemoveQuantity = exports.qTreeCapacity = exports.squareExp = exports.defaultRetryCount = exports.canvasTag = exports.generatedFalse = exports.generatedTrue = exports.defaultAlpha = exports.defaultFps = exports.doublePI = exports.double = exports.midColorValue = exports.randomColorValue = exports.defaultTransform = exports.originPoint = exports.millisecondsToSeconds = exports.half = exports.percentDenominator = exports.visibilityChangeEvent = exports.resizeEvent = exports.generatedAttribute = void 0;
     exports.generatedAttribute = "generated", exports.resizeEvent = "resize", exports.visibilityChangeEvent = "visibilitychange", exports.percentDenominator = 100, exports.half = 0.5, exports.millisecondsToSeconds = 1000, exports.originPoint = {
         x: 0,
         y: 0,
@@ -19,5 +19,5 @@
         b: 0,
         c: 0,
         d: 1,
-    }, exports.randomColorValue = "random", exports.midColorValue = "mid", exports.double = 2, exports.doublePI = Math.PI * exports.double, exports.defaultFps = 60, exports.defaultAlpha = 1, exports.generatedTrue = "true", exports.generatedFalse = "false", exports.canvasTag = "canvas", exports.defaultRetryCount = 0, exports.squareExp = 2, exports.qTreeCapacity = 4, exports.defaultRemoveQuantity = 1, exports.defaultRatio = 1, exports.defaultReduceFactor = 1, exports.subdivideCount = 4, exports.inverseFactorNumerator = 1.0, exports.rgbMax = 255, exports.hMax = 360, exports.sMax = 100, exports.lMax = 100, exports.hMin = 0, exports.sMin = 0, exports.hPhase = 60, exports.empty = 0, exports.quarter = 0.25, exports.threeQuarter = exports.half + exports.quarter, exports.minVelocity = 0, exports.defaultTransformValue = 1, exports.minimumSize = 0, exports.minimumLength = 0, exports.zIndexFactorOffset = 1, exports.defaultOpacity = 1, exports.clickRadius = 1, exports.touchEndLengthOffset = 1, exports.minCoordinate = 0, exports.removeDeleteCount = 1, exports.removeMinIndex = 0, exports.defaultFpsLimit = 120, exports.minFpsLimit = 0, exports.canvasFirstIndex = 0, exports.loadRandomFactor = 10000, exports.loadMinIndex = 0, exports.one = 1, exports.none = 0, exports.decayOffset = 1, exports.tryCountIncrement = 1, exports.minRetries = 0, exports.rollFactor = 1, exports.minZ = 0, exports.defaultRadius = 0, exports.posOffset = -exports.quarter, exports.sizeFactor = 1.5, exports.minLimit = 0, exports.countOffset = 1, exports.minCount = 0, exports.minIndex = 0, exports.lengthOffset = 1, exports.defaultDensityFactor = 1, exports.deleteCount = 1, exports.touchDelay = 500, exports.manualDefaultPosition = 50, exports.defaultAngle = 0, exports.identity = 1, exports.minStrokeWidth = 0, exports.lFactor = 1, exports.lMin = 0, exports.triple = 3, exports.sextuple = 6, exports.sNormalizedOffset = 1, exports.phaseNumerator = 1, exports.defaultRgbMin = 0, exports.defaultVelocity = 0, exports.defaultLoops = 0, exports.defaultTime = 0;
+    }, exports.randomColorValue = "random", exports.midColorValue = "mid", exports.double = 2, exports.doublePI = Math.PI * exports.double, exports.defaultFps = 60, exports.defaultAlpha = 1, exports.generatedTrue = "true", exports.generatedFalse = "false", exports.canvasTag = "canvas", exports.defaultRetryCount = 0, exports.squareExp = 2, exports.qTreeCapacity = 4, exports.defaultRemoveQuantity = 1, exports.defaultRatio = 1, exports.defaultReduceFactor = 1, exports.subdivideCount = 4, exports.inverseFactorNumerator = 1.0, exports.rgbMax = 255, exports.hMax = 360, exports.sMax = 100, exports.lMax = 100, exports.hMin = 0, exports.sMin = 0, exports.hPhase = 60, exports.empty = 0, exports.quarter = 0.25, exports.threeQuarter = exports.half + exports.quarter, exports.minVelocity = 0, exports.defaultTransformValue = 1, exports.minimumSize = 0, exports.minimumLength = 0, exports.zIndexFactorOffset = 1, exports.defaultOpacity = 1, exports.clickRadius = 1, exports.touchEndLengthOffset = 1, exports.minCoordinate = 0, exports.removeDeleteCount = 1, exports.removeMinIndex = 0, exports.defaultFpsLimit = 120, exports.minFpsLimit = 0, exports.canvasFirstIndex = 0, exports.loadRandomFactor = 10000, exports.loadMinIndex = 0, exports.one = 1, exports.none = 0, exports.decayOffset = 1, exports.tryCountIncrement = 1, exports.minRetries = 0, exports.minZ = 0, exports.defaultRadius = 0, exports.posOffset = -exports.quarter, exports.sizeFactor = 1.5, exports.minLimit = 0, exports.countOffset = 1, exports.minCount = 0, exports.minIndex = 0, exports.lengthOffset = 1, exports.defaultDensityFactor = 1, exports.deleteCount = 1, exports.touchDelay = 500, exports.manualDefaultPosition = 50, exports.defaultAngle = 0, exports.identity = 1, exports.minStrokeWidth = 0, exports.lFactor = 1, exports.lMin = 0, exports.triple = 3, exports.sextuple = 6, exports.sNormalizedOffset = 1, exports.phaseNumerator = 1, exports.defaultRgbMin = 0, exports.defaultVelocity = 0, exports.defaultLoops = 0, exports.defaultTime = 0;
 });

package/umd/Enums/Types/EasingType.js

@@ -13,31 +13,46 @@
     var EasingType;
     (function (EasingType) {
         EasingType["easeInBack"] = "ease-in-back";
+        EasingType["easeInBounce"] = "ease-in-bounce";
         EasingType["easeInCirc"] = "ease-in-circ";
         EasingType["easeInCubic"] = "ease-in-cubic";
+        EasingType["easeInElastic"] = "ease-in-elastic";
+        EasingType["easeInExpo"] = "ease-in-expo";
+        EasingType["easeInGaussian"] = "ease-in-gaussian";
         EasingType["easeInLinear"] = "ease-in-linear";
         EasingType["easeInQuad"] = "ease-in-quad";
         EasingType["easeInQuart"] = "ease-in-quart";
         EasingType["easeInQuint"] = "ease-in-quint";
-        EasingType["easeInExpo"] = "ease-in-expo";
+        EasingType["easeInSigmoid"] = "ease-in-sigmoid";
         EasingType["easeInSine"] = "ease-in-sine";
+        EasingType["easeInSmoothstep"] = "ease-in-smoothstep";
         EasingType["easeOutBack"] = "ease-out-back";
+        EasingType["easeOutBounce"] = "ease-out-bounce";
         EasingType["easeOutCirc"] = "ease-out-circ";
         EasingType["easeOutCubic"] = "ease-out-cubic";
+        EasingType["easeOutElastic"] = "ease-out-elastic";
+        EasingType["easeOutExpo"] = "ease-out-expo";
+        EasingType["easeOutGaussian"] = "ease-out-gaussian";
         EasingType["easeOutLinear"] = "ease-out-linear";
         EasingType["easeOutQuad"] = "ease-out-quad";
         EasingType["easeOutQuart"] = "ease-out-quart";
         EasingType["easeOutQuint"] = "ease-out-quint";
-        EasingType["easeOutExpo"] = "ease-out-expo";
+        EasingType["easeOutSigmoid"] = "ease-out-sigmoid";
         EasingType["easeOutSine"] = "ease-out-sine";
+        EasingType["easeOutSmoothstep"] = "ease-out-smoothstep";
         EasingType["easeInOutBack"] = "ease-in-out-back";
+        EasingType["easeInOutBounce"] = "ease-in-out-bounce";
         EasingType["easeInOutCirc"] = "ease-in-out-circ";
         EasingType["easeInOutCubic"] = "ease-in-out-cubic";
+        EasingType["easeInOutElastic"] = "ease-in-out-elastic";
+        EasingType["easeInOutExpo"] = "ease-in-out-expo";
+        EasingType["easeInOutGaussian"] = "ease-in-out-gaussian";
         EasingType["easeInOutLinear"] = "ease-in-out-linear";
         EasingType["easeInOutQuad"] = "ease-in-out-quad";
         EasingType["easeInOutQuart"] = "ease-in-out-quart";
         EasingType["easeInOutQuint"] = "ease-in-out-quint";
-        EasingType["easeInOutExpo"] = "ease-in-out-expo";
+        EasingType["easeInOutSigmoid"] = "ease-in-out-sigmoid";
         EasingType["easeInOutSine"] = "ease-in-out-sine";
+        EasingType["easeInOutSmoothstep"] = "ease-in-out-smoothstep";
     })(EasingType || (exports.EasingType = EasingType = {}));
 });

package/umd/Utils/CanvasUtils.js

@@ -9,7 +9,6 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.clearDrawPlugin = clearDrawPlugin;
     exports.drawLine = drawLine;
     exports.paintBase = paintBase;
     exports.paintImage = paintImage;
@@ -20,17 +19,10 @@
     exports.drawShape = drawShape;
     exports.drawShapeAfterDraw = drawShapeAfterDraw;
     exports.drawShapeBeforeDraw = drawShapeBeforeDraw;
-    exports.drawPlugin = drawPlugin;
     exports.drawParticlePlugin = drawParticlePlugin;
     exports.alterHsl = alterHsl;
     const Constants_js_1 = require("../Core/Utils/Constants.js");
     const AlterType_js_1 = require("../Enums/Types/AlterType.js");
-    function clearDrawPlugin(context, plugin, delta) {
-        if (!plugin.clearDraw) {
-            return;
-        }
-        plugin.clearDraw(context, delta);
-    }
     function drawLine(context, begin, end) {
         context.beginPath();
         context.moveTo(begin.x, begin.y);
@@ -146,12 +138,6 @@
         }
         drawer.beforeDraw(data);
     }
-    function drawPlugin(context, plugin, delta) {
-        if (!plugin.draw) {
-            return;
-        }
-        plugin.draw(context, delta);
-    }
     function drawParticlePlugin(context, plugin, particle, delta) {
         if (!plugin.drawParticle) {
             return;

package/umd/Utils/Utils.js

@@ -135,11 +135,15 @@
                 continue;
             }
             const sourceIsArray = Array.isArray(source);
-            if (sourceIsArray && ((0, TypeUtils_js_1.isObject)(destination) || !destination || !Array.isArray(destination))) {
-                destination = [];
+            if (sourceIsArray) {
+                if (!Array.isArray(destination)) {
+                    destination = [];
+                }
             }
-            else if (!sourceIsArray && ((0, TypeUtils_js_1.isObject)(destination) || !destination || Array.isArray(destination))) {
-                destination = {};
+            else {
+                if (!(0, TypeUtils_js_1.isObject)(destination) || Array.isArray(destination)) {
+                    destination = {};
+                }
             }
             for (const key in source) {
                 if (key === "__proto__") {