@tsparticles/interaction-external-repulse 3.0.0-beta.2 → 3.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/browser/Repulser.js +9 -7
  2. package/cjs/Repulser.js +9 -7
  3. package/esm/Repulser.js +9 -7
  4. package/package.json +3 -3
  5. package/report.html +4 -22
  6. package/tsparticles.interaction.external.repulse.js +17 -9
  7. package/tsparticles.interaction.external.repulse.min.js +1 -1
  8. package/tsparticles.interaction.external.repulse.min.js.LICENSE.txt +1 -1
  9. package/umd/Repulser.js +9 -7
package/browser/Repulser.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Circle, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, getEasing, isDivModeEnabled, isInArray, mouseMoveEvent, } from "@tsparticles/engine";
2
2
  import { Repulse } from "./Options/Classes/Repulse.js";
3
+ const repulseMode = "repulse";
3
4
  export class Repulser extends ExternalInteractorBase {
4
5
  constructor(engine, container) {
5
6
  super(container);
@@ -57,8 +58,9 @@ export class Repulser extends ExternalInteractorBase {
57
58
  if (!repulseOptions) {
58
59
  return;
59
60
  }
61
+ const { easing, speed, factor, maxSpeed } = repulseOptions, easingFunc = getEasing(easing), velocity = (divRepulse?.speed ?? speed) * factor;
60
62
  for (const particle of query) {
61
- const { dx, dy, distance } = getDistances(particle.position, position), velocity = (divRepulse?.speed ?? repulseOptions.speed) * repulseOptions.factor, repulseFactor = clamp(getEasing(repulseOptions.easing)(1 - distance / repulseRadius) * velocity, 0, repulseOptions.maxSpeed), normVec = Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
63
+ const { dx, dy, distance } = getDistances(particle.position, position), repulseFactor = clamp(easingFunc(1 - distance / repulseRadius) * velocity, 0, maxSpeed), normVec = Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
62
64
  particle.position.addTo(normVec);
63
65
  }
64
66
  };
@@ -87,7 +89,7 @@ export class Repulser extends ExternalInteractorBase {
87
89
  }
88
90
  this.handleClickMode = (mode) => {
89
91
  const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
90
- if (!repulseOpts || mode !== "repulse") {
92
+ if (!repulseOpts || mode !== repulseMode) {
91
93
  return;
92
94
  }
93
95
  if (!container.repulse) {
@@ -123,23 +125,23 @@ export class Repulser extends ExternalInteractorBase {
123
125
  }
124
126
  async interact() {
125
127
  const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === mouseMoveEvent, events = options.interactivity.events, hover = events.onHover, hoverEnabled = hover.enable, hoverMode = hover.mode, click = events.onClick, clickEnabled = click.enable, clickMode = click.mode, divs = events.onDiv;
126
- if (mouseMoveStatus && hoverEnabled && isInArray("repulse", hoverMode)) {
128
+ if (mouseMoveStatus && hoverEnabled && isInArray(repulseMode, hoverMode)) {
127
129
  this._hoverRepulse();
128
130
  }
129
- else if (clickEnabled && isInArray("repulse", clickMode)) {
131
+ else if (clickEnabled && isInArray(repulseMode, clickMode)) {
130
132
  this._clickRepulse();
131
133
  }
132
134
  else {
133
- divModeExecute("repulse", divs, (selector, div) => this._singleSelectorRepulse(selector, div));
135
+ divModeExecute(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
134
136
  }
135
137
  }
136
138
  isEnabled(particle) {
137
- const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = isDivModeEnabled("repulse", divs);
139
+ const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = isDivModeEnabled(repulseMode, divs);
138
140
  if (!(divRepulse || (hover.enable && mouse.position) || (click.enable && mouse.clickPosition))) {
139
141
  return false;
140
142
  }
141
143
  const hoverMode = hover.mode, clickMode = click.mode;
142
- return isInArray("repulse", hoverMode) || isInArray("repulse", clickMode) || divRepulse;
144
+ return isInArray(repulseMode, hoverMode) || isInArray(repulseMode, clickMode) || divRepulse;
143
145
  }
144
146
  loadModeOptions(options, ...sources) {
145
147
  if (!options.repulse) {
package/cjs/Repulser.js CHANGED
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Repulser = void 0;
4
4
  const engine_1 = require("@tsparticles/engine");
5
5
  const Repulse_js_1 = require("./Options/Classes/Repulse.js");
6
+ const repulseMode = "repulse";
6
7
  class Repulser extends engine_1.ExternalInteractorBase {
7
8
  constructor(engine, container) {
8
9
  super(container);
@@ -60,8 +61,9 @@ class Repulser extends engine_1.ExternalInteractorBase {
60
61
  if (!repulseOptions) {
61
62
  return;
62
63
  }
64
+ const { easing, speed, factor, maxSpeed } = repulseOptions, easingFunc = (0, engine_1.getEasing)(easing), velocity = (divRepulse?.speed ?? speed) * factor;
63
65
  for (const particle of query) {
64
- const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position), velocity = (divRepulse?.speed ?? repulseOptions.speed) * repulseOptions.factor, repulseFactor = (0, engine_1.clamp)((0, engine_1.getEasing)(repulseOptions.easing)(1 - distance / repulseRadius) * velocity, 0, repulseOptions.maxSpeed), normVec = engine_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
66
+ const { dx, dy, distance } = (0, engine_1.getDistances)(particle.position, position), repulseFactor = (0, engine_1.clamp)(easingFunc(1 - distance / repulseRadius) * velocity, 0, maxSpeed), normVec = engine_1.Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
65
67
  particle.position.addTo(normVec);
66
68
  }
67
69
  };
@@ -90,7 +92,7 @@ class Repulser extends engine_1.ExternalInteractorBase {
90
92
  }
91
93
  this.handleClickMode = (mode) => {
92
94
  const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
93
- if (!repulseOpts || mode !== "repulse") {
95
+ if (!repulseOpts || mode !== repulseMode) {
94
96
  return;
95
97
  }
96
98
  if (!container.repulse) {
@@ -126,23 +128,23 @@ class Repulser extends engine_1.ExternalInteractorBase {
126
128
  }
127
129
  async interact() {
128
130
  const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === engine_1.mouseMoveEvent, events = options.interactivity.events, hover = events.onHover, hoverEnabled = hover.enable, hoverMode = hover.mode, click = events.onClick, clickEnabled = click.enable, clickMode = click.mode, divs = events.onDiv;
129
- if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)("repulse", hoverMode)) {
131
+ if (mouseMoveStatus && hoverEnabled && (0, engine_1.isInArray)(repulseMode, hoverMode)) {
130
132
  this._hoverRepulse();
131
133
  }
132
- else if (clickEnabled && (0, engine_1.isInArray)("repulse", clickMode)) {
134
+ else if (clickEnabled && (0, engine_1.isInArray)(repulseMode, clickMode)) {
133
135
  this._clickRepulse();
134
136
  }
135
137
  else {
136
- (0, engine_1.divModeExecute)("repulse", divs, (selector, div) => this._singleSelectorRepulse(selector, div));
138
+ (0, engine_1.divModeExecute)(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
137
139
  }
138
140
  }
139
141
  isEnabled(particle) {
140
- const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = (0, engine_1.isDivModeEnabled)("repulse", divs);
142
+ const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = (0, engine_1.isDivModeEnabled)(repulseMode, divs);
141
143
  if (!(divRepulse || (hover.enable && mouse.position) || (click.enable && mouse.clickPosition))) {
142
144
  return false;
143
145
  }
144
146
  const hoverMode = hover.mode, clickMode = click.mode;
145
- return (0, engine_1.isInArray)("repulse", hoverMode) || (0, engine_1.isInArray)("repulse", clickMode) || divRepulse;
147
+ return (0, engine_1.isInArray)(repulseMode, hoverMode) || (0, engine_1.isInArray)(repulseMode, clickMode) || divRepulse;
146
148
  }
147
149
  loadModeOptions(options, ...sources) {
148
150
  if (!options.repulse) {
package/esm/Repulser.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Circle, ExternalInteractorBase, Rectangle, Vector, clamp, divMode, divModeExecute, getDistances, getEasing, isDivModeEnabled, isInArray, mouseMoveEvent, } from "@tsparticles/engine";
2
2
  import { Repulse } from "./Options/Classes/Repulse.js";
3
+ const repulseMode = "repulse";
3
4
  export class Repulser extends ExternalInteractorBase {
4
5
  constructor(engine, container) {
5
6
  super(container);
@@ -57,8 +58,9 @@ export class Repulser extends ExternalInteractorBase {
57
58
  if (!repulseOptions) {
58
59
  return;
59
60
  }
61
+ const { easing, speed, factor, maxSpeed } = repulseOptions, easingFunc = getEasing(easing), velocity = (divRepulse?.speed ?? speed) * factor;
60
62
  for (const particle of query) {
61
- const { dx, dy, distance } = getDistances(particle.position, position), velocity = (divRepulse?.speed ?? repulseOptions.speed) * repulseOptions.factor, repulseFactor = clamp(getEasing(repulseOptions.easing)(1 - distance / repulseRadius) * velocity, 0, repulseOptions.maxSpeed), normVec = Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
63
+ const { dx, dy, distance } = getDistances(particle.position, position), repulseFactor = clamp(easingFunc(1 - distance / repulseRadius) * velocity, 0, maxSpeed), normVec = Vector.create(distance === 0 ? velocity : (dx / distance) * repulseFactor, distance === 0 ? velocity : (dy / distance) * repulseFactor);
62
64
  particle.position.addTo(normVec);
63
65
  }
64
66
  };
@@ -87,7 +89,7 @@ export class Repulser extends ExternalInteractorBase {
87
89
  }
88
90
  this.handleClickMode = (mode) => {
89
91
  const options = this.container.actualOptions, repulseOpts = options.interactivity.modes.repulse;
90
- if (!repulseOpts || mode !== "repulse") {
92
+ if (!repulseOpts || mode !== repulseMode) {
91
93
  return;
92
94
  }
93
95
  if (!container.repulse) {
@@ -123,23 +125,23 @@ export class Repulser extends ExternalInteractorBase {
123
125
  }
124
126
  async interact() {
125
127
  const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === mouseMoveEvent, events = options.interactivity.events, hover = events.onHover, hoverEnabled = hover.enable, hoverMode = hover.mode, click = events.onClick, clickEnabled = click.enable, clickMode = click.mode, divs = events.onDiv;
126
- if (mouseMoveStatus && hoverEnabled && isInArray("repulse", hoverMode)) {
128
+ if (mouseMoveStatus && hoverEnabled && isInArray(repulseMode, hoverMode)) {
127
129
  this._hoverRepulse();
128
130
  }
129
- else if (clickEnabled && isInArray("repulse", clickMode)) {
131
+ else if (clickEnabled && isInArray(repulseMode, clickMode)) {
130
132
  this._clickRepulse();
131
133
  }
132
134
  else {
133
- divModeExecute("repulse", divs, (selector, div) => this._singleSelectorRepulse(selector, div));
135
+ divModeExecute(repulseMode, divs, (selector, div) => this._singleSelectorRepulse(selector, div));
134
136
  }
135
137
  }
136
138
  isEnabled(particle) {
137
- const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = isDivModeEnabled("repulse", divs);
139
+ const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = (particle?.interactivity ?? options.interactivity).events, divs = events.onDiv, hover = events.onHover, click = events.onClick, divRepulse = isDivModeEnabled(repulseMode, divs);
138
140
  if (!(divRepulse || (hover.enable && mouse.position) || (click.enable && mouse.clickPosition))) {
139
141
  return false;
140
142
  }
141
143
  const hoverMode = hover.mode, clickMode = click.mode;
142
- return isInArray("repulse", hoverMode) || isInArray("repulse", clickMode) || divRepulse;
144
+ return isInArray(repulseMode, hoverMode) || isInArray(repulseMode, clickMode) || divRepulse;
143
145
  }
144
146
  loadModeOptions(options, ...sources) {
145
147
  if (!options.repulse) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/interaction-external-repulse",
3
- "version": "3.0.0-beta.2",
3
+ "version": "3.0.0-beta.4",
4
4
  "description": "tsParticles repulse external interaction",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -60,7 +60,7 @@
60
60
  "confettijs",
61
61
  "fireworksjs",
62
62
  "canvas-confetti",
63
- "@tsparticles/plugin",
63
+ "tsparticles-plugin",
64
64
  "@tsparticles/interaction"
65
65
  ],
66
66
  "author": "Matteo Bruni <matteo.bruni@me.com>",
@@ -87,7 +87,7 @@
87
87
  "./package.json": "./package.json"
88
88
  },
89
89
  "dependencies": {
90
- "@tsparticles/engine": "^3.0.0-beta.2"
90
+ "@tsparticles/engine": "^3.0.0-beta.4"
91
91
  },
92
92
  "publishConfig": {
93
93
  "access": "public"