@tsparticles/plugin-absorbers 3.3.0 → 3.5.0
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/browser/AbsorberInstance.js +4 -4
- package/browser/Absorbers.js +6 -4
- package/browser/AbsorbersPlugin.js +6 -5
- package/browser/Enums/AbsorberClickMode.js +4 -1
- package/browser/index.js +1 -1
- package/cjs/AbsorberInstance.js +3 -3
- package/cjs/Absorbers.js +6 -4
- package/cjs/AbsorbersPlugin.js +6 -5
- package/cjs/Enums/AbsorberClickMode.js +5 -0
- package/cjs/index.js +3 -4
- package/esm/AbsorberInstance.js +4 -4
- package/esm/Absorbers.js +6 -4
- package/esm/AbsorbersPlugin.js +6 -5
- package/esm/Enums/AbsorberClickMode.js +4 -1
- package/esm/index.js +1 -1
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.plugin.absorbers.js +72 -200
- package/tsparticles.plugin.absorbers.min.js +1 -1
- package/tsparticles.plugin.absorbers.min.js.LICENSE.txt +1 -1
- package/types/Absorbers.d.ts +1 -1
- package/types/AbsorbersPlugin.d.ts +1 -1
- package/types/Enums/AbsorberClickMode.d.ts +1 -1
- package/umd/AbsorberInstance.js +3 -3
- package/umd/Absorbers.js +7 -29
- package/umd/AbsorbersPlugin.js +7 -30
- package/umd/Enums/AbsorberClickMode.js +5 -0
- package/umd/index.js +4 -18
- package/289.min.js +0 -2
- package/289.min.js.LICENSE.txt +0 -1
- package/442.min.js +0 -2
- package/442.min.js.LICENSE.txt +0 -1
- package/504.min.js +0 -2
- package/504.min.js.LICENSE.txt +0 -1
- package/dist_browser_AbsorberInstance_js.js +0 -30
- package/dist_browser_AbsorbersPlugin_js.js +0 -60
- package/dist_browser_Absorbers_js.js +0 -30
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v3.
|
|
7
|
+
* v3.5.0
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -28,13 +28,83 @@ return /******/ (() => { // webpackBootstrap
|
|
|
28
28
|
/******/ "use strict";
|
|
29
29
|
/******/ var __webpack_modules__ = ({
|
|
30
30
|
|
|
31
|
+
/***/ "./dist/browser/AbsorberInstance.js":
|
|
32
|
+
/*!******************************************!*\
|
|
33
|
+
!*** ./dist/browser/AbsorberInstance.js ***!
|
|
34
|
+
\******************************************/
|
|
35
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
36
|
+
|
|
37
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorberInstance: () => (/* binding */ AbsorberInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Absorber.js */ \"./dist/browser/Options/Classes/Absorber.js\");\n\n\nconst squareExp = 2,\n absorbFactor = 0.033,\n minOrbitLength = 0,\n minRadius = 0,\n minMass = 0,\n origin = {\n x: 0,\n y: 0\n },\n minAngle = 0,\n double = 2,\n maxAngle = Math.PI * double,\n minVelocity = 0;\nclass AbsorberInstance {\n constructor(absorbers, container, options, position) {\n this.absorbers = absorbers;\n this.container = container;\n this._calcPosition = () => {\n const exactPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n size: this.container.canvas.size,\n position: this.options.position\n });\n return _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(exactPosition.x, exactPosition.y);\n };\n this._updateParticlePosition = (particle, v) => {\n if (particle.destroyed) {\n return;\n }\n const container = this.container,\n canvasSize = container.canvas.size;\n if (particle.needsNewPosition) {\n const newPosition = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSize)({\n size: canvasSize\n });\n particle.position.setTo(newPosition);\n particle.velocity.setTo(particle.initialVelocity);\n particle.absorberOrbit = undefined;\n particle.needsNewPosition = false;\n }\n if (this.options.orbits) {\n if (particle.absorberOrbit === undefined) {\n particle.absorberOrbit = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n particle.absorberOrbit.length = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(particle.getPosition(), this.position);\n particle.absorberOrbit.angle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * maxAngle;\n }\n if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {\n const minSize = Math.min(canvasSize.width, canvasSize.height),\n offset = 1,\n randomOffset = 0.1,\n randomFactor = 0.2;\n particle.absorberOrbit.length = minSize * (offset + ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * randomFactor - randomOffset));\n }\n if (particle.absorberOrbitDirection === undefined) {\n particle.absorberOrbitDirection = particle.velocity.x >= minVelocity ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.counterClockwise;\n }\n const orbitRadius = particle.absorberOrbit.length,\n orbitAngle = particle.absorberOrbit.angle,\n orbitDirection = particle.absorberOrbitDirection;\n particle.velocity.setTo(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin);\n const updateFunc = {\n x: orbitDirection === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise ? Math.cos : Math.sin,\n y: orbitDirection === _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.clockwise ? Math.sin : Math.cos\n };\n particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);\n particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);\n particle.absorberOrbit.length -= v.length;\n particle.absorberOrbit.angle += (particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.percentDenominator * container.retina.reduceFactor;\n } else {\n const addV = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin;\n addV.length = v.length;\n addV.angle = v.angle;\n particle.velocity.addTo(addV);\n }\n };\n this.initialPosition = position ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(position.x, position.y) : undefined;\n if (options instanceof _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber) {\n this.options = options;\n } else {\n this.options = new _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_1__.Absorber();\n this.options.load(options);\n }\n this.dragging = false;\n this.name = this.options.name;\n this.opacity = this.options.opacity;\n this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;\n this.mass = this.size * this.options.size.density * container.retina.reduceFactor;\n const limit = this.options.size.limit;\n this.limit = {\n radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,\n mass: limit.mass\n };\n this.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this.options.color) ?? {\n b: 0,\n g: 0,\n r: 0\n };\n this.position = this.initialPosition?.copy() ?? this._calcPosition();\n }\n attract(particle) {\n const container = this.container,\n options = this.options;\n if (options.draggable) {\n const mouse = container.interactivity.mouse;\n if (mouse.clicking && mouse.downPosition) {\n const mouseDist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(this.position, mouse.downPosition);\n if (mouseDist <= this.size) {\n this.dragging = true;\n }\n } else {\n this.dragging = false;\n }\n if (this.dragging && mouse.position) {\n this.position.x = mouse.position.x;\n this.position.y = mouse.position.y;\n }\n }\n const pos = particle.getPosition(),\n {\n dx,\n dy,\n distance\n } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(this.position, pos),\n v = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.create(dx, dy);\n v.length = this.mass / Math.pow(distance, squareExp) * container.retina.reduceFactor;\n if (distance < this.size + particle.getRadius()) {\n const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;\n if (this.size > particle.getRadius() && distance < this.size - particle.getRadius() || particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength) {\n if (options.destroy) {\n particle.destroy();\n } else {\n particle.needsNewPosition = true;\n this._updateParticlePosition(particle, v);\n }\n } else {\n if (options.destroy) {\n particle.size.value -= sizeFactor;\n }\n this._updateParticlePosition(particle, v);\n }\n if (this.limit.radius <= minRadius || this.size < this.limit.radius) {\n this.size += sizeFactor;\n }\n if (this.limit.mass <= minMass || this.mass < this.limit.mass) {\n this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;\n }\n } else {\n this._updateParticlePosition(particle, v);\n }\n }\n draw(context) {\n context.translate(this.position.x, this.position.y);\n context.beginPath();\n context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);\n context.closePath();\n context.fillStyle = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(this.color, this.opacity);\n context.fill();\n }\n resize() {\n const initialPosition = this.initialPosition;\n this.position = initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, this.container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin) ? initialPosition : this._calcPosition();\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/AbsorberInstance.js?");
|
|
38
|
+
|
|
39
|
+
/***/ }),
|
|
40
|
+
|
|
41
|
+
/***/ "./dist/browser/Absorbers.js":
|
|
42
|
+
/*!***********************************!*\
|
|
43
|
+
!*** ./dist/browser/Absorbers.js ***!
|
|
44
|
+
\***********************************/
|
|
45
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
46
|
+
|
|
47
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Absorbers: () => (/* binding */ Absorbers)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Enums/AbsorberClickMode.js */ \"./dist/browser/Enums/AbsorberClickMode.js\");\n/* harmony import */ var _AbsorberInstance_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AbsorberInstance.js */ \"./dist/browser/AbsorberInstance.js\");\n\n\n\nconst defaultIndex = 0;\nclass Absorbers {\n constructor(container) {\n this.container = container;\n this.array = [];\n this.absorbers = [];\n this.interactivityAbsorbers = [];\n container.getAbsorber = idxOrName => idxOrName === undefined || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(idxOrName) ? this.array[idxOrName ?? defaultIndex] : this.array.find(t => t.name === idxOrName);\n container.addAbsorber = async (options, position) => this.addAbsorber(options, position);\n }\n async addAbsorber(options, position) {\n const absorber = new _AbsorberInstance_js__WEBPACK_IMPORTED_MODULE_1__.AbsorberInstance(this, this.container, options, position);\n this.array.push(absorber);\n return Promise.resolve(absorber);\n }\n draw(context) {\n for (const absorber of this.array) {\n absorber.draw(context);\n }\n }\n handleClickMode(mode) {\n const absorberOptions = this.absorbers,\n modeAbsorbers = this.interactivityAbsorbers;\n if (mode === _Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_2__.AbsorberClickMode.absorber) {\n const absorbersModeOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(modeAbsorbers),\n absorbersOptions = absorbersModeOptions ?? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(absorberOptions),\n aPosition = this.container.interactivity.mouse.clickPosition;\n void this.addAbsorber(absorbersOptions, aPosition);\n }\n }\n async init() {\n this.absorbers = this.container.actualOptions.absorbers;\n this.interactivityAbsorbers = this.container.actualOptions.interactivity.modes.absorbers;\n const promises = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(this.absorbers, async absorber => {\n await this.addAbsorber(absorber);\n });\n if (promises instanceof Array) {\n await Promise.all(promises);\n } else {\n await promises;\n }\n }\n particleUpdate(particle) {\n for (const absorber of this.array) {\n absorber.attract(particle);\n if (particle.destroyed) {\n break;\n }\n }\n }\n removeAbsorber(absorber) {\n const index = this.array.indexOf(absorber),\n deleteCount = 1;\n if (index >= defaultIndex) {\n this.array.splice(index, deleteCount);\n }\n }\n resize() {\n for (const absorber of this.array) {\n absorber.resize();\n }\n }\n stop() {\n this.array = [];\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/Absorbers.js?");
|
|
48
|
+
|
|
49
|
+
/***/ }),
|
|
50
|
+
|
|
51
|
+
/***/ "./dist/browser/AbsorbersPlugin.js":
|
|
52
|
+
/*!*****************************************!*\
|
|
53
|
+
!*** ./dist/browser/AbsorbersPlugin.js ***!
|
|
54
|
+
\*****************************************/
|
|
55
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
56
|
+
|
|
57
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorbersPlugin: () => (/* binding */ AbsorbersPlugin)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Absorber.js */ \"./dist/browser/Options/Classes/Absorber.js\");\n/* harmony import */ var _Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Enums/AbsorberClickMode.js */ \"./dist/browser/Enums/AbsorberClickMode.js\");\n/* harmony import */ var _Absorbers_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorbers.js */ \"./dist/browser/Absorbers.js\");\n\n\n\n\nclass AbsorbersPlugin {\n constructor() {\n this.id = \"absorbers\";\n }\n async getPlugin(container) {\n return Promise.resolve(new _Absorbers_js__WEBPACK_IMPORTED_MODULE_1__.Absorbers(container));\n }\n loadOptions(options, source) {\n if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n return;\n }\n if (source?.absorbers) {\n options.absorbers = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(source.absorbers, absorber => {\n const tmp = new _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_2__.Absorber();\n tmp.load(absorber);\n return tmp;\n });\n }\n options.interactivity.modes.absorbers = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, absorber => {\n const tmp = new _Options_Classes_Absorber_js__WEBPACK_IMPORTED_MODULE_2__.Absorber();\n tmp.load(absorber);\n return tmp;\n });\n }\n needsPlugin(options) {\n if (!options) {\n return false;\n }\n const absorbers = options.absorbers;\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isArray)(absorbers)) {\n return !!absorbers.length;\n } else if (absorbers) {\n return true;\n } else if (options.interactivity?.events?.onClick?.mode && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(_Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_3__.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {\n return true;\n }\n return false;\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/AbsorbersPlugin.js?");
|
|
58
|
+
|
|
59
|
+
/***/ }),
|
|
60
|
+
|
|
61
|
+
/***/ "./dist/browser/Enums/AbsorberClickMode.js":
|
|
62
|
+
/*!*************************************************!*\
|
|
63
|
+
!*** ./dist/browser/Enums/AbsorberClickMode.js ***!
|
|
64
|
+
\*************************************************/
|
|
65
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
66
|
+
|
|
67
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorberClickMode: () => (/* binding */ AbsorberClickMode)\n/* harmony export */ });\nvar AbsorberClickMode;\n(function (AbsorberClickMode) {\n AbsorberClickMode[\"absorber\"] = \"absorber\";\n})(AbsorberClickMode || (AbsorberClickMode = {}));\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/Enums/AbsorberClickMode.js?");
|
|
68
|
+
|
|
69
|
+
/***/ }),
|
|
70
|
+
|
|
71
|
+
/***/ "./dist/browser/Options/Classes/Absorber.js":
|
|
72
|
+
/*!**************************************************!*\
|
|
73
|
+
!*** ./dist/browser/Options/Classes/Absorber.js ***!
|
|
74
|
+
\**************************************************/
|
|
75
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
76
|
+
|
|
77
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Absorber: () => (/* binding */ Absorber)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _AbsorberSize_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AbsorberSize.js */ \"./dist/browser/Options/Classes/AbsorberSize.js\");\n\n\nclass Absorber {\n constructor() {\n this.color = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor();\n this.color.value = \"#000000\";\n this.draggable = false;\n this.opacity = 1;\n this.destroy = true;\n this.orbits = false;\n this.size = new _AbsorberSize_js__WEBPACK_IMPORTED_MODULE_1__.AbsorberSize();\n }\n load(data) {\n if (data === undefined) {\n return;\n }\n if (data.color !== undefined) {\n this.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(this.color, data.color);\n }\n if (data.draggable !== undefined) {\n this.draggable = data.draggable;\n }\n this.name = data.name;\n if (data.opacity !== undefined) {\n this.opacity = data.opacity;\n }\n if (data.position !== undefined) {\n this.position = {};\n if (data.position.x !== undefined) {\n this.position.x = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.x);\n }\n if (data.position.y !== undefined) {\n this.position.y = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.position.y);\n }\n }\n if (data.size !== undefined) {\n this.size.load(data.size);\n }\n if (data.destroy !== undefined) {\n this.destroy = data.destroy;\n }\n if (data.orbits !== undefined) {\n this.orbits = data.orbits;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/Options/Classes/Absorber.js?");
|
|
78
|
+
|
|
79
|
+
/***/ }),
|
|
80
|
+
|
|
81
|
+
/***/ "./dist/browser/Options/Classes/AbsorberSize.js":
|
|
82
|
+
/*!******************************************************!*\
|
|
83
|
+
!*** ./dist/browser/Options/Classes/AbsorberSize.js ***!
|
|
84
|
+
\******************************************************/
|
|
85
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
86
|
+
|
|
87
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorberSize: () => (/* binding */ AbsorberSize)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _AbsorberSizeLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AbsorberSizeLimit.js */ \"./dist/browser/Options/Classes/AbsorberSizeLimit.js\");\n\n\nclass AbsorberSize extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ValueWithRandom {\n constructor() {\n super();\n this.density = 5;\n this.value = 50;\n this.limit = new _AbsorberSizeLimit_js__WEBPACK_IMPORTED_MODULE_1__.AbsorberSizeLimit();\n }\n load(data) {\n if (!data) {\n return;\n }\n super.load(data);\n if (data.density !== undefined) {\n this.density = data.density;\n }\n if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(data.limit)) {\n this.limit.radius = data.limit;\n } else {\n this.limit.load(data.limit);\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/Options/Classes/AbsorberSize.js?");
|
|
88
|
+
|
|
89
|
+
/***/ }),
|
|
90
|
+
|
|
91
|
+
/***/ "./dist/browser/Options/Classes/AbsorberSizeLimit.js":
|
|
92
|
+
/*!***********************************************************!*\
|
|
93
|
+
!*** ./dist/browser/Options/Classes/AbsorberSizeLimit.js ***!
|
|
94
|
+
\***********************************************************/
|
|
95
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
96
|
+
|
|
97
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorberSizeLimit: () => (/* binding */ AbsorberSizeLimit)\n/* harmony export */ });\nclass AbsorberSizeLimit {\n constructor() {\n this.radius = 0;\n this.mass = 0;\n }\n load(data) {\n if (!data) {\n return;\n }\n if (data.mass !== undefined) {\n this.mass = data.mass;\n }\n if (data.radius !== undefined) {\n this.radius = data.radius;\n }\n }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/Options/Classes/AbsorberSizeLimit.js?");
|
|
98
|
+
|
|
99
|
+
/***/ }),
|
|
100
|
+
|
|
31
101
|
/***/ "./dist/browser/index.js":
|
|
32
102
|
/*!*******************************!*\
|
|
33
103
|
!*** ./dist/browser/index.js ***!
|
|
34
104
|
\*******************************/
|
|
35
105
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
36
106
|
|
|
37
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\
|
|
107
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ AbsorberClickMode: () => (/* reexport safe */ _Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_1__.AbsorberClickMode),\n/* harmony export */ loadAbsorbersPlugin: () => (/* binding */ loadAbsorbersPlugin)\n/* harmony export */ });\n/* harmony import */ var _AbsorbersPlugin_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AbsorbersPlugin.js */ \"./dist/browser/AbsorbersPlugin.js\");\n/* harmony import */ var _Enums_AbsorberClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/AbsorberClickMode.js */ \"./dist/browser/Enums/AbsorberClickMode.js\");\n\nasync function loadAbsorbersPlugin(engine, refresh = true) {\n await engine.addPlugin(new _AbsorbersPlugin_js__WEBPACK_IMPORTED_MODULE_0__.AbsorbersPlugin(), refresh);\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-absorbers/./dist/browser/index.js?");
|
|
38
108
|
|
|
39
109
|
/***/ }),
|
|
40
110
|
|
|
@@ -74,9 +144,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
74
144
|
/******/ return module.exports;
|
|
75
145
|
/******/ }
|
|
76
146
|
/******/
|
|
77
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
78
|
-
/******/ __webpack_require__.m = __webpack_modules__;
|
|
79
|
-
/******/
|
|
80
147
|
/************************************************************************/
|
|
81
148
|
/******/ /* webpack/runtime/compat get default export */
|
|
82
149
|
/******/ (() => {
|
|
@@ -102,91 +169,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
102
169
|
/******/ };
|
|
103
170
|
/******/ })();
|
|
104
171
|
/******/
|
|
105
|
-
/******/ /* webpack/runtime/ensure chunk */
|
|
106
|
-
/******/ (() => {
|
|
107
|
-
/******/ __webpack_require__.f = {};
|
|
108
|
-
/******/ // This file contains only the entry chunk.
|
|
109
|
-
/******/ // The chunk loading function for additional chunks
|
|
110
|
-
/******/ __webpack_require__.e = (chunkId) => {
|
|
111
|
-
/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
|
|
112
|
-
/******/ __webpack_require__.f[key](chunkId, promises);
|
|
113
|
-
/******/ return promises;
|
|
114
|
-
/******/ }, []));
|
|
115
|
-
/******/ };
|
|
116
|
-
/******/ })();
|
|
117
|
-
/******/
|
|
118
|
-
/******/ /* webpack/runtime/get javascript chunk filename */
|
|
119
|
-
/******/ (() => {
|
|
120
|
-
/******/ // This function allow to reference async chunks
|
|
121
|
-
/******/ __webpack_require__.u = (chunkId) => {
|
|
122
|
-
/******/ // return url for filenames based on template
|
|
123
|
-
/******/ return "" + chunkId + ".js";
|
|
124
|
-
/******/ };
|
|
125
|
-
/******/ })();
|
|
126
|
-
/******/
|
|
127
|
-
/******/ /* webpack/runtime/global */
|
|
128
|
-
/******/ (() => {
|
|
129
|
-
/******/ __webpack_require__.g = (function() {
|
|
130
|
-
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
131
|
-
/******/ try {
|
|
132
|
-
/******/ return this || new Function('return this')();
|
|
133
|
-
/******/ } catch (e) {
|
|
134
|
-
/******/ if (typeof window === 'object') return window;
|
|
135
|
-
/******/ }
|
|
136
|
-
/******/ })();
|
|
137
|
-
/******/ })();
|
|
138
|
-
/******/
|
|
139
172
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
140
173
|
/******/ (() => {
|
|
141
174
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
142
175
|
/******/ })();
|
|
143
176
|
/******/
|
|
144
|
-
/******/ /* webpack/runtime/load script */
|
|
145
|
-
/******/ (() => {
|
|
146
|
-
/******/ var inProgress = {};
|
|
147
|
-
/******/ var dataWebpackPrefix = "@tsparticles/plugin-absorbers:";
|
|
148
|
-
/******/ // loadScript function to load a script via script tag
|
|
149
|
-
/******/ __webpack_require__.l = (url, done, key, chunkId) => {
|
|
150
|
-
/******/ if(inProgress[url]) { inProgress[url].push(done); return; }
|
|
151
|
-
/******/ var script, needAttach;
|
|
152
|
-
/******/ if(key !== undefined) {
|
|
153
|
-
/******/ var scripts = document.getElementsByTagName("script");
|
|
154
|
-
/******/ for(var i = 0; i < scripts.length; i++) {
|
|
155
|
-
/******/ var s = scripts[i];
|
|
156
|
-
/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
|
|
157
|
-
/******/ }
|
|
158
|
-
/******/ }
|
|
159
|
-
/******/ if(!script) {
|
|
160
|
-
/******/ needAttach = true;
|
|
161
|
-
/******/ script = document.createElement('script');
|
|
162
|
-
/******/
|
|
163
|
-
/******/ script.charset = 'utf-8';
|
|
164
|
-
/******/ script.timeout = 120;
|
|
165
|
-
/******/ if (__webpack_require__.nc) {
|
|
166
|
-
/******/ script.setAttribute("nonce", __webpack_require__.nc);
|
|
167
|
-
/******/ }
|
|
168
|
-
/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key);
|
|
169
|
-
/******/
|
|
170
|
-
/******/ script.src = url;
|
|
171
|
-
/******/ }
|
|
172
|
-
/******/ inProgress[url] = [done];
|
|
173
|
-
/******/ var onScriptComplete = (prev, event) => {
|
|
174
|
-
/******/ // avoid mem leaks in IE.
|
|
175
|
-
/******/ script.onerror = script.onload = null;
|
|
176
|
-
/******/ clearTimeout(timeout);
|
|
177
|
-
/******/ var doneFns = inProgress[url];
|
|
178
|
-
/******/ delete inProgress[url];
|
|
179
|
-
/******/ script.parentNode && script.parentNode.removeChild(script);
|
|
180
|
-
/******/ doneFns && doneFns.forEach((fn) => (fn(event)));
|
|
181
|
-
/******/ if(prev) return prev(event);
|
|
182
|
-
/******/ }
|
|
183
|
-
/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
|
|
184
|
-
/******/ script.onerror = onScriptComplete.bind(null, script.onerror);
|
|
185
|
-
/******/ script.onload = onScriptComplete.bind(null, script.onload);
|
|
186
|
-
/******/ needAttach && document.head.appendChild(script);
|
|
187
|
-
/******/ };
|
|
188
|
-
/******/ })();
|
|
189
|
-
/******/
|
|
190
177
|
/******/ /* webpack/runtime/make namespace object */
|
|
191
178
|
/******/ (() => {
|
|
192
179
|
/******/ // define __esModule on exports
|
|
@@ -198,121 +185,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
198
185
|
/******/ };
|
|
199
186
|
/******/ })();
|
|
200
187
|
/******/
|
|
201
|
-
/******/ /* webpack/runtime/publicPath */
|
|
202
|
-
/******/ (() => {
|
|
203
|
-
/******/ var scriptUrl;
|
|
204
|
-
/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
|
|
205
|
-
/******/ var document = __webpack_require__.g.document;
|
|
206
|
-
/******/ if (!scriptUrl && document) {
|
|
207
|
-
/******/ if (document.currentScript)
|
|
208
|
-
/******/ scriptUrl = document.currentScript.src;
|
|
209
|
-
/******/ if (!scriptUrl) {
|
|
210
|
-
/******/ var scripts = document.getElementsByTagName("script");
|
|
211
|
-
/******/ if(scripts.length) {
|
|
212
|
-
/******/ var i = scripts.length - 1;
|
|
213
|
-
/******/ while (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;
|
|
214
|
-
/******/ }
|
|
215
|
-
/******/ }
|
|
216
|
-
/******/ }
|
|
217
|
-
/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
|
|
218
|
-
/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
|
|
219
|
-
/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
|
|
220
|
-
/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
|
|
221
|
-
/******/ __webpack_require__.p = scriptUrl;
|
|
222
|
-
/******/ })();
|
|
223
|
-
/******/
|
|
224
|
-
/******/ /* webpack/runtime/jsonp chunk loading */
|
|
225
|
-
/******/ (() => {
|
|
226
|
-
/******/ // no baseURI
|
|
227
|
-
/******/
|
|
228
|
-
/******/ // object to store loaded and loading chunks
|
|
229
|
-
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
230
|
-
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
|
|
231
|
-
/******/ var installedChunks = {
|
|
232
|
-
/******/ "tsparticles.plugin.absorbers": 0
|
|
233
|
-
/******/ };
|
|
234
|
-
/******/
|
|
235
|
-
/******/ __webpack_require__.f.j = (chunkId, promises) => {
|
|
236
|
-
/******/ // JSONP chunk loading for javascript
|
|
237
|
-
/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
|
|
238
|
-
/******/ if(installedChunkData !== 0) { // 0 means "already installed".
|
|
239
|
-
/******/
|
|
240
|
-
/******/ // a Promise means "currently loading".
|
|
241
|
-
/******/ if(installedChunkData) {
|
|
242
|
-
/******/ promises.push(installedChunkData[2]);
|
|
243
|
-
/******/ } else {
|
|
244
|
-
/******/ if(true) { // all chunks have JS
|
|
245
|
-
/******/ // setup Promise in chunk cache
|
|
246
|
-
/******/ var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
|
|
247
|
-
/******/ promises.push(installedChunkData[2] = promise);
|
|
248
|
-
/******/
|
|
249
|
-
/******/ // start chunk loading
|
|
250
|
-
/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId);
|
|
251
|
-
/******/ // create error before stack unwound to get useful stacktrace later
|
|
252
|
-
/******/ var error = new Error();
|
|
253
|
-
/******/ var loadingEnded = (event) => {
|
|
254
|
-
/******/ if(__webpack_require__.o(installedChunks, chunkId)) {
|
|
255
|
-
/******/ installedChunkData = installedChunks[chunkId];
|
|
256
|
-
/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
|
|
257
|
-
/******/ if(installedChunkData) {
|
|
258
|
-
/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type);
|
|
259
|
-
/******/ var realSrc = event && event.target && event.target.src;
|
|
260
|
-
/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
|
|
261
|
-
/******/ error.name = 'ChunkLoadError';
|
|
262
|
-
/******/ error.type = errorType;
|
|
263
|
-
/******/ error.request = realSrc;
|
|
264
|
-
/******/ installedChunkData[1](error);
|
|
265
|
-
/******/ }
|
|
266
|
-
/******/ }
|
|
267
|
-
/******/ };
|
|
268
|
-
/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
|
|
269
|
-
/******/ }
|
|
270
|
-
/******/ }
|
|
271
|
-
/******/ }
|
|
272
|
-
/******/ };
|
|
273
|
-
/******/
|
|
274
|
-
/******/ // no prefetching
|
|
275
|
-
/******/
|
|
276
|
-
/******/ // no preloaded
|
|
277
|
-
/******/
|
|
278
|
-
/******/ // no HMR
|
|
279
|
-
/******/
|
|
280
|
-
/******/ // no HMR manifest
|
|
281
|
-
/******/
|
|
282
|
-
/******/ // no on chunks loaded
|
|
283
|
-
/******/
|
|
284
|
-
/******/ // install a JSONP callback for chunk loading
|
|
285
|
-
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
|
|
286
|
-
/******/ var chunkIds = data[0];
|
|
287
|
-
/******/ var moreModules = data[1];
|
|
288
|
-
/******/ var runtime = data[2];
|
|
289
|
-
/******/ // add "moreModules" to the modules object,
|
|
290
|
-
/******/ // then flag all "chunkIds" as loaded and fire callback
|
|
291
|
-
/******/ var moduleId, chunkId, i = 0;
|
|
292
|
-
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
|
|
293
|
-
/******/ for(moduleId in moreModules) {
|
|
294
|
-
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
|
|
295
|
-
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
|
|
296
|
-
/******/ }
|
|
297
|
-
/******/ }
|
|
298
|
-
/******/ if(runtime) var result = runtime(__webpack_require__);
|
|
299
|
-
/******/ }
|
|
300
|
-
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
|
|
301
|
-
/******/ for(;i < chunkIds.length; i++) {
|
|
302
|
-
/******/ chunkId = chunkIds[i];
|
|
303
|
-
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
|
|
304
|
-
/******/ installedChunks[chunkId][0]();
|
|
305
|
-
/******/ }
|
|
306
|
-
/******/ installedChunks[chunkId] = 0;
|
|
307
|
-
/******/ }
|
|
308
|
-
/******/
|
|
309
|
-
/******/ }
|
|
310
|
-
/******/
|
|
311
|
-
/******/ var chunkLoadingGlobal = this["webpackChunk_tsparticles_plugin_absorbers"] = this["webpackChunk_tsparticles_plugin_absorbers"] || [];
|
|
312
|
-
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
|
|
313
|
-
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
|
|
314
|
-
/******/ })();
|
|
315
|
-
/******/
|
|
316
188
|
/************************************************************************/
|
|
317
189
|
/******/
|
|
318
190
|
/******/ // startup
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.plugin.absorbers.min.js.LICENSE.txt */
|
|
2
|
-
!function(
|
|
2
|
+
!function(i,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 s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{var t={303:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};o.r(e),o.d(e,{AbsorberClickMode:()=>r,loadAbsorbersPlugin:()=>u});var r,n=o(303);class a{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class c extends n.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new a}load(i){i&&(super.load(i),void 0!==i.density&&(this.density=i.density),(0,n.isNumber)(i.limit)?this.limit.radius=i.limit:this.limit.load(i.limit))}}class l{constructor(){this.color=new n.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new c}load(i){void 0!==i&&(void 0!==i.color&&(this.color=n.OptionsColor.create(this.color,i.color)),void 0!==i.draggable&&(this.draggable=i.draggable),this.name=i.name,void 0!==i.opacity&&(this.opacity=i.opacity),void 0!==i.position&&(this.position={},void 0!==i.position.x&&(this.position.x=(0,n.setRangeValue)(i.position.x)),void 0!==i.position.y&&(this.position.y=(0,n.setRangeValue)(i.position.y))),void 0!==i.size&&this.size.load(i.size),void 0!==i.destroy&&(this.destroy=i.destroy),void 0!==i.orbits&&(this.orbits=i.orbits))}}!function(i){i.absorber="absorber"}(r||(r={}));const h=0,d=0,b=2*Math.PI;class p{constructor(i,t,s,o){this.absorbers=i,this.container=t,this._calcPosition=()=>{const i=(0,n.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return n.Vector.create(i.x,i.y)},this._updateParticlePosition=(i,t)=>{if(i.destroyed)return;const s=this.container,o=s.canvas.size;if(i.needsNewPosition){const t=(0,n.calcPositionOrRandomFromSize)({size:o});i.position.setTo(t),i.velocity.setTo(i.initialVelocity),i.absorberOrbit=void 0,i.needsNewPosition=!1}if(this.options.orbits){if(void 0===i.absorberOrbit&&(i.absorberOrbit=n.Vector.origin,i.absorberOrbit.length=(0,n.getDistance)(i.getPosition(),this.position),i.absorberOrbit.angle=(0,n.getRandom)()*b),i.absorberOrbit.length<=this.size&&!this.options.destroy){const t=Math.min(o.width,o.height),s=1,e=.1,r=.2;i.absorberOrbit.length=t*(s+((0,n.getRandom)()*r-e))}void 0===i.absorberOrbitDirection&&(i.absorberOrbitDirection=i.velocity.x>=0?n.RotateDirection.clockwise:n.RotateDirection.counterClockwise);const e=i.absorberOrbit.length,r=i.absorberOrbit.angle,a=i.absorberOrbitDirection;i.velocity.setTo(n.Vector.origin);const c={x:a===n.RotateDirection.clockwise?Math.cos:Math.sin,y:a===n.RotateDirection.clockwise?Math.sin:Math.cos};i.position.x=this.position.x+e*c.x(r),i.position.y=this.position.y+e*c.y(r),i.absorberOrbit.length-=t.length,i.absorberOrbit.angle+=(i.retina.moveSpeed??0)*s.retina.pixelRatio/n.percentDenominator*s.retina.reduceFactor}else{const s=n.Vector.origin;s.length=t.length,s.angle=t.angle,i.velocity.addTo(s)}},this.initialPosition=o?n.Vector.create(o.x,o.y):void 0,s instanceof l?this.options=s:(this.options=new l,this.options.load(s)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,n.getRangeValue)(this.options.size.value)*t.retina.pixelRatio,this.mass=this.size*this.options.size.density*t.retina.reduceFactor;const e=this.options.size.limit;this.limit={radius:e.radius*t.retina.pixelRatio*t.retina.reduceFactor,mass:e.mass},this.color=(0,n.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(i){const t=this.container,s=this.options;if(s.draggable){const i=t.interactivity.mouse;if(i.clicking&&i.downPosition){(0,n.getDistance)(this.position,i.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&i.position&&(this.position.x=i.position.x,this.position.y=i.position.y)}const o=i.getPosition(),{dx:e,dy:r,distance:a}=(0,n.getDistances)(this.position,o),c=n.Vector.create(e,r);if(c.length=this.mass/Math.pow(a,2)*t.retina.reduceFactor,a<this.size+i.getRadius()){const o=.033*i.getRadius()*t.retina.pixelRatio;this.size>i.getRadius()&&a<this.size-i.getRadius()||void 0!==i.absorberOrbit&&i.absorberOrbit.length<0?s.destroy?i.destroy():(i.needsNewPosition=!0,this._updateParticlePosition(i,c)):(s.destroy&&(i.size.value-=o),this._updateParticlePosition(i,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=o),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=o*this.options.size.density*t.retina.reduceFactor)}else this._updateParticlePosition(i,c)}draw(i){i.translate(this.position.x,this.position.y),i.beginPath(),i.arc(h,d,this.size,0,b,!1),i.closePath(),i.fillStyle=(0,n.getStyleFromRgb)(this.color,this.opacity),i.fill()}resize(){const i=this.initialPosition;this.position=i&&(0,n.isPointInside)(i,this.container.canvas.size,n.Vector.origin)?i:this._calcPosition()}}class g{constructor(i){this.container=i,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],i.getAbsorber=i=>void 0===i||(0,n.isNumber)(i)?this.array[i??0]:this.array.find((t=>t.name===i)),i.addAbsorber=async(i,t)=>this.addAbsorber(i,t)}async addAbsorber(i,t){const s=new p(this,this.container,i,t);return this.array.push(s),Promise.resolve(s)}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(i){const t=this.absorbers,s=this.interactivityAbsorbers;if(i===r.absorber){const i=(0,n.itemFromSingleOrMultiple)(s)??(0,n.itemFromSingleOrMultiple)(t),o=this.container.interactivity.mouse.clickPosition;this.addAbsorber(i,o)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers;const i=(0,n.executeOnSingleOrMultiple)(this.absorbers,(async i=>{await this.addAbsorber(i)}));i instanceof Array?await Promise.all(i):await i}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class y{constructor(){this.id="absorbers"}async getPlugin(i){return Promise.resolve(new g(i))}loadOptions(i,t){(this.needsPlugin(i)||this.needsPlugin(t))&&(t?.absorbers&&(i.absorbers=(0,n.executeOnSingleOrMultiple)(t.absorbers,(i=>{const t=new l;return t.load(i),t}))),i.interactivity.modes.absorbers=(0,n.executeOnSingleOrMultiple)(t?.interactivity?.modes?.absorbers,(i=>{const t=new l;return t.load(i),t})))}needsPlugin(i){if(!i)return!1;const t=i.absorbers;return(0,n.isArray)(t)?!!t.length:!!t||!(!i.interactivity?.events?.onClick?.mode||!(0,n.isInArray)(r.absorber,i.interactivity.events.onClick.mode))}}async function u(i,t=!0){await i.addPlugin(new y,t)}return e})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Absorbers Plugin v3.
|
|
1
|
+
/*! tsParticles Absorbers Plugin v3.5.0 by Matteo Bruni */
|
package/types/Absorbers.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type IContainerPlugin, type ICoordinates, type Particle, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
|
|
2
2
|
import type { Absorber } from "./Options/Classes/Absorber.js";
|
|
3
3
|
import type { AbsorberContainer } from "./AbsorberContainer.js";
|
|
4
|
-
import
|
|
4
|
+
import { AbsorberInstance } from "./AbsorberInstance.js";
|
|
5
5
|
import type { IAbsorber } from "./Options/Interfaces/IAbsorber.js";
|
|
6
6
|
export declare class Absorbers implements IContainerPlugin {
|
|
7
7
|
private readonly container;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { AbsorberOptions, IAbsorberOptions } from "./types.js";
|
|
2
2
|
import { type IOptions, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
|
|
3
3
|
import type { AbsorberContainer } from "./AbsorberContainer.js";
|
|
4
|
-
import
|
|
4
|
+
import { Absorbers } from "./Absorbers.js";
|
|
5
5
|
export declare class AbsorbersPlugin implements IPlugin {
|
|
6
6
|
readonly id: string;
|
|
7
7
|
constructor();
|
package/umd/AbsorberInstance.js
CHANGED
|
@@ -51,13 +51,13 @@
|
|
|
51
51
|
}
|
|
52
52
|
if (particle.absorberOrbitDirection === undefined) {
|
|
53
53
|
particle.absorberOrbitDirection =
|
|
54
|
-
particle.velocity.x >= minVelocity ?
|
|
54
|
+
particle.velocity.x >= minVelocity ? engine_1.RotateDirection.clockwise : engine_1.RotateDirection.counterClockwise;
|
|
55
55
|
}
|
|
56
56
|
const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
|
|
57
57
|
particle.velocity.setTo(engine_1.Vector.origin);
|
|
58
58
|
const updateFunc = {
|
|
59
|
-
x: orbitDirection ===
|
|
60
|
-
y: orbitDirection ===
|
|
59
|
+
x: orbitDirection === engine_1.RotateDirection.clockwise ? Math.cos : Math.sin,
|
|
60
|
+
y: orbitDirection === engine_1.RotateDirection.clockwise ? Math.sin : Math.cos,
|
|
61
61
|
};
|
|
62
62
|
particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
|
|
63
63
|
particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
|
package/umd/Absorbers.js
CHANGED
|
@@ -1,40 +1,18 @@
|
|
|
1
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
2
|
-
if (k2 === undefined) k2 = k;
|
|
3
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
4
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
5
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
6
|
-
}
|
|
7
|
-
Object.defineProperty(o, k2, desc);
|
|
8
|
-
}) : (function(o, m, k, k2) {
|
|
9
|
-
if (k2 === undefined) k2 = k;
|
|
10
|
-
o[k2] = m[k];
|
|
11
|
-
}));
|
|
12
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
13
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
14
|
-
}) : function(o, v) {
|
|
15
|
-
o["default"] = v;
|
|
16
|
-
});
|
|
17
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
18
|
-
if (mod && mod.__esModule) return mod;
|
|
19
|
-
var result = {};
|
|
20
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
21
|
-
__setModuleDefault(result, mod);
|
|
22
|
-
return result;
|
|
23
|
-
};
|
|
24
1
|
(function (factory) {
|
|
25
2
|
if (typeof module === "object" && typeof module.exports === "object") {
|
|
26
3
|
var v = factory(require, exports);
|
|
27
4
|
if (v !== undefined) module.exports = v;
|
|
28
5
|
}
|
|
29
6
|
else if (typeof define === "function" && define.amd) {
|
|
30
|
-
define(["require", "exports", "@tsparticles/engine"], factory);
|
|
7
|
+
define(["require", "exports", "@tsparticles/engine", "./Enums/AbsorberClickMode.js", "./AbsorberInstance.js"], factory);
|
|
31
8
|
}
|
|
32
9
|
})(function (require, exports) {
|
|
33
10
|
"use strict";
|
|
34
|
-
var __syncRequire = typeof module === "object" && typeof module.exports === "object";
|
|
35
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
12
|
exports.Absorbers = void 0;
|
|
37
13
|
const engine_1 = require("@tsparticles/engine");
|
|
14
|
+
const AbsorberClickMode_js_1 = require("./Enums/AbsorberClickMode.js");
|
|
15
|
+
const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
|
|
38
16
|
const defaultIndex = 0;
|
|
39
17
|
class Absorbers {
|
|
40
18
|
constructor(container) {
|
|
@@ -44,13 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
44
22
|
this.interactivityAbsorbers = [];
|
|
45
23
|
container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
|
|
46
24
|
? this.array[idxOrName ?? defaultIndex]
|
|
47
|
-
: this.array.find(
|
|
25
|
+
: this.array.find(t => t.name === idxOrName);
|
|
48
26
|
container.addAbsorber = async (options, position) => this.addAbsorber(options, position);
|
|
49
27
|
}
|
|
50
28
|
async addAbsorber(options, position) {
|
|
51
|
-
const
|
|
29
|
+
const absorber = new AbsorberInstance_js_1.AbsorberInstance(this, this.container, options, position);
|
|
52
30
|
this.array.push(absorber);
|
|
53
|
-
return absorber;
|
|
31
|
+
return Promise.resolve(absorber);
|
|
54
32
|
}
|
|
55
33
|
draw(context) {
|
|
56
34
|
for (const absorber of this.array) {
|
|
@@ -59,7 +37,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
59
37
|
}
|
|
60
38
|
handleClickMode(mode) {
|
|
61
39
|
const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
|
|
62
|
-
if (mode ===
|
|
40
|
+
if (mode === AbsorberClickMode_js_1.AbsorberClickMode.absorber) {
|
|
63
41
|
const absorbersModeOptions = (0, engine_1.itemFromSingleOrMultiple)(modeAbsorbers), absorbersOptions = absorbersModeOptions ?? (0, engine_1.itemFromSingleOrMultiple)(absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
|
|
64
42
|
void this.addAbsorber(absorbersOptions, aPosition);
|
|
65
43
|
}
|
package/umd/AbsorbersPlugin.js
CHANGED
|
@@ -1,61 +1,38 @@
|
|
|
1
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
2
|
-
if (k2 === undefined) k2 = k;
|
|
3
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
4
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
5
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
6
|
-
}
|
|
7
|
-
Object.defineProperty(o, k2, desc);
|
|
8
|
-
}) : (function(o, m, k, k2) {
|
|
9
|
-
if (k2 === undefined) k2 = k;
|
|
10
|
-
o[k2] = m[k];
|
|
11
|
-
}));
|
|
12
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
13
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
14
|
-
}) : function(o, v) {
|
|
15
|
-
o["default"] = v;
|
|
16
|
-
});
|
|
17
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
18
|
-
if (mod && mod.__esModule) return mod;
|
|
19
|
-
var result = {};
|
|
20
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
21
|
-
__setModuleDefault(result, mod);
|
|
22
|
-
return result;
|
|
23
|
-
};
|
|
24
1
|
(function (factory) {
|
|
25
2
|
if (typeof module === "object" && typeof module.exports === "object") {
|
|
26
3
|
var v = factory(require, exports);
|
|
27
4
|
if (v !== undefined) module.exports = v;
|
|
28
5
|
}
|
|
29
6
|
else if (typeof define === "function" && define.amd) {
|
|
30
|
-
define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Absorber.js"], factory);
|
|
7
|
+
define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Absorber.js", "./Enums/AbsorberClickMode.js", "./Absorbers.js"], factory);
|
|
31
8
|
}
|
|
32
9
|
})(function (require, exports) {
|
|
33
10
|
"use strict";
|
|
34
|
-
var __syncRequire = typeof module === "object" && typeof module.exports === "object";
|
|
35
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
12
|
exports.AbsorbersPlugin = void 0;
|
|
37
13
|
const engine_1 = require("@tsparticles/engine");
|
|
38
14
|
const Absorber_js_1 = require("./Options/Classes/Absorber.js");
|
|
15
|
+
const AbsorberClickMode_js_1 = require("./Enums/AbsorberClickMode.js");
|
|
16
|
+
const Absorbers_js_1 = require("./Absorbers.js");
|
|
39
17
|
class AbsorbersPlugin {
|
|
40
18
|
constructor() {
|
|
41
19
|
this.id = "absorbers";
|
|
42
20
|
}
|
|
43
21
|
async getPlugin(container) {
|
|
44
|
-
|
|
45
|
-
return new Absorbers(container);
|
|
22
|
+
return Promise.resolve(new Absorbers_js_1.Absorbers(container));
|
|
46
23
|
}
|
|
47
24
|
loadOptions(options, source) {
|
|
48
25
|
if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
|
|
49
26
|
return;
|
|
50
27
|
}
|
|
51
28
|
if (source?.absorbers) {
|
|
52
|
-
options.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source.absorbers,
|
|
29
|
+
options.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source.absorbers, absorber => {
|
|
53
30
|
const tmp = new Absorber_js_1.Absorber();
|
|
54
31
|
tmp.load(absorber);
|
|
55
32
|
return tmp;
|
|
56
33
|
});
|
|
57
34
|
}
|
|
58
|
-
options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers,
|
|
35
|
+
options.interactivity.modes.absorbers = (0, engine_1.executeOnSingleOrMultiple)(source?.interactivity?.modes?.absorbers, absorber => {
|
|
59
36
|
const tmp = new Absorber_js_1.Absorber();
|
|
60
37
|
tmp.load(absorber);
|
|
61
38
|
return tmp;
|
|
@@ -73,7 +50,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
73
50
|
return true;
|
|
74
51
|
}
|
|
75
52
|
else if (options.interactivity?.events?.onClick?.mode &&
|
|
76
|
-
(0, engine_1.isInArray)(
|
|
53
|
+
(0, engine_1.isInArray)(AbsorberClickMode_js_1.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
|
|
77
54
|
return true;
|
|
78
55
|
}
|
|
79
56
|
return false;
|
|
@@ -9,4 +9,9 @@
|
|
|
9
9
|
})(function (require, exports) {
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.AbsorberClickMode = void 0;
|
|
13
|
+
var AbsorberClickMode;
|
|
14
|
+
(function (AbsorberClickMode) {
|
|
15
|
+
AbsorberClickMode["absorber"] = "absorber";
|
|
16
|
+
})(AbsorberClickMode || (exports.AbsorberClickMode = AbsorberClickMode = {}));
|
|
12
17
|
});
|