@tsparticles/updater-opacity - npm Package Compare versions

Comparing version 3.0.3 to 3.1.0

browser/OpacityUpdater.js

@@ -1,3 +0,2 @@
-import { getRandom, getRangeValue, initParticleNumericAnimationValue, } from "@tsparticles/engine";
-import { updateOpacity } from "./Utils.js";
+import { getRandom, getRangeValue, initParticleNumericAnimationValue, percentDenominator, updateAnimation, } from "@tsparticles/engine";
 export class OpacityUpdater {
@@ -8,8 +7,8 @@ constructor(container) {
     init(particle) {
-        const opacityOptions = particle.options.opacity;
-        particle.opacity = initParticleNumericAnimationValue(opacityOptions, 1);
+        const opacityOptions = particle.options.opacity, pxRatio = 1;
+        particle.opacity = initParticleNumericAnimationValue(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                (getRangeValue(opacityAnimation.speed) / 100) * this.container.retina.reduceFactor;
+                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
@@ -21,2 +20,3 @@ particle.opacity.velocity *= getRandom();
     isEnabled(particle) {
+        const none = 0;
         return (!particle.destroyed &&
@@ -26,5 +26,5 @@ !particle.spawning &&
             particle.opacity.enable &&
-            ((particle.opacity.maxLoops ?? 0) <= 0 ||
-                ((particle.opacity.maxLoops ?? 0) > 0 &&
-                    (particle.opacity.loops ?? 0) < (particle.opacity.maxLoops ?? 0))));
+            ((particle.opacity.maxLoops ?? none) <= none ||
+                ((particle.opacity.maxLoops ?? none) > none &&
+                    (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
@@ -38,7 +38,7 @@ reset(particle) {
     update(particle, delta) {
-        if (!this.isEnabled(particle)) {
+        if (!this.isEnabled(particle) || !particle.opacity) {
             return;
         }
-        updateOpacity(particle, delta);
+        updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
     }
 }

cjs/OpacityUpdater.js

@@ -5,3 +5,2 @@ "use strict";
 const engine_1 = require("@tsparticles/engine");
-const Utils_js_1 = require("./Utils.js");
 class OpacityUpdater {
@@ -12,8 +11,8 @@ constructor(container) {
     init(particle) {
-        const opacityOptions = particle.options.opacity;
-        particle.opacity = (0, engine_1.initParticleNumericAnimationValue)(opacityOptions, 1);
+        const opacityOptions = particle.options.opacity, pxRatio = 1;
+        particle.opacity = (0, engine_1.initParticleNumericAnimationValue)(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                ((0, engine_1.getRangeValue)(opacityAnimation.speed) / 100) * this.container.retina.reduceFactor;
+                ((0, engine_1.getRangeValue)(opacityAnimation.speed) / engine_1.percentDenominator) * this.container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
@@ -25,2 +24,3 @@ particle.opacity.velocity *= (0, engine_1.getRandom)();
     isEnabled(particle) {
+        const none = 0;
         return (!particle.destroyed &&
@@ -30,5 +30,5 @@ !particle.spawning &&
             particle.opacity.enable &&
-            ((particle.opacity.maxLoops ?? 0) <= 0 ||
-                ((particle.opacity.maxLoops ?? 0) > 0 &&
-                    (particle.opacity.loops ?? 0) < (particle.opacity.maxLoops ?? 0))));
+            ((particle.opacity.maxLoops ?? none) <= none ||
+                ((particle.opacity.maxLoops ?? none) > none &&
+                    (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
@@ -42,8 +42,8 @@ reset(particle) {
     update(particle, delta) {
-        if (!this.isEnabled(particle)) {
+        if (!this.isEnabled(particle) || !particle.opacity) {
             return;
         }
-        (0, Utils_js_1.updateOpacity)(particle, delta);
+        (0, engine_1.updateAnimation)(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
     }
 }
 exports.OpacityUpdater = OpacityUpdater;

esm/OpacityUpdater.js

@@ -1,3 +0,2 @@
-import { getRandom, getRangeValue, initParticleNumericAnimationValue, } from "@tsparticles/engine";
-import { updateOpacity } from "./Utils.js";
+import { getRandom, getRangeValue, initParticleNumericAnimationValue, percentDenominator, updateAnimation, } from "@tsparticles/engine";
 export class OpacityUpdater {
@@ -8,8 +7,8 @@ constructor(container) {
     init(particle) {
-        const opacityOptions = particle.options.opacity;
-        particle.opacity = initParticleNumericAnimationValue(opacityOptions, 1);
+        const opacityOptions = particle.options.opacity, pxRatio = 1;
+        particle.opacity = initParticleNumericAnimationValue(opacityOptions, pxRatio);
         const opacityAnimation = opacityOptions.animation;
         if (opacityAnimation.enable) {
             particle.opacity.velocity =
-                (getRangeValue(opacityAnimation.speed) / 100) * this.container.retina.reduceFactor;
+                (getRangeValue(opacityAnimation.speed) / percentDenominator) * this.container.retina.reduceFactor;
             if (!opacityAnimation.sync) {
@@ -21,2 +20,3 @@ particle.opacity.velocity *= getRandom();
     isEnabled(particle) {
+        const none = 0;
         return (!particle.destroyed &&
@@ -26,5 +26,5 @@ !particle.spawning &&
             particle.opacity.enable &&
-            ((particle.opacity.maxLoops ?? 0) <= 0 ||
-                ((particle.opacity.maxLoops ?? 0) > 0 &&
-                    (particle.opacity.loops ?? 0) < (particle.opacity.maxLoops ?? 0))));
+            ((particle.opacity.maxLoops ?? none) <= none ||
+                ((particle.opacity.maxLoops ?? none) > none &&
+                    (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
     }
@@ -38,7 +38,7 @@ reset(particle) {
     update(particle, delta) {
-        if (!this.isEnabled(particle)) {
+        if (!this.isEnabled(particle) || !particle.opacity) {
             return;
         }
-        updateOpacity(particle, delta);
+        updateAnimation(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
     }
 }

package.json

 {
   "name": "@tsparticles/updater-opacity",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "tsParticles particles opacity updater",
@@ -90,3 +90,3 @@ "homepage": "https://particles.js.org",
   "dependencies": {
-    "@tsparticles/engine": "^3.0.3"
+    "@tsparticles/engine": "^3.1.0"
   },
@@ -93,0 +93,0 @@ "publishConfig": {

tsparticles.updater.opacity.js

@@ -7,3 +7,3 @@ /*!
  * How to use? : Check the GitHub README
- * v3.0.3
+ * v3.1.0
  */
@@ -100,70 +100,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ./dist/browser/Utils.js
-
-function checkDestroy(particle, value, minValue, maxValue) {
-  switch (particle.options.opacity.animation.destroy) {
-    case "max":
-      if (value >= maxValue) {
-        particle.destroy();
-      }
-      break;
-    case "min":
-      if (value <= minValue) {
-        particle.destroy();
-      }
-      break;
-  }
-}
-function updateOpacity(particle, delta) {
-  const data = particle.opacity;
-  if (particle.destroyed || !data?.enable || (data.maxLoops ?? 0) > 0 && (data.loops ?? 0) > (data.maxLoops ?? 0)) {
-    return;
-  }
-  const minValue = data.min,
-    maxValue = data.max,
-    decay = data.decay ?? 1;
-  if (!data.time) {
-    data.time = 0;
-  }
-  if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
-    data.time += delta.value;
-  }
-  if ((data.delayTime ?? 0) > 0 && data.time < (data.delayTime ?? 0)) {
-    return;
-  }
-  switch (data.status) {
-    case "increasing":
-      if (data.value >= maxValue) {
-        data.status = "decreasing";
-        if (!data.loops) {
-          data.loops = 0;
-        }
-        data.loops++;
-      } else {
-        data.value += (data.velocity ?? 0) * delta.factor;
-      }
-      break;
-    case "decreasing":
-      if (data.value <= minValue) {
-        data.status = "increasing";
-        if (!data.loops) {
-          data.loops = 0;
-        }
-        data.loops++;
-      } else {
-        data.value -= (data.velocity ?? 0) * delta.factor;
-      }
-      break;
-  }
-  if (data.velocity && data.decay !== 1) {
-    data.velocity *= decay;
-  }
-  checkDestroy(particle, data.value, minValue, maxValue);
-  if (!particle.destroyed) {
-    data.value = (0,engine_root_window_.clamp)(data.value, minValue, maxValue);
-  }
-}
 ;// CONCATENATED MODULE: ./dist/browser/OpacityUpdater.js
 
-
 class OpacityUpdater {
@@ -174,7 +108,8 @@ constructor(container) {
   init(particle) {
-    const opacityOptions = particle.options.opacity;
-    particle.opacity = (0,engine_root_window_.initParticleNumericAnimationValue)(opacityOptions, 1);
+    const opacityOptions = particle.options.opacity,
+      pxRatio = 1;
+    particle.opacity = (0,engine_root_window_.initParticleNumericAnimationValue)(opacityOptions, pxRatio);
     const opacityAnimation = opacityOptions.animation;
     if (opacityAnimation.enable) {
-      particle.opacity.velocity = (0,engine_root_window_.getRangeValue)(opacityAnimation.speed) / 100 * this.container.retina.reduceFactor;
+      particle.opacity.velocity = (0,engine_root_window_.getRangeValue)(opacityAnimation.speed) / engine_root_window_.percentDenominator * this.container.retina.reduceFactor;
       if (!opacityAnimation.sync) {
@@ -186,3 +121,4 @@ particle.opacity.velocity *= (0,engine_root_window_.getRandom)();
   isEnabled(particle) {
-    return !particle.destroyed && !particle.spawning && !!particle.opacity && particle.opacity.enable && ((particle.opacity.maxLoops ?? 0) <= 0 || (particle.opacity.maxLoops ?? 0) > 0 && (particle.opacity.loops ?? 0) < (particle.opacity.maxLoops ?? 0));
+    const none = 0;
+    return !particle.destroyed && !particle.spawning && !!particle.opacity && particle.opacity.enable && ((particle.opacity.maxLoops ?? none) <= none || (particle.opacity.maxLoops ?? none) > none && (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none));
   }
@@ -196,6 +132,6 @@ reset(particle) {
   update(particle, delta) {
-    if (!this.isEnabled(particle)) {
+    if (!this.isEnabled(particle) || !particle.opacity) {
       return;
     }
-    updateOpacity(particle, delta);
+    (0,engine_root_window_.updateAnimation)(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
   }
@@ -202,0 +138,0 @@ }

tsparticles.updater.opacity.min.js

 /*! For license information please see tsparticles.updater.opacity.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function a(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{a.r(i),a.d(i,{loadOpacityUpdater:()=>o});var e=a(533);class t{constructor(e){this.container=e}init(t){const o=t.options.opacity;t.opacity=(0,e.initParticleNumericAnimationValue)(o,1);const a=o.animation;a.enable&&(t.opacity.velocity=(0,e.getRangeValue)(a.speed)/100*this.container.retina.reduceFactor,a.sync||(t.opacity.velocity*=(0,e.getRandom)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&!!e.opacity&&e.opacity.enable&&((e.opacity.maxLoops??0)<=0||(e.opacity.maxLoops??0)>0&&(e.opacity.loops??0)<(e.opacity.maxLoops??0))}reset(e){e.opacity&&(e.opacity.time=0,e.opacity.loops=0)}update(t,o){this.isEnabled(t)&&function(t,o){const a=t.opacity;if(t.destroyed||!a?.enable||(a.maxLoops??0)>0&&(a.loops??0)>(a.maxLoops??0))return;const i=a.min,r=a.max,n=a.decay??1;if(a.time||(a.time=0),(a.delayTime??0)>0&&a.time<(a.delayTime??0)&&(a.time+=o.value),!((a.delayTime??0)>0&&a.time<(a.delayTime??0))){switch(a.status){case"increasing":a.value>=r?(a.status="decreasing",a.loops||(a.loops=0),a.loops++):a.value+=(a.velocity??0)*o.factor;break;case"decreasing":a.value<=i?(a.status="increasing",a.loops||(a.loops=0),a.loops++):a.value-=(a.velocity??0)*o.factor}a.velocity&&1!==a.decay&&(a.velocity*=n),function(e,t,o,a){switch(e.options.opacity.animation.destroy){case"max":t>=a&&e.destroy();break;case"min":t<=o&&e.destroy()}}(t,a.value,i,r),t.destroyed||(a.value=(0,e.clamp)(a.value,i,r))}}(t,o)}}async function o(e,o=!0){await e.addParticleUpdater("opacity",(e=>new t(e)),o)}})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function i(e){var a=o[e];if(void 0!==a)return a.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{loadOpacityUpdater:()=>o});var e=i(533);class t{constructor(e){this.container=e}init(t){const o=t.options.opacity;t.opacity=(0,e.initParticleNumericAnimationValue)(o,1);const i=o.animation;i.enable&&(t.opacity.velocity=(0,e.getRangeValue)(i.speed)/e.percentDenominator*this.container.retina.reduceFactor,i.sync||(t.opacity.velocity*=(0,e.getRandom)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&!!e.opacity&&e.opacity.enable&&((e.opacity.maxLoops??0)<=0||(e.opacity.maxLoops??0)>0&&(e.opacity.loops??0)<(e.opacity.maxLoops??0))}reset(e){e.opacity&&(e.opacity.time=0,e.opacity.loops=0)}update(t,o){this.isEnabled(t)&&t.opacity&&(0,e.updateAnimation)(t,t.opacity,!0,t.options.opacity.animation.destroy,o)}}async function o(e,o=!0){await e.addParticleUpdater("opacity",(e=>new t(e)),o)}})(),a})()));

tsparticles.updater.opacity.min.js.LICENSE.txt

@@ -1,1 +0,1 @@
-/*! tsParticles Opacity Updater v3.0.3 by Matteo Bruni */
+/*! tsParticles Opacity Updater v3.1.0 by Matteo Bruni */

umd/OpacityUpdater.js

@@ -7,3 +7,3 @@ (function (factory) {
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Utils.js"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
@@ -15,3 +15,2 @@ })(function (require, exports) {
     const engine_1 = require("@tsparticles/engine");
-    const Utils_js_1 = require("./Utils.js");
     class OpacityUpdater {
@@ -22,8 +21,8 @@ constructor(container) {
         init(particle) {
-            const opacityOptions = particle.options.opacity;
-            particle.opacity = (0, engine_1.initParticleNumericAnimationValue)(opacityOptions, 1);
+            const opacityOptions = particle.options.opacity, pxRatio = 1;
+            particle.opacity = (0, engine_1.initParticleNumericAnimationValue)(opacityOptions, pxRatio);
             const opacityAnimation = opacityOptions.animation;
             if (opacityAnimation.enable) {
                 particle.opacity.velocity =
-                    ((0, engine_1.getRangeValue)(opacityAnimation.speed) / 100) * this.container.retina.reduceFactor;
+                    ((0, engine_1.getRangeValue)(opacityAnimation.speed) / engine_1.percentDenominator) * this.container.retina.reduceFactor;
                 if (!opacityAnimation.sync) {
@@ -35,2 +34,3 @@ particle.opacity.velocity *= (0, engine_1.getRandom)();
         isEnabled(particle) {
+            const none = 0;
             return (!particle.destroyed &&
@@ -40,5 +40,5 @@ !particle.spawning &&
                 particle.opacity.enable &&
-                ((particle.opacity.maxLoops ?? 0) <= 0 ||
-                    ((particle.opacity.maxLoops ?? 0) > 0 &&
-                        (particle.opacity.loops ?? 0) < (particle.opacity.maxLoops ?? 0))));
+                ((particle.opacity.maxLoops ?? none) <= none ||
+                    ((particle.opacity.maxLoops ?? none) > none &&
+                        (particle.opacity.loops ?? none) < (particle.opacity.maxLoops ?? none))));
         }
@@ -52,6 +52,6 @@ reset(particle) {
         update(particle, delta) {
-            if (!this.isEnabled(particle)) {
+            if (!this.isEnabled(particle) || !particle.opacity) {
                 return;
             }
-            (0, Utils_js_1.updateOpacity)(particle, delta);
+            (0, engine_1.updateAnimation)(particle, particle.opacity, true, particle.options.opacity.animation.destroy, delta);
         }
@@ -58,0 +58,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

298277

decreased by-3.52%

Number of package files

20

decreased by-20%

Lines of code

358

decreased by-48.56%

Dependency changes

• Updated@tsparticles/engine@^3.1.0