@tsparticles/interaction-particles-attract 4.0.0-alpha.2 → 4.0.0-alpha.21

package/634.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_interaction_particles_attract=this.webpackChunk_tsparticles_interaction_particles_attract||[]).push([[634],{634(t,e,a){a.d(e,{Attractor:()=>c});var i=a(303),r=a(702);class c extends r.ParticlesInteractorBase{constructor(t){super(t)}clear(){}init(){}interact(t){let e=this.container;t.attractDistance??=(0,i.getRangeValue)(t.options.move.attract.distance)*e.retina.pixelRatio;let a=t.attractDistance,r=t.getPosition();for(let c of e.particles.quadTree.queryCircle(r,a)){if(t===c||!c.options.move.attract.enable||c.destroyed||c.spawning)continue;let e=c.getPosition(),{dx:a,dy:s}=(0,i.getDistances)(r,e),n=t.options.move.attract.rotate,o=a/(1e3*n.x),l=s/(1e3*n.y),p=c.size.value/t.size.value,u=1/p;t.velocity.x-=o*p,t.velocity.y-=l*p,c.velocity.x+=o*u,c.velocity.y+=l*u}}isEnabled(t){return t.options.move.attract.enable}reset(){}}}}]);

package/README.md

@@ -27,6 +27,7 @@ Once the scripts are loaded you can set up `tsParticles` and the interaction plu
 
 ```javascript
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 
   await tsParticles.load({
@@ -56,9 +57,11 @@ Then you need to import it in the app, like this:
 
 ```javascript
 const { tsParticles } = require("@tsparticles/engine");
+const { loadInteractivityPlugin } = require("@tsparticles/plugin-interactivity");
 const { loadParticlesAttractInteraction } = require("@tsparticles/interaction-particles-attract");
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 })();
 ```
@@ -67,9 +70,11 @@ or
 
 ```javascript
 import { tsParticles } from "@tsparticles/engine";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
 import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
 
 (async () => {
+  await loadInteractivityPlugin(tsParticles);
   await loadParticlesAttractInteraction(tsParticles);
 })();
 ```

package/browser/Attractor.js

@@ -1,4 +1,5 @@
-import { ParticlesInteractorBase, getDistances, getRangeValue, } from "@tsparticles/engine";
+import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
     constructor(container) {

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("particlesAttract", async (container) => {
+export async function loadParticlesAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/cjs/Attractor.js

@@ -1,4 +1,5 @@
-import { ParticlesInteractorBase, getDistances, getRangeValue, } from "@tsparticles/engine";
+import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
     constructor(container) {

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("particlesAttract", async (container) => {
+export async function loadParticlesAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/dist_browser_Attractor_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.2
+ * v4.0.0-alpha.21
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \***********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attractor: () => (/* binding */ Attractor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst attractFactor = 1000,\n  identity = 1;\nclass Attractor extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1) {\n    const container = this.container;\n    p1.attractDistance ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p1.options.move.attract.distance) * container.retina.pixelRatio;\n    const distance = p1.attractDistance,\n      pos1 = p1.getPosition(),\n      query = container.particles.quadTree.queryCircle(pos1, distance);\n    for (const p2 of query) {\n      if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {\n        continue;\n      }\n      const pos2 = p2.getPosition(),\n        {\n          dx,\n          dy\n        } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2),\n        rotate = p1.options.move.attract.rotate,\n        ax = dx / (rotate.x * attractFactor),\n        ay = dy / (rotate.y * attractFactor),\n        p1Factor = p2.size.value / p1.size.value,\n        p2Factor = identity / p1Factor;\n      p1.velocity.x -= ax * p1Factor;\n      p1.velocity.y -= ay * p1Factor;\n      p2.velocity.x += ax * p2Factor;\n      p2.velocity.y += ay * p2Factor;\n    }\n  }\n  isEnabled(particle) {\n    return particle.options.move.attract.enable;\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-attract/./dist/browser/Attractor.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Attractor: () => (/* binding */ Attractor)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n\n\nconst attractFactor = 1000, identity = 1;\nclass Attractor extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_1__.ParticlesInteractorBase {\n    constructor(container){\n        super(container);\n    }\n    clear() {}\n    init() {}\n    interact(p1) {\n        const container = this.container;\n        p1.attractDistance ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p1.options.move.attract.distance) * container.retina.pixelRatio;\n        const distance = p1.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);\n        for (const p2 of query){\n            if (p1 === p2 || !p2.options.move.attract.enable || p2.destroyed || p2.spawning) {\n                continue;\n            }\n            const pos2 = p2.getPosition(), { dx, dy } = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistances)(pos1, pos2), rotate = p1.options.move.attract.rotate, ax = dx / (rotate.x * attractFactor), ay = dy / (rotate.y * attractFactor), p1Factor = p2.size.value / p1.size.value, p2Factor = identity / p1Factor;\n            p1.velocity.x -= ax * p1Factor;\n            p1.velocity.y -= ay * p1Factor;\n            p2.velocity.x += ax * p2Factor;\n            p2.velocity.y += ay * p2Factor;\n        }\n    }\n    isEnabled(particle) {\n        return particle.options.move.attract.enable;\n    }\n    reset() {}\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-attract/./dist/browser/Attractor.js?\n}");
 
 /***/ }
 

package/esm/Attractor.js

@@ -1,4 +1,5 @@
-import { ParticlesInteractorBase, getDistances, getRangeValue, } from "@tsparticles/engine";
+import { getDistances, getRangeValue } from "@tsparticles/engine";
+import { ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 const attractFactor = 1000, identity = 1;
 export class Attractor extends ParticlesInteractorBase {
     constructor(container) {

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadParticlesAttractInteraction(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(e => {
-        e.addInteractor("particlesAttract", async (container) => {
+export async function loadParticlesAttractInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.21");
+    await engine.register(async (e) => {
+        const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity");
+        ensureInteractivityPluginLoaded(e);
+        e.addInteractor?.("particlesAttract", async (container) => {
             const { Attractor } = await import("./Attractor.js");
             return new Attractor(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-particles-attract",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.21",
   "description": "tsParticles attract particles interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,7 +87,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.21",
+    "@tsparticles/plugin-interactivity": "4.0.0-alpha.21"
   },
   "publishConfig": {
     "access": "public"