@tsparticles/interaction-light 3.0.3 → 3.2.0

package/types/Options/Classes/LightGradient.d.ts

@@ -1,6 +1,5 @@
-import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import { type IOptionLoader, OptionsColor, type RecursivePartial } from "@tsparticles/engine";
 import type { ILightGradient } from "../Interfaces/ILightGradient.js";
-import { OptionsColor } from "@tsparticles/engine";
 export declare class LightGradient implements ILightGradient, IOptionLoader<ILightGradient> {
     start: OptionsColor;
     stop: OptionsColor;

package/types/Types.d.ts

@@ -2,12 +2,12 @@ import type { Container, IRgb, Particle } from "@tsparticles/engine";
 import type { LightOptions, LightParticlesOptions } from "./Options/Classes/LightOptions.js";
 import type { ILight } from "./Options/Interfaces/ILight.js";
 import type { Light } from "./Options/Classes/Light.js";
-export type ILightMode = {
+export interface ILightMode {
     light?: ILight;
-};
-export type LightMode = {
+}
+export interface LightMode {
     light?: Light;
-};
+}
 export type LightContainer = Container & {
     actualOptions: LightOptions;
     canvas: {

package/umd/ExternalLighter.js

@@ -33,6 +33,7 @@
             container.canvas.draw((ctx) => {
                 (0, Utils_js_1.drawLight)(container, ctx, mousePos);
             });
+            await Promise.resolve();
         }
         isEnabled(particle) {
             const container = this.container, mouse = container.interactivity.mouse, interactivity = particle?.interactivity ?? container.actualOptions.interactivity, events = interactivity.events;

package/umd/ParticlesLighter.js

@@ -32,6 +32,7 @@
             container.canvas.draw((ctx) => {
                 (0, Utils_js_1.drawParticleShadow)(container, ctx, particle, mousePos);
             });
+            await Promise.resolve();
         }
         isEnabled(particle) {
             const container = this.container, interactivity = particle.interactivity ?? container.actualOptions.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;

package/umd/Utils.js

@@ -11,6 +11,10 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.drawParticleShadow = exports.drawLight = exports.lightMode = void 0;
     const engine_1 = require("@tsparticles/engine");
+    const gradientPos = {
+        max: 1,
+        min: 0,
+    }, half = 0.5, double = 2, halfPI = Math.PI * half, doublePI = Math.PI * double, quarter = 0.25, quarterPI = Math.PI * quarter, arcStart = 0;
     exports.lightMode = "light";
     function drawLight(container, context, mousePos) {
         const lightOptions = container.actualOptions.interactivity.modes.light?.area;
@@ -18,14 +22,14 @@
             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);
+        context.arc(mousePos.x, mousePos.y, lightOptions.radius, arcStart, doublePI);
+        const gradientAmbientLight = context.createRadialGradient(mousePos.x, mousePos.y, arcStart, mousePos.x, mousePos.y, lightOptions.radius);
         const gradientRgb = container.canvas.mouseLight;
-        if (!gradientRgb || !gradientRgb.start || !gradientRgb.stop) {
+        if (!gradientRgb?.start || !gradientRgb.stop) {
             return;
         }
-        gradientAmbientLight.addColorStop(0, (0, engine_1.getStyleFromRgb)(gradientRgb.start));
-        gradientAmbientLight.addColorStop(1, (0, engine_1.getStyleFromRgb)(gradientRgb.stop));
+        gradientAmbientLight.addColorStop(gradientPos.min, (0, engine_1.getStyleFromRgb)(gradientRgb.start));
+        gradientAmbientLight.addColorStop(gradientPos.max, (0, engine_1.getStyleFromRgb)(gradientRgb.stop));
         context.fillStyle = gradientAmbientLight;
         context.fill();
     }
@@ -39,7 +43,7 @@
         if (!shadowRgb) {
             return;
         }
-        const radius = particle.getRadius(), sides = particle.sides, full = (Math.PI * 2) / sides, angle = -particle.rotation + Math.PI / 4, factor = 1, dots = [];
+        const radius = particle.getRadius(), sides = particle.sides, full = doublePI / sides, angle = -particle.rotation + quarterPI, factor = 1, dots = [];
         for (let i = 0; i < sides; i++) {
             dots.push({
                 x: pos.x + radius * Math.sin(angle + full * i) * factor,
@@ -49,16 +53,16 @@
         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),
+                x: dot.x + shadowLength * Math.sin(-dotAngle - halfPI),
+                y: dot.y + shadowLength * Math.cos(-dotAngle - halfPI),
             };
             points.push({
                 end: end,
                 start: dot,
             });
         }
-        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb), last = points.length - 1;
-        for (let i = last, n = 0; i >= 0; n = i--) {
+        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb), lastOffset = 1, firstPos = 0, last = points.length - lastOffset;
+        for (let i = last, n = 0; i >= firstPos; n = i--) {
             context.beginPath();
             context.moveTo(points[i].start.x, points[i].start.y);
             context.lineTo(points[n].start.x, points[n].start.y);

package/umd/index.js

@@ -9,6 +9,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -18,17 +30,22 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ExternalLighter.js", "./ParticlesLighter.js", "./Options/Classes/Light.js", "./Options/Classes/LightArea.js", "./Options/Classes/LightGradient.js", "./Options/Classes/LightShadow.js", "./Options/Interfaces/ILight.js", "./Options/Interfaces/ILightArea.js", "./Options/Interfaces/ILightGradient.js", "./Options/Interfaces/ILightShadow.js"], factory);
+        define(["require", "exports", "./Options/Classes/Light.js", "./Options/Classes/LightArea.js", "./Options/Classes/LightGradient.js", "./Options/Classes/LightShadow.js", "./Options/Interfaces/ILight.js", "./Options/Interfaces/ILightArea.js", "./Options/Interfaces/ILightGradient.js", "./Options/Interfaces/ILightShadow.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadLightInteraction = void 0;
-    const ExternalLighter_js_1 = require("./ExternalLighter.js");
-    const ParticlesLighter_js_1 = require("./ParticlesLighter.js");
     async function loadLightInteraction(engine, refresh = true) {
-        await engine.addInteractor("externalLight", (container) => new ExternalLighter_js_1.ExternalLighter(container), refresh);
-        await engine.addInteractor("particlesLight", (container) => new ParticlesLighter_js_1.ParticlesLighter(container), refresh);
+        await engine.addInteractor("externalLight", async (container) => {
+            const { ExternalLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ExternalLighter.js"))) : new Promise((resolve_1, reject_1) => { require(["./ExternalLighter.js"], resolve_1, reject_1); }).then(__importStar));
+            return new ExternalLighter(container);
+        }, refresh);
+        await engine.addInteractor("particlesLight", async (container) => {
+            const { ParticlesLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ParticlesLighter.js"))) : new Promise((resolve_2, reject_2) => { require(["./ParticlesLighter.js"], resolve_2, reject_2); }).then(__importStar));
+            return new ParticlesLighter(container);
+        }, refresh);
     }
     exports.loadLightInteraction = loadLightInteraction;
     __exportStar(require("./Options/Classes/Light.js"), exports);