@tsparticles/interaction-light 3.0.0-alpha.0

package/umd/Options/Classes/LightGradient.js

@@ -0,0 +1,30 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.LightGradient = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class LightGradient {
+        constructor() {
+            this.start = new engine_1.OptionsColor();
+            this.stop = new engine_1.OptionsColor();
+            this.start.value = "#ffffff";
+            this.stop.value = "#000000";
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            this.start = engine_1.OptionsColor.create(this.start, data.start);
+            this.stop = engine_1.OptionsColor.create(this.stop, data.stop);
+        }
+    }
+    exports.LightGradient = LightGradient;
+});

package/umd/Options/Classes/LightOptions.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Classes/LightShadow.js

@@ -0,0 +1,31 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.LightShadow = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class LightShadow {
+        constructor() {
+            this.color = new engine_1.OptionsColor();
+            this.color.value = "#000000";
+            this.length = 2000;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            this.color = engine_1.OptionsColor.create(this.color, data.color);
+            if (data.length !== undefined) {
+                this.length = data.length;
+            }
+        }
+    }
+    exports.LightShadow = LightShadow;
+});

package/umd/Options/Interfaces/ILight.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Interfaces/ILightArea.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Interfaces/ILightGradient.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Interfaces/ILightShadow.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/ParticlesLighter.js

@@ -0,0 +1,51 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine", "./Utils"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ParticlesLighter = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const Utils_1 = require("./Utils");
+    class ParticlesLighter extends engine_1.ParticlesInteractorBase {
+        constructor(container) {
+            super(container);
+        }
+        clear() {
+        }
+        init() {
+        }
+        async interact(particle) {
+            const container = this.container, options = container.actualOptions;
+            if (options.interactivity.events.onHover.enable && container.interactivity.status === "pointermove") {
+                const mousePos = this.container.interactivity.mouse.position;
+                if (mousePos) {
+                    container.canvas.draw((ctx) => {
+                        (0, Utils_1.drawParticleShadow)(container, ctx, particle, mousePos);
+                    });
+                }
+            }
+        }
+        isEnabled(particle) {
+            var _a;
+            const container = this.container, interactivity = (_a = particle.interactivity) !== null && _a !== void 0 ? _a : container.actualOptions.interactivity, mouse = container.interactivity.mouse, events = interactivity.events;
+            if (!(events.onHover.enable && mouse.position)) {
+                return false;
+            }
+            const res = (0, engine_1.isInArray)("light", events.onHover.mode);
+            if (res && interactivity.modes.light) {
+                const shadowOptions = interactivity.modes.light.shadow;
+                particle.lightShadow = (0, engine_1.rangeColorToRgb)(shadowOptions.color);
+            }
+            return res;
+        }
+        reset() {
+        }
+    }
+    exports.ParticlesLighter = ParticlesLighter;
+});

package/umd/Types.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Utils.js

@@ -0,0 +1,73 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.drawParticleShadow = exports.drawLight = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    function drawLight(container, context, mousePos) {
+        var _a;
+        const lightOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.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_1.getStyleFromRgb)(gradientRgb.start));
+        gradientAmbientLight.addColorStop(1, (0, engine_1.getStyleFromRgb)(gradientRgb.stop));
+        context.fillStyle = gradientAmbientLight;
+        context.fill();
+    }
+    exports.drawLight = drawLight;
+    function drawParticleShadow(container, context, particle, mousePos) {
+        var _a;
+        const pos = particle.getPosition(), shadowOptions = (_a = container.actualOptions.interactivity.modes.light) === null || _a === void 0 ? void 0 : _a.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), endX = dot.x + shadowLength * Math.sin(-dotAngle - Math.PI / 2), endY = dot.y + shadowLength * Math.cos(-dotAngle - Math.PI / 2);
+            points.push({
+                endX: endX,
+                endY: endY,
+                startX: dot.x,
+                startY: dot.y,
+            });
+        }
+        const shadowColor = (0, engine_1.getStyleFromRgb)(shadowRgb);
+        for (let i = points.length - 1; i >= 0; i--) {
+            const n = i === points.length - 1 ? 0 : i + 1;
+            context.beginPath();
+            context.moveTo(points[i].startX, points[i].startY);
+            context.lineTo(points[n].startX, points[n].startY);
+            context.lineTo(points[n].endX, points[n].endY);
+            context.lineTo(points[i].endX, points[i].endY);
+            context.fillStyle = shadowColor;
+            context.fill();
+        }
+    }
+    exports.drawParticleShadow = drawParticleShadow;
+});

package/umd/index.js

@@ -0,0 +1,42 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./ExternalLighter", "./ParticlesLighter", "./Options/Classes/Light", "./Options/Classes/LightArea", "./Options/Classes/LightGradient", "./Options/Classes/LightShadow", "./Options/Interfaces/ILight", "./Options/Interfaces/ILightArea", "./Options/Interfaces/ILightGradient", "./Options/Interfaces/ILightShadow"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadLightInteraction = void 0;
+    const ExternalLighter_1 = require("./ExternalLighter");
+    const ParticlesLighter_1 = require("./ParticlesLighter");
+    function loadLightInteraction(engine) {
+        engine.addInteractor("externalLight", (container) => new ExternalLighter_1.ExternalLighter(container));
+        engine.addInteractor("particlesLight", (container) => new ParticlesLighter_1.ParticlesLighter(container));
+    }
+    exports.loadLightInteraction = loadLightInteraction;
+    __exportStar(require("./Options/Classes/Light"), exports);
+    __exportStar(require("./Options/Classes/LightArea"), exports);
+    __exportStar(require("./Options/Classes/LightGradient"), exports);
+    __exportStar(require("./Options/Classes/LightShadow"), exports);
+    __exportStar(require("./Options/Interfaces/ILight"), exports);
+    __exportStar(require("./Options/Interfaces/ILightArea"), exports);
+    __exportStar(require("./Options/Interfaces/ILightGradient"), exports);
+    __exportStar(require("./Options/Interfaces/ILightShadow"), exports);
+});