Socket
Socket
Sign inDemoInstall

tsparticles-updater-opacity

Package Overview
Dependencies
Maintainers
1
Versions
52
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tsparticles-updater-opacity - npm Package Compare versions

Comparing version 2.0.0-alpha.7 to 2.0.0-beta.0

tmp/ts3.4/index.d.ts

1

OpacityUpdater.d.ts

@@ -5,4 +5,5 @@ import type { Container, IDelta, IParticleUpdater, Particle } from "tsparticles-engine";

constructor(container: Container);
init(particle: Particle): void;
isEnabled(particle: Particle): boolean;
update(particle: Particle, delta: IDelta): void;
}

135

OpacityUpdater.js

@@ -1,2 +0,59 @@

import { AnimationStatus, checkDestroy, clamp, getRangeMin, getRangeMax } from "tsparticles-engine";
import { AnimationStatus, DestroyType, StartValueType, clamp, getRangeMax, getRangeMin, getRangeValue, randomInRange, } from "tsparticles-engine";
function checkDestroy(particle, value, minValue, maxValue) {
switch (particle.options.opacity.animation.destroy) {
case DestroyType.max:
if (value >= maxValue) {
particle.destroy();
}
break;
case DestroyType.min:
if (value <= minValue) {
particle.destroy();
}
break;
}
}
function updateOpacity(particle, delta) {
var _a, _b, _c, _d, _e;
if (!particle.opacity) {
return;
}
const minValue = particle.opacity.min;
const maxValue = particle.opacity.max;
if (!(!particle.destroyed &&
particle.opacity.enable &&
(((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)))) {
return;
}
switch (particle.opacity.status) {
case AnimationStatus.increasing:
if (particle.opacity.value >= maxValue) {
particle.opacity.status = AnimationStatus.decreasing;
if (!particle.opacity.loops) {
particle.opacity.loops = 0;
}
particle.opacity.loops++;
}
else {
particle.opacity.value += ((_d = particle.opacity.velocity) !== null && _d !== void 0 ? _d : 0) * delta.factor;
}
break;
case AnimationStatus.decreasing:
if (particle.opacity.value <= minValue) {
particle.opacity.status = AnimationStatus.increasing;
if (!particle.opacity.loops) {
particle.opacity.loops = 0;
}
particle.opacity.loops++;
}
else {
particle.opacity.value -= ((_e = particle.opacity.velocity) !== null && _e !== void 0 ? _e : 0) * delta.factor;
}
break;
}
checkDestroy(particle, particle.opacity.value, minValue, maxValue);
if (!particle.destroyed) {
particle.opacity.value = clamp(particle.opacity.value, minValue, maxValue);
}
}
export class OpacityUpdater {

@@ -6,44 +63,54 @@ constructor(container) {

}
init(particle) {
const opacityOptions = particle.options.opacity;
particle.opacity = {
enable: opacityOptions.animation.enable,
max: getRangeMax(opacityOptions.value),
min: getRangeMin(opacityOptions.value),
value: getRangeValue(opacityOptions.value),
loops: 0,
maxLoops: opacityOptions.animation.count,
};
const opacityAnimation = opacityOptions.animation;
if (opacityAnimation.enable) {
particle.opacity.status = AnimationStatus.increasing;
const opacityRange = opacityOptions.value;
particle.opacity.min = getRangeMin(opacityRange);
particle.opacity.max = getRangeMax(opacityRange);
switch (opacityAnimation.startValue) {
case StartValueType.min:
particle.opacity.value = particle.opacity.min;
particle.opacity.status = AnimationStatus.increasing;
break;
case StartValueType.random:
particle.opacity.value = randomInRange(particle.opacity);
particle.opacity.status =
Math.random() >= 0.5 ? AnimationStatus.increasing : AnimationStatus.decreasing;
break;
case StartValueType.max:
default:
particle.opacity.value = particle.opacity.max;
particle.opacity.status = AnimationStatus.decreasing;
break;
}
particle.opacity.velocity = (opacityAnimation.speed / 100) * this.container.retina.reduceFactor;
if (!opacityAnimation.sync) {
particle.opacity.velocity *= Math.random();
}
}
}
isEnabled(particle) {
const opacityAnim = particle.options.opacity.anim;
var _a, _b, _c;
return (!particle.destroyed &&
!particle.spawning &&
opacityAnim.enable &&
(opacityAnim.count <= 0 || particle.loops.opacity < opacityAnim.count));
!!particle.opacity &&
particle.opacity.enable &&
(((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)));
}
update(particle, delta) {
var _a, _b;
const opacityOpt = particle.options.opacity;
const opacityAnim = opacityOpt.anim;
const value = opacityOpt.value;
const minValue = getRangeMin(value);
const maxValue = getRangeMax(value);
if (!this.isEnabled(particle)) {
return;
}
switch (particle.opacity.status) {
case AnimationStatus.increasing:
if (particle.opacity.value >= maxValue) {
particle.opacity.status = AnimationStatus.decreasing;
particle.loops.opacity++;
}
else {
particle.opacity.value += ((_a = particle.opacity.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor;
}
break;
case AnimationStatus.decreasing:
if (particle.opacity.value <= minValue) {
particle.opacity.status = AnimationStatus.increasing;
particle.loops.opacity++;
}
else {
particle.opacity.value -= ((_b = particle.opacity.velocity) !== null && _b !== void 0 ? _b : 0) * delta.factor;
}
break;
}
checkDestroy(particle, opacityAnim.destroy, particle.opacity.value, minValue, maxValue);
if (!particle.destroyed) {
particle.opacity.value = clamp(particle.opacity.value, minValue, maxValue);
}
updateOpacity(particle, delta);
}
}
{
"name": "tsparticles-updater-opacity",
"version": "2.0.0-alpha.7",
"version": "2.0.0-beta.0",
"description": "tsParticles particles opacity updater",

@@ -47,22 +47,5 @@ "homepage": "https://particles.js.org/",

"types": "index.d.ts",
"typesVersions": {
">=4.0 <4.1": {
"*": [
"dist/ts4.0"
]
},
">=3.8 <4.0": {
"*": [
"dist/ts3.8"
]
},
"<3.8": {
"*": [
"dist/ts3.4"
]
}
},
"dependencies": {
"tsparticles-engine": "^2.0.0-alpha.7"
"tsparticles-engine": "^2.0.0-beta.0"
}
}

@@ -1,5 +0,5 @@

[![banner](https://cdn.matteobruni.it/images/particles/banner2.png)](https://particles.js.org)
[![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)
# tsparticles-shape-bubble
# tsparticles-updater-opacity
tsParticles bubble shape
tsParticles updater opacity
/*!
* Author : Matteo Bruni - https://www.matteobruni.it
* Author : Matteo Bruni
* MIT license: https://opensource.org/licenses/MIT

@@ -7,3 +7,3 @@ * Demo / Generator : https://particles.js.org/

* How to use? : Check the GitHub README
* v2.0.0-alpha.7
* v2.0.0-beta.0
*/

@@ -19,3 +19,3 @@ (function webpackUniversalModuleDefinition(root, factory) {

}
})(this, function(__WEBPACK_EXTERNAL_MODULE__414__) {
})(this, function(__WEBPACK_EXTERNAL_MODULE__818__) {
return /******/ (() => { // webpackBootstrap

@@ -25,6 +25,6 @@ /******/ "use strict";

/***/ 414:
/***/ 818:
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE__414__;
module.exports = __WEBPACK_EXTERNAL_MODULE__818__;

@@ -101,5 +101,77 @@ /***/ })

// EXTERNAL MODULE: external {"commonjs":"tsparticles-engine","commonjs2":"tsparticles-engine","amd":"tsparticles-engine","root":"window"}
var external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_ = __webpack_require__(414);
var external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_ = __webpack_require__(818);
;// CONCATENATED MODULE: ./dist/OpacityUpdater.js
function checkDestroy(particle, value, minValue, maxValue) {
switch (particle.options.opacity.animation.destroy) {
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.DestroyType.max:
if (value >= maxValue) {
particle.destroy();
}
break;
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.DestroyType.min:
if (value <= minValue) {
particle.destroy();
}
break;
}
}
function updateOpacity(particle, delta) {
var _a, _b, _c, _d, _e;
if (!particle.opacity) {
return;
}
const minValue = particle.opacity.min;
const maxValue = particle.opacity.max;
if (!(!particle.destroyed && particle.opacity.enable && (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)))) {
return;
}
switch (particle.opacity.status) {
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing:
if (particle.opacity.value >= maxValue) {
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing;
if (!particle.opacity.loops) {
particle.opacity.loops = 0;
}
particle.opacity.loops++;
} else {
particle.opacity.value += ((_d = particle.opacity.velocity) !== null && _d !== void 0 ? _d : 0) * delta.factor;
}
break;
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing:
if (particle.opacity.value <= minValue) {
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing;
if (!particle.opacity.loops) {
particle.opacity.loops = 0;
}
particle.opacity.loops++;
} else {
particle.opacity.value -= ((_e = particle.opacity.velocity) !== null && _e !== void 0 ? _e : 0) * delta.factor;
}
break;
}
checkDestroy(particle, particle.opacity.value, minValue, maxValue);
if (!particle.destroyed) {
particle.opacity.value = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.clamp)(particle.opacity.value, minValue, maxValue);
}
}
class OpacityUpdater {

@@ -110,47 +182,58 @@ constructor(container) {

isEnabled(particle) {
const opacityAnim = particle.options.opacity.anim;
return !particle.destroyed && !particle.spawning && opacityAnim.enable && (opacityAnim.count <= 0 || particle.loops.opacity < opacityAnim.count);
}
init(particle) {
const opacityOptions = particle.options.opacity;
particle.opacity = {
enable: opacityOptions.animation.enable,
max: (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMax)(opacityOptions.value),
min: (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMin)(opacityOptions.value),
value: (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeValue)(opacityOptions.value),
loops: 0,
maxLoops: opacityOptions.animation.count
};
const opacityAnimation = opacityOptions.animation;
update(particle, delta) {
var _a, _b;
if (opacityAnimation.enable) {
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing;
const opacityRange = opacityOptions.value;
particle.opacity.min = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMin)(opacityRange);
particle.opacity.max = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMax)(opacityRange);
const opacityOpt = particle.options.opacity;
const opacityAnim = opacityOpt.anim;
const value = opacityOpt.value;
const minValue = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMin)(value);
const maxValue = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.getRangeMax)(value);
switch (opacityAnimation.startValue) {
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.StartValueType.min:
particle.opacity.value = particle.opacity.min;
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing;
break;
if (!this.isEnabled(particle)) {
return;
}
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.StartValueType.random:
particle.opacity.value = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.randomInRange)(particle.opacity);
particle.opacity.status = Math.random() >= 0.5 ? external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing : external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing;
break;
switch (particle.opacity.status) {
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing:
if (particle.opacity.value >= maxValue) {
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.StartValueType.max:
default:
particle.opacity.value = particle.opacity.max;
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing;
particle.loops.opacity++;
} else {
particle.opacity.value += ((_a = particle.opacity.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor;
}
break;
}
break;
particle.opacity.velocity = opacityAnimation.speed / 100 * this.container.retina.reduceFactor;
case external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.decreasing:
if (particle.opacity.value <= minValue) {
particle.opacity.status = external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.AnimationStatus.increasing;
particle.loops.opacity++;
} else {
particle.opacity.value -= ((_b = particle.opacity.velocity) !== null && _b !== void 0 ? _b : 0) * delta.factor;
}
break;
if (!opacityAnimation.sync) {
particle.opacity.velocity *= Math.random();
}
}
}
(0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.checkDestroy)(particle, opacityAnim.destroy, particle.opacity.value, minValue, maxValue);
isEnabled(particle) {
var _a, _b, _c;
if (!particle.destroyed) {
particle.opacity.value = (0,external_commonjs_tsparticles_engine_commonjs2_tsparticles_engine_amd_tsparticles_engine_root_window_.clamp)(particle.opacity.value, minValue, maxValue);
return !particle.destroyed && !particle.spawning && !!particle.opacity && particle.opacity.enable && (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0));
}
update(particle, delta) {
if (!this.isEnabled(particle)) {
return;
}
updateOpacity(particle, delta);
}

@@ -157,0 +240,0 @@

@@ -1,2 +0,2 @@

/*! tsParticles Opacity Updater v2.0.0-alpha.7 by Matteo Bruni */
!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,(function(e){return(()=>{"use strict";var t={414:t=>{t.exports=e}},o={};function a(e){var i=o[e];if(void 0!==i)return i.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,a),n.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(414);class t{constructor(e){this.container=e}isEnabled(e){const t=e.options.opacity.anim;return!e.destroyed&&!e.spawning&&t.enable&&(t.count<=0||e.loops.opacity<t.count)}update(t,o){var a,i;const n=t.options.opacity,r=n.anim,c=n.value,s=(0,e.getRangeMin)(c),p=(0,e.getRangeMax)(c);if(this.isEnabled(t)){switch(t.opacity.status){case e.AnimationStatus.increasing:t.opacity.value>=p?(t.opacity.status=e.AnimationStatus.decreasing,t.loops.opacity++):t.opacity.value+=(null!==(a=t.opacity.velocity)&&void 0!==a?a:0)*o.factor;break;case e.AnimationStatus.decreasing:t.opacity.value<=s?(t.opacity.status=e.AnimationStatus.increasing,t.loops.opacity++):t.opacity.value-=(null!==(i=t.opacity.velocity)&&void 0!==i?i:0)*o.factor}(0,e.checkDestroy)(t,r.destroy,t.opacity.value,s,p),t.destroyed||(t.opacity.value=(0,e.clamp)(t.opacity.value,s,p))}}}function o(e){e.addParticleUpdater("opacity",(e=>new t(e)))}})(),i})()}));
/*! tsParticles Opacity Updater v2.0.0-beta.0 by Matteo Bruni */
!function(t,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a(require("tsparticles-engine"));else if("function"==typeof define&&define.amd)define(["tsparticles-engine"],a);else{var o="object"==typeof exports?a(require("tsparticles-engine")):a(t.window);for(var e in o)("object"==typeof exports?exports:t)[e]=o[e]}}(this,(function(t){return(()=>{"use strict";var a={818:a=>{a.exports=t}},o={};function e(t){var i=o[t];if(void 0!==i)return i.exports;var n=o[t]={exports:{}};return a[t](n,n.exports,e),n.exports}e.d=(t,a)=>{for(var o in a)e.o(a,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:a[o]})},e.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{e.r(i),e.d(i,{loadOpacityUpdater:()=>n});var t=e(818);function a(a,o){var e,i,n,c,s;if(!a.opacity)return;const p=a.opacity.min,r=a.opacity.max;if(!a.destroyed&&a.opacity.enable&&((null!==(e=a.opacity.maxLoops)&&void 0!==e?e:0)<=0||(null!==(i=a.opacity.loops)&&void 0!==i?i:0)<(null!==(n=a.opacity.maxLoops)&&void 0!==n?n:0))){switch(a.opacity.status){case t.AnimationStatus.increasing:a.opacity.value>=r?(a.opacity.status=t.AnimationStatus.decreasing,a.opacity.loops||(a.opacity.loops=0),a.opacity.loops++):a.opacity.value+=(null!==(c=a.opacity.velocity)&&void 0!==c?c:0)*o.factor;break;case t.AnimationStatus.decreasing:a.opacity.value<=p?(a.opacity.status=t.AnimationStatus.increasing,a.opacity.loops||(a.opacity.loops=0),a.opacity.loops++):a.opacity.value-=(null!==(s=a.opacity.velocity)&&void 0!==s?s:0)*o.factor}!function(a,o,e,i){switch(a.options.opacity.animation.destroy){case t.DestroyType.max:o>=i&&a.destroy();break;case t.DestroyType.min:o<=e&&a.destroy()}}(a,a.opacity.value,p,r),a.destroyed||(a.opacity.value=(0,t.clamp)(a.opacity.value,p,r))}}class o{constructor(t){this.container=t}init(a){const o=a.options.opacity;a.opacity={enable:o.animation.enable,max:(0,t.getRangeMax)(o.value),min:(0,t.getRangeMin)(o.value),value:(0,t.getRangeValue)(o.value),loops:0,maxLoops:o.animation.count};const e=o.animation;if(e.enable){a.opacity.status=t.AnimationStatus.increasing;const i=o.value;switch(a.opacity.min=(0,t.getRangeMin)(i),a.opacity.max=(0,t.getRangeMax)(i),e.startValue){case t.StartValueType.min:a.opacity.value=a.opacity.min,a.opacity.status=t.AnimationStatus.increasing;break;case t.StartValueType.random:a.opacity.value=(0,t.randomInRange)(a.opacity),a.opacity.status=Math.random()>=.5?t.AnimationStatus.increasing:t.AnimationStatus.decreasing;break;case t.StartValueType.max:default:a.opacity.value=a.opacity.max,a.opacity.status=t.AnimationStatus.decreasing}a.opacity.velocity=e.speed/100*this.container.retina.reduceFactor,e.sync||(a.opacity.velocity*=Math.random())}}isEnabled(t){var a,o,e;return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((null!==(a=t.opacity.maxLoops)&&void 0!==a?a:0)<=0||(null!==(o=t.opacity.loops)&&void 0!==o?o:0)<(null!==(e=t.opacity.maxLoops)&&void 0!==e?e:0))}update(t,o){this.isEnabled(t)&&a(t,o)}}function n(t){t.addParticleUpdater("opacity",(t=>new o(t)))}})(),i})()}));

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc