@tsparticles/interaction-light 3.0.0-beta.3 → 3.0.0-beta.4

package/tsparticles.interaction.light.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
- * v3.0.0-beta.3
+ * v3.0.0-beta.4
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -100,6 +100,73 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
 var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/Utils.js
+
+const lightMode = "light";
+function drawLight(container, context, mousePos) {
+  const lightOptions = container.actualOptions.interactivity.modes.light?.area;
+  if (!lightOptions) {
+    return;
+  }
+  context.beginPath();
+  context.arc(mousePos.x, mousePos.y, lightOptions.radius, 0, 2 * Math.PI);
+  const gradientAmbientLight = context.createRadialGradient(mousePos.x, mousePos.y, 0, mousePos.x, mousePos.y, lightOptions.radius);
+  const gradientRgb = container.canvas.mouseLight;
+  if (!gradientRgb || !gradientRgb.start || !gradientRgb.stop) {
+    return;
+  }
+  gradientAmbientLight.addColorStop(0, (0,engine_root_window_.getStyleFromRgb)(gradientRgb.start));
+  gradientAmbientLight.addColorStop(1, (0,engine_root_window_.getStyleFromRgb)(gradientRgb.stop));
+  context.fillStyle = gradientAmbientLight;
+  context.fill();
+}
+function drawParticleShadow(container, context, particle, mousePos) {
+  const pos = particle.getPosition(),
+    shadowOptions = container.actualOptions.interactivity.modes.light?.shadow;
+  if (!shadowOptions) {
+    return;
+  }
+  const shadowRgb = particle.lightShadow;
+  if (!shadowRgb) {
+    return;
+  }
+  const radius = particle.getRadius(),
+    sides = particle.sides,
+    full = Math.PI * 2 / sides,
+    angle = -particle.rotation + Math.PI / 4,
+    factor = 1,
+    dots = [];
+  for (let i = 0; i < sides; i++) {
+    dots.push({
+      x: pos.x + radius * Math.sin(angle + full * i) * factor,
+      y: pos.y + radius * Math.cos(angle + full * i) * factor
+    });
+  }
+  const points = [],
+    shadowLength = shadowOptions.length;
+  for (const dot of dots) {
+    const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x),
+      end = {
+        x: dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2),
+        y: dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2)
+      };
+    points.push({
+      end: end,
+      start: dot
+    });
+  }
+  const shadowColor = (0,engine_root_window_.getStyleFromRgb)(shadowRgb),
+    last = points.length - 1;
+  for (let i = last, n = 0; i >= 0; n = i--) {
+    context.beginPath();
+    context.moveTo(points[i].start.x, points[i].start.y);
+    context.lineTo(points[n].start.x, points[n].start.y);
+    context.lineTo(points[n].end.x, points[n].end.y);
+    context.lineTo(points[i].end.x, points[i].end.y);
+    context.fillStyle = shadowColor;
+    context.fill();
+  }
+}
 ;// CONCATENATED MODULE: ./dist/browser/Options/Classes/LightGradient.js
 
 class LightGradient {
@@ -168,72 +235,6 @@ class Light {
     this.shadow.load(data.shadow);
   }
 }
-;// CONCATENATED MODULE: ./dist/browser/Utils.js
-
-function drawLight(container, context, mousePos) {
-  const lightOptions = container.actualOptions.interactivity.modes.light?.area;
-  if (!lightOptions) {
-    return;
-  }
-  context.beginPath();
-  context.arc(mousePos.x, mousePos.y, lightOptions.radius, 0, 2 * Math.PI);
-  const gradientAmbientLight = context.createRadialGradient(mousePos.x, mousePos.y, 0, mousePos.x, mousePos.y, lightOptions.radius);
-  const gradientRgb = container.canvas.mouseLight;
-  if (!gradientRgb || !gradientRgb.start || !gradientRgb.stop) {
-    return;
-  }
-  gradientAmbientLight.addColorStop(0, (0,engine_root_window_.getStyleFromRgb)(gradientRgb.start));
-  gradientAmbientLight.addColorStop(1, (0,engine_root_window_.getStyleFromRgb)(gradientRgb.stop));
-  context.fillStyle = gradientAmbientLight;
-  context.fill();
-}
-function drawParticleShadow(container, context, particle, mousePos) {
-  const pos = particle.getPosition(),
-    shadowOptions = container.actualOptions.interactivity.modes.light?.shadow;
-  if (!shadowOptions) {
-    return;
-  }
-  const shadowRgb = particle.lightShadow;
-  if (!shadowRgb) {
-    return;
-  }
-  const radius = particle.getRadius(),
-    sides = particle.sides,
-    full = Math.PI * 2 / sides,
-    angle = -particle.rotation + Math.PI / 4,
-    factor = 1,
-    dots = [];
-  for (let i = 0; i < sides; i++) {
-    dots.push({
-      x: pos.x + radius * Math.sin(angle + full * i) * factor,
-      y: pos.y + radius * Math.cos(angle + full * i) * factor
-    });
-  }
-  const points = [],
-    shadowLength = shadowOptions.length;
-  for (const dot of dots) {
-    const dotAngle = Math.atan2(mousePos.y - dot.y, mousePos.x - dot.x),
-      end = {
-        x: dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2),
-        y: dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2)
-      };
-    points.push({
-      end: end,
-      start: dot
-    });
-  }
-  const shadowColor = (0,engine_root_window_.getStyleFromRgb)(shadowRgb),
-    last = points.length - 1;
-  for (let i = last, n = 0; i >= 0; n = i--) {
-    context.beginPath();
-    context.moveTo(points[i].start.x, points[i].start.y);
-    context.lineTo(points[n].start.x, points[n].start.y);
-    context.lineTo(points[n].end.x, points[n].end.y);
-    context.lineTo(points[i].end.x, points[i].end.y);
-    context.fillStyle = shadowColor;
-    context.fill();
-  }
-}
 ;// CONCATENATED MODULE: ./dist/browser/ExternalLighter.js
 
 
@@ -267,7 +268,7 @@ class ExternalLighter extends engine_root_window_.ExternalInteractorBase {
     if (!(events.onHover.enable && mouse.position)) {
       return false;
     }
-    const res = (0,engine_root_window_.isInArray)("light", events.onHover.mode);
+    const res = (0,engine_root_window_.isInArray)(lightMode, events.onHover.mode);
     if (res && interactivity.modes.light) {
       const lightGradient = interactivity.modes.light.area.gradient;
       container.canvas.mouseLight = {
@@ -319,7 +320,7 @@ class ParticlesLighter extends engine_root_window_.ParticlesInteractorBase {
     if (!(events.onHover.enable && mouse.position)) {
       return false;
     }
-    const res = (0,engine_root_window_.isInArray)("light", events.onHover.mode);
+    const res = (0,engine_root_window_.isInArray)(lightMode, events.onHover.mode);
     if (res && interactivity.modes.light) {
       const shadowOptions = interactivity.modes.light.shadow;
       particle.lightShadow = (0,engine_root_window_.rangeColorToRgb)(shadowOptions.color);

package/tsparticles.interaction.light.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.interaction.light.min.js.LICENSE.txt */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var r=o[t];if(void 0!==r)return r.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{i.r(r),i.d(r,{Light:()=>n,LightArea:()=>o,LightGradient:()=>e,LightShadow:()=>s,loadLightInteraction:()=>l});var t=i(533);class e{constructor(){this.start=new t.OptionsColor,this.stop=new t.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(e){e&&(this.start=t.OptionsColor.create(this.start,e.start),this.stop=t.OptionsColor.create(this.stop,e.stop))}}class o{constructor(){this.gradient=new e,this.radius=1e3}load(t){t&&(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}class s{constructor(){this.color=new t.OptionsColor,this.color.value="#000000",this.length=2e3}load(e){e&&(this.color=t.OptionsColor.create(this.color,e.color),void 0!==e.length&&(this.length=e.length))}}class n{constructor(){this.area=new o,this.shadow=new s}load(t){t&&(this.area.load(t.area),this.shadow.load(t.shadow))}}class a extends t.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(){const e=this.container,o=e.actualOptions,i=e.interactivity;if(!o.interactivity.events.onHover.enable||"pointermove"!==i.status)return;const r=i.mouse.position;r&&e.canvas.draw((o=>{!function(e,o,i){const r=e.actualOptions.interactivity.modes.light?.area;if(!r)return;o.beginPath(),o.arc(i.x,i.y,r.radius,0,2*Math.PI);const s=o.createRadialGradient(i.x,i.y,0,i.x,i.y,r.radius),n=e.canvas.mouseLight;n&&n.start&&n.stop&&(s.addColorStop(0,(0,t.getStyleFromRgb)(n.start)),s.addColorStop(1,(0,t.getStyleFromRgb)(n.stop)),o.fillStyle=s,o.fill())}(e,o,r)}))}isEnabled(e){const o=this.container,i=o.interactivity.mouse,r=e?.interactivity??o.actualOptions.interactivity,s=r.events;if(!s.onHover.enable||!i.position)return!1;const n=(0,t.isInArray)("light",s.onHover.mode);if(n&&r.modes.light){const e=r.modes.light.area.gradient;o.canvas.mouseLight={start:(0,t.rangeColorToRgb)(e.start),stop:(0,t.rangeColorToRgb)(e.stop)}}return n}loadModeOptions(t,...e){t.light||(t.light=new n);for(const o of e)t.light.load(o?.light)}reset(){}}class c extends t.ParticlesInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(e){const o=this.container,i=o.actualOptions,r=o.interactivity;if(!i.interactivity.events.onHover.enable||"pointermove"!==r.status)return;const s=r.mouse.position;s&&o.canvas.draw((i=>{!function(e,o,i,r){const s=i.getPosition(),n=e.actualOptions.interactivity.modes.light?.shadow;if(!n)return;const a=i.lightShadow;if(!a)return;const c=i.getRadius(),l=i.sides,d=2*Math.PI/l,h=-i.rotation+Math.PI/4,u=[];for(let t=0;t<l;t++)u.push({x:s.x+c*Math.sin(h+d*t)*1,y:s.y+c*Math.cos(h+d*t)*1});const p=[],g=n.length;for(const t of u){const e=Math.atan2(r.y-t.y,r.x-t.x),o={x:t.x+g*Math.sin(-e-Math.PI/2),y:t.y+g*Math.cos(-e-Math.PI/2)};p.push({end:o,start:t})}const f=(0,t.getStyleFromRgb)(a);for(let t=p.length-1,e=0;t>=0;e=t--)o.beginPath(),o.moveTo(p[t].start.x,p[t].start.y),o.lineTo(p[e].start.x,p[e].start.y),o.lineTo(p[e].end.x,p[e].end.y),o.lineTo(p[t].end.x,p[t].end.y),o.fillStyle=f,o.fill()}(o,i,e,s)}))}isEnabled(e){const o=this.container,i=e.interactivity??o.actualOptions.interactivity,r=o.interactivity.mouse,s=i.events;if(!s.onHover.enable||!r.position)return!1;const n=(0,t.isInArray)("light",s.onHover.mode);if(n&&i.modes.light){const o=i.modes.light.shadow;e.lightShadow=(0,t.rangeColorToRgb)(o.color)}return n}reset(){}}async function l(t,e=!0){await t.addInteractor("externalLight",(t=>new a(t)),e),await t.addInteractor("particlesLight",(t=>new c(t)),e)}})(),r})()));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],e);else{var o="object"==typeof exports?e(require("@tsparticles/engine")):e(t.window);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,(t=>(()=>{"use strict";var e={533:e=>{e.exports=t}},o={};function i(t){var r=o[t];if(void 0!==r)return r.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,i),s.exports}i.d=(t,e)=>{for(var o in e)i.o(e,o)&&!i.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};return(()=>{i.r(r),i.d(r,{Light:()=>a,LightArea:()=>s,LightGradient:()=>o,LightShadow:()=>n,loadLightInteraction:()=>d});var t=i(533);const e="light";class o{constructor(){this.start=new t.OptionsColor,this.stop=new t.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(e){e&&(this.start=t.OptionsColor.create(this.start,e.start),this.stop=t.OptionsColor.create(this.stop,e.stop))}}class s{constructor(){this.gradient=new o,this.radius=1e3}load(t){t&&(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}class n{constructor(){this.color=new t.OptionsColor,this.color.value="#000000",this.length=2e3}load(e){e&&(this.color=t.OptionsColor.create(this.color,e.color),void 0!==e.length&&(this.length=e.length))}}class a{constructor(){this.area=new s,this.shadow=new n}load(t){t&&(this.area.load(t.area),this.shadow.load(t.shadow))}}class c extends t.ExternalInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(){const e=this.container,o=e.actualOptions,i=e.interactivity;if(!o.interactivity.events.onHover.enable||"pointermove"!==i.status)return;const r=i.mouse.position;r&&e.canvas.draw((o=>{!function(e,o,i){const r=e.actualOptions.interactivity.modes.light?.area;if(!r)return;o.beginPath(),o.arc(i.x,i.y,r.radius,0,2*Math.PI);const s=o.createRadialGradient(i.x,i.y,0,i.x,i.y,r.radius),n=e.canvas.mouseLight;n&&n.start&&n.stop&&(s.addColorStop(0,(0,t.getStyleFromRgb)(n.start)),s.addColorStop(1,(0,t.getStyleFromRgb)(n.stop)),o.fillStyle=s,o.fill())}(e,o,r)}))}isEnabled(o){const i=this.container,r=i.interactivity.mouse,s=o?.interactivity??i.actualOptions.interactivity,n=s.events;if(!n.onHover.enable||!r.position)return!1;const a=(0,t.isInArray)(e,n.onHover.mode);if(a&&s.modes.light){const e=s.modes.light.area.gradient;i.canvas.mouseLight={start:(0,t.rangeColorToRgb)(e.start),stop:(0,t.rangeColorToRgb)(e.stop)}}return a}loadModeOptions(t,...e){t.light||(t.light=new a);for(const o of e)t.light.load(o?.light)}reset(){}}class l extends t.ParticlesInteractorBase{constructor(t){super(t)}clear(){}init(){}async interact(e){const o=this.container,i=o.actualOptions,r=o.interactivity;if(!i.interactivity.events.onHover.enable||"pointermove"!==r.status)return;const s=r.mouse.position;s&&o.canvas.draw((i=>{!function(e,o,i,r){const s=i.getPosition(),n=e.actualOptions.interactivity.modes.light?.shadow;if(!n)return;const a=i.lightShadow;if(!a)return;const c=i.getRadius(),l=i.sides,d=2*Math.PI/l,h=-i.rotation+Math.PI/4,u=[];for(let t=0;t<l;t++)u.push({x:s.x+c*Math.sin(h+d*t)*1,y:s.y+c*Math.cos(h+d*t)*1});const p=[],g=n.length;for(const t of u){const e=Math.atan2(r.y-t.y,r.x-t.x),o={x:t.x+g*Math.sin(-e-Math.PI/2),y:t.y+g*Math.cos(-e-Math.PI/2)};p.push({end:o,start:t})}const f=(0,t.getStyleFromRgb)(a);for(let t=p.length-1,e=0;t>=0;e=t--)o.beginPath(),o.moveTo(p[t].start.x,p[t].start.y),o.lineTo(p[e].start.x,p[e].start.y),o.lineTo(p[e].end.x,p[e].end.y),o.lineTo(p[t].end.x,p[t].end.y),o.fillStyle=f,o.fill()}(o,i,e,s)}))}isEnabled(o){const i=this.container,r=o.interactivity??i.actualOptions.interactivity,s=i.interactivity.mouse,n=r.events;if(!n.onHover.enable||!s.position)return!1;const a=(0,t.isInArray)(e,n.onHover.mode);if(a&&r.modes.light){const e=r.modes.light.shadow;o.lightShadow=(0,t.rangeColorToRgb)(e.color)}return a}reset(){}}async function d(t,e=!0){await t.addInteractor("externalLight",(t=>new c(t)),e),await t.addInteractor("particlesLight",(t=>new l(t)),e)}})(),r})()));

package/tsparticles.interaction.light.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Light Interaction v3.0.0-beta.3 by Matteo Bruni */
+/*! tsParticles Light Interaction v3.0.0-beta.4 by Matteo Bruni */

package/types/ParticlesLighter.d.ts

@@ -1,5 +1,5 @@
-import { ParticlesInteractorBase } from "@tsparticles/engine";
 import type { LightContainer, LightParticle } from "./Types.js";
+import { ParticlesInteractorBase } from "@tsparticles/engine";
 export declare class ParticlesLighter extends ParticlesInteractorBase<LightContainer> {
     constructor(container: LightContainer);
     clear(): void;

package/types/Utils.d.ts

@@ -1,4 +1,5 @@
 import { type ICoordinates } from "@tsparticles/engine";
 import type { LightContainer, LightParticle } from "./Types.js";
+export declare const lightMode = "light";
 export declare function drawLight(container: LightContainer, context: CanvasRenderingContext2D, mousePos: ICoordinates): void;
 export declare function drawParticleShadow(container: LightContainer, context: CanvasRenderingContext2D, particle: LightParticle, mousePos: ICoordinates): void;

package/umd/ExternalLighter.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/Light.js", "./Utils.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Utils.js", "./Options/Classes/Light.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ExternalLighter = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const Light_js_1 = require("./Options/Classes/Light.js");
     const Utils_js_1 = require("./Utils.js");
+    const Light_js_1 = require("./Options/Classes/Light.js");
     class ExternalLighter extends engine_1.ExternalInteractorBase {
         constructor(container) {
             super(container);
@@ -39,7 +39,7 @@
             if (!(events.onHover.enable && mouse.position)) {
                 return false;
             }
-            const res = (0, engine_1.isInArray)("light", events.onHover.mode);
+            const res = (0, engine_1.isInArray)(Utils_js_1.lightMode, events.onHover.mode);
             if (res && interactivity.modes.light) {
                 const lightGradient = interactivity.modes.light.area.gradient;
                 container.canvas.mouseLight = {

package/umd/ParticlesLighter.js

@@ -38,7 +38,7 @@
             if (!(events.onHover.enable && mouse.position)) {
                 return false;
             }
-            const res = (0, engine_1.isInArray)("light", events.onHover.mode);
+            const res = (0, engine_1.isInArray)(Utils_js_1.lightMode, events.onHover.mode);
             if (res && interactivity.modes.light) {
                 const shadowOptions = interactivity.modes.light.shadow;
                 particle.lightShadow = (0, engine_1.rangeColorToRgb)(shadowOptions.color);

package/umd/Utils.js

@@ -9,8 +9,9 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.drawParticleShadow = exports.drawLight = void 0;
+    exports.drawParticleShadow = exports.drawLight = exports.lightMode = void 0;
     const engine_1 = require("@tsparticles/engine");
+    exports.lightMode = "light";
     function drawLight(container, context, mousePos) {
         const lightOptions = container.actualOptions.interactivity.modes.light?.area;
         if (!lightOptions) {