@tsparticles/plugin-absorbers 4.0.0-alpha.2 → 4.0.0-alpha.20
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.
- package/295.min.js +1 -0
- package/415.min.js +1 -0
- package/776.min.js +1 -0
- package/830.min.js +1 -0
- package/991.min.js +1 -0
- package/README.md +5 -0
- package/browser/AbsorberInstance.js +130 -75
- package/browser/AbsorbersInstancesManager.js +49 -0
- package/browser/AbsorbersInteractor.js +93 -0
- package/browser/AbsorbersPlugin.js +8 -17
- package/browser/AbsorbersPluginInstance.js +42 -0
- package/browser/Options/Classes/Absorber.js +14 -0
- package/browser/Options/Classes/AbsorberLife.js +27 -0
- package/browser/Options/Classes/AbsorberSize.js +2 -0
- package/browser/Options/Classes/AbsorberSizeLimit.js +2 -0
- package/browser/Options/Interfaces/IAbsorberLife.js +1 -0
- package/browser/index.js +14 -6
- package/cjs/AbsorberInstance.js +130 -75
- package/cjs/AbsorbersInstancesManager.js +49 -0
- package/cjs/AbsorbersInteractor.js +93 -0
- package/cjs/AbsorbersPlugin.js +8 -17
- package/cjs/AbsorbersPluginInstance.js +42 -0
- package/cjs/Options/Classes/Absorber.js +14 -0
- package/cjs/Options/Classes/AbsorberLife.js +27 -0
- package/cjs/Options/Classes/AbsorberSize.js +2 -0
- package/cjs/Options/Classes/AbsorberSizeLimit.js +2 -0
- package/cjs/Options/Interfaces/IAbsorberLife.js +1 -0
- package/cjs/index.js +14 -6
- package/dist_browser_AbsorberInstance_js.js +70 -0
- package/dist_browser_AbsorbersInstancesManager_js.js +30 -0
- package/dist_browser_AbsorbersInteractor_js.js +70 -0
- package/dist_browser_AbsorbersPluginInstance_js.js +30 -0
- package/dist_browser_AbsorbersPlugin_js.js +15 -25
- package/esm/AbsorberInstance.js +130 -75
- package/esm/AbsorbersInstancesManager.js +49 -0
- package/esm/AbsorbersInteractor.js +93 -0
- package/esm/AbsorbersPlugin.js +8 -17
- package/esm/AbsorbersPluginInstance.js +42 -0
- package/esm/Options/Classes/Absorber.js +14 -0
- package/esm/Options/Classes/AbsorberLife.js +27 -0
- package/esm/Options/Classes/AbsorberSize.js +2 -0
- package/esm/Options/Classes/AbsorberSizeLimit.js +2 -0
- package/esm/Options/Interfaces/IAbsorberLife.js +1 -0
- package/esm/index.js +14 -6
- package/package.json +3 -2
- package/report.html +3 -3
- package/tsparticles.plugin.absorbers.js +52 -22
- package/tsparticles.plugin.absorbers.min.js +2 -2
- package/types/AbsorberContainer.d.ts +5 -4
- package/types/AbsorberInstance.d.ts +15 -5
- package/types/AbsorbersInstancesManager.d.ts +14 -0
- package/types/AbsorbersInteractor.d.ts +18 -0
- package/types/AbsorbersPlugin.d.ts +7 -7
- package/types/AbsorbersPluginInstance.d.ts +13 -0
- package/types/Options/Classes/Absorber.d.ts +2 -0
- package/types/Options/Classes/AbsorberLife.d.ts +10 -0
- package/types/Options/Interfaces/IAbsorber.d.ts +2 -0
- package/types/Options/Interfaces/IAbsorberLife.d.ts +7 -0
- package/types/index.d.ts +1 -2
- package/types/types.d.ts +12 -9
- package/umd/AbsorberInstance.js +129 -74
- package/umd/AbsorbersInstancesManager.js +97 -0
- package/umd/AbsorbersInteractor.js +107 -0
- package/umd/AbsorbersPlugin.js +42 -17
- package/umd/AbsorbersPluginInstance.js +56 -0
- package/umd/Options/Classes/Absorber.js +15 -1
- package/umd/Options/Classes/AbsorberLife.js +41 -0
- package/umd/Options/Classes/AbsorberSize.js +2 -0
- package/umd/Options/Classes/AbsorberSizeLimit.js +2 -0
- package/umd/{Enums/AbsorberClickMode.js → Options/Interfaces/IAbsorberLife.js} +0 -5
- package/umd/index.js +15 -10
- package/47.min.js +0 -2
- package/47.min.js.LICENSE.txt +0 -1
- package/browser/Absorbers.js +0 -70
- package/browser/Enums/AbsorberClickMode.js +0 -4
- package/cjs/Absorbers.js +0 -70
- package/cjs/Enums/AbsorberClickMode.js +0 -4
- package/esm/Absorbers.js +0 -70
- package/esm/Enums/AbsorberClickMode.js +0 -4
- package/tsparticles.plugin.absorbers.min.js.LICENSE.txt +0 -1
- package/types/Absorbers.d.ts +0 -21
- package/types/Enums/AbsorberClickMode.d.ts +0 -3
- package/umd/Absorbers.js +0 -84
package/cjs/Absorbers.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
|
|
2
|
-
import { Absorber } from "./Options/Classes/Absorber.js";
|
|
3
|
-
import { AbsorberClickMode } from "./Enums/AbsorberClickMode.js";
|
|
4
|
-
import { AbsorberInstance } from "./AbsorberInstance.js";
|
|
5
|
-
const defaultIndex = 0;
|
|
6
|
-
export class Absorbers {
|
|
7
|
-
constructor(container, engine) {
|
|
8
|
-
this._container = container;
|
|
9
|
-
this._engine = engine;
|
|
10
|
-
this.array = [];
|
|
11
|
-
this.absorbers = [];
|
|
12
|
-
this.interactivityAbsorbers = [];
|
|
13
|
-
container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
|
|
14
|
-
? this.array[idxOrName ?? defaultIndex]
|
|
15
|
-
: this.array.find(t => t.name === idxOrName);
|
|
16
|
-
container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
|
|
17
|
-
}
|
|
18
|
-
async addAbsorber(options, position) {
|
|
19
|
-
const absorber = new AbsorberInstance(this._container, this._engine, options, position);
|
|
20
|
-
this.array.push(absorber);
|
|
21
|
-
return Promise.resolve(absorber);
|
|
22
|
-
}
|
|
23
|
-
draw(context) {
|
|
24
|
-
for (const absorber of this.array) {
|
|
25
|
-
absorber.draw(context);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
handleClickMode(mode) {
|
|
29
|
-
const modeAbsorbers = this.interactivityAbsorbers;
|
|
30
|
-
if (mode === AbsorberClickMode.absorber) {
|
|
31
|
-
const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers) ?? new Absorber(), aPosition = this._container.interactivity.mouse.clickPosition;
|
|
32
|
-
void this.addAbsorber(absorbersModeOptions, aPosition);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
async init() {
|
|
36
|
-
this.absorbers = this._container.actualOptions.absorbers;
|
|
37
|
-
this.interactivityAbsorbers = this._container.actualOptions.interactivity.modes.absorbers;
|
|
38
|
-
const promises = executeOnSingleOrMultiple(this.absorbers, async (absorber) => {
|
|
39
|
-
await this.addAbsorber(absorber);
|
|
40
|
-
});
|
|
41
|
-
if (promises instanceof Array) {
|
|
42
|
-
await Promise.all(promises);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
await promises;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
particleUpdate(particle) {
|
|
49
|
-
for (const absorber of this.array) {
|
|
50
|
-
absorber.attract(particle);
|
|
51
|
-
if (particle.destroyed) {
|
|
52
|
-
break;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
removeAbsorber(absorber) {
|
|
57
|
-
const index = this.array.indexOf(absorber), deleteCount = 1;
|
|
58
|
-
if (index >= defaultIndex) {
|
|
59
|
-
this.array.splice(index, deleteCount);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
resize() {
|
|
63
|
-
for (const absorber of this.array) {
|
|
64
|
-
absorber.resize();
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
stop() {
|
|
68
|
-
this.array = [];
|
|
69
|
-
}
|
|
70
|
-
}
|
package/esm/Absorbers.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
|
|
2
|
-
import { Absorber } from "./Options/Classes/Absorber.js";
|
|
3
|
-
import { AbsorberClickMode } from "./Enums/AbsorberClickMode.js";
|
|
4
|
-
import { AbsorberInstance } from "./AbsorberInstance.js";
|
|
5
|
-
const defaultIndex = 0;
|
|
6
|
-
export class Absorbers {
|
|
7
|
-
constructor(container, engine) {
|
|
8
|
-
this._container = container;
|
|
9
|
-
this._engine = engine;
|
|
10
|
-
this.array = [];
|
|
11
|
-
this.absorbers = [];
|
|
12
|
-
this.interactivityAbsorbers = [];
|
|
13
|
-
container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
|
|
14
|
-
? this.array[idxOrName ?? defaultIndex]
|
|
15
|
-
: this.array.find(t => t.name === idxOrName);
|
|
16
|
-
container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
|
|
17
|
-
}
|
|
18
|
-
async addAbsorber(options, position) {
|
|
19
|
-
const absorber = new AbsorberInstance(this._container, this._engine, options, position);
|
|
20
|
-
this.array.push(absorber);
|
|
21
|
-
return Promise.resolve(absorber);
|
|
22
|
-
}
|
|
23
|
-
draw(context) {
|
|
24
|
-
for (const absorber of this.array) {
|
|
25
|
-
absorber.draw(context);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
handleClickMode(mode) {
|
|
29
|
-
const modeAbsorbers = this.interactivityAbsorbers;
|
|
30
|
-
if (mode === AbsorberClickMode.absorber) {
|
|
31
|
-
const absorbersModeOptions = itemFromSingleOrMultiple(modeAbsorbers) ?? new Absorber(), aPosition = this._container.interactivity.mouse.clickPosition;
|
|
32
|
-
void this.addAbsorber(absorbersModeOptions, aPosition);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
async init() {
|
|
36
|
-
this.absorbers = this._container.actualOptions.absorbers;
|
|
37
|
-
this.interactivityAbsorbers = this._container.actualOptions.interactivity.modes.absorbers;
|
|
38
|
-
const promises = executeOnSingleOrMultiple(this.absorbers, async (absorber) => {
|
|
39
|
-
await this.addAbsorber(absorber);
|
|
40
|
-
});
|
|
41
|
-
if (promises instanceof Array) {
|
|
42
|
-
await Promise.all(promises);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
await promises;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
particleUpdate(particle) {
|
|
49
|
-
for (const absorber of this.array) {
|
|
50
|
-
absorber.attract(particle);
|
|
51
|
-
if (particle.destroyed) {
|
|
52
|
-
break;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
removeAbsorber(absorber) {
|
|
57
|
-
const index = this.array.indexOf(absorber), deleteCount = 1;
|
|
58
|
-
if (index >= defaultIndex) {
|
|
59
|
-
this.array.splice(index, deleteCount);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
resize() {
|
|
63
|
-
for (const absorber of this.array) {
|
|
64
|
-
absorber.resize();
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
stop() {
|
|
68
|
-
this.array = [];
|
|
69
|
-
}
|
|
70
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles Absorbers Plugin v4.0.0-alpha.2 by Matteo Bruni */
|
package/types/Absorbers.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Engine, type IContainerPlugin, type ICoordinates, type Particle, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
|
|
2
|
-
import { Absorber } from "./Options/Classes/Absorber.js";
|
|
3
|
-
import type { AbsorberContainer } from "./AbsorberContainer.js";
|
|
4
|
-
import { AbsorberInstance } from "./AbsorberInstance.js";
|
|
5
|
-
import type { IAbsorber } from "./Options/Interfaces/IAbsorber.js";
|
|
6
|
-
export declare class Absorbers implements IContainerPlugin {
|
|
7
|
-
absorbers: SingleOrMultiple<Absorber>;
|
|
8
|
-
array: AbsorberInstance[];
|
|
9
|
-
interactivityAbsorbers: SingleOrMultiple<Absorber>;
|
|
10
|
-
private readonly _container;
|
|
11
|
-
private readonly _engine;
|
|
12
|
-
constructor(container: AbsorberContainer, engine: Engine);
|
|
13
|
-
addAbsorber(options: RecursivePartial<IAbsorber>, position?: ICoordinates): Promise<AbsorberInstance>;
|
|
14
|
-
draw(context: CanvasRenderingContext2D): void;
|
|
15
|
-
handleClickMode(mode: string): void;
|
|
16
|
-
init(): Promise<void>;
|
|
17
|
-
particleUpdate(particle: Particle): void;
|
|
18
|
-
removeAbsorber(absorber: AbsorberInstance): void;
|
|
19
|
-
resize(): void;
|
|
20
|
-
stop(): void;
|
|
21
|
-
}
|
package/umd/Absorbers.js
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
(function (factory) {
|
|
2
|
-
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
-
var v = factory(require, exports);
|
|
4
|
-
if (v !== undefined) module.exports = v;
|
|
5
|
-
}
|
|
6
|
-
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Absorber.js", "./Enums/AbsorberClickMode.js", "./AbsorberInstance.js"], factory);
|
|
8
|
-
}
|
|
9
|
-
})(function (require, exports) {
|
|
10
|
-
"use strict";
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.Absorbers = void 0;
|
|
13
|
-
const engine_1 = require("@tsparticles/engine");
|
|
14
|
-
const Absorber_js_1 = require("./Options/Classes/Absorber.js");
|
|
15
|
-
const AbsorberClickMode_js_1 = require("./Enums/AbsorberClickMode.js");
|
|
16
|
-
const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
|
|
17
|
-
const defaultIndex = 0;
|
|
18
|
-
class Absorbers {
|
|
19
|
-
constructor(container, engine) {
|
|
20
|
-
this._container = container;
|
|
21
|
-
this._engine = engine;
|
|
22
|
-
this.array = [];
|
|
23
|
-
this.absorbers = [];
|
|
24
|
-
this.interactivityAbsorbers = [];
|
|
25
|
-
container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
|
|
26
|
-
? this.array[idxOrName ?? defaultIndex]
|
|
27
|
-
: this.array.find(t => t.name === idxOrName);
|
|
28
|
-
container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
|
|
29
|
-
}
|
|
30
|
-
async addAbsorber(options, position) {
|
|
31
|
-
const absorber = new AbsorberInstance_js_1.AbsorberInstance(this._container, this._engine, options, position);
|
|
32
|
-
this.array.push(absorber);
|
|
33
|
-
return Promise.resolve(absorber);
|
|
34
|
-
}
|
|
35
|
-
draw(context) {
|
|
36
|
-
for (const absorber of this.array) {
|
|
37
|
-
absorber.draw(context);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
handleClickMode(mode) {
|
|
41
|
-
const modeAbsorbers = this.interactivityAbsorbers;
|
|
42
|
-
if (mode === AbsorberClickMode_js_1.AbsorberClickMode.absorber) {
|
|
43
|
-
const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers) ?? new Absorber_js_1.Absorber(), aPosition = this._container.interactivity.mouse.clickPosition;
|
|
44
|
-
void this.addAbsorber(absorbersModeOptions, aPosition);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
async init() {
|
|
48
|
-
this.absorbers = this._container.actualOptions.absorbers;
|
|
49
|
-
this.interactivityAbsorbers = this._container.actualOptions.interactivity.modes.absorbers;
|
|
50
|
-
const promises = (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, async (absorber) => {
|
|
51
|
-
await this.addAbsorber(absorber);
|
|
52
|
-
});
|
|
53
|
-
if (promises instanceof Array) {
|
|
54
|
-
await Promise.all(promises);
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
await promises;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
particleUpdate(particle) {
|
|
61
|
-
for (const absorber of this.array) {
|
|
62
|
-
absorber.attract(particle);
|
|
63
|
-
if (particle.destroyed) {
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
removeAbsorber(absorber) {
|
|
69
|
-
const index = this.array.indexOf(absorber), deleteCount = 1;
|
|
70
|
-
if (index >= defaultIndex) {
|
|
71
|
-
this.array.splice(index, deleteCount);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
resize() {
|
|
75
|
-
for (const absorber of this.array) {
|
|
76
|
-
absorber.resize();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
stop() {
|
|
80
|
-
this.array = [];
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
exports.Absorbers = Absorbers;
|
|
84
|
-
});
|