@tsparticles/interaction-external-cannon 4.0.0-beta.11 → 4.0.0-beta.15

package/dist_browser_Cannoner_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.11
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_interaction_external_cannon"] = this["webpackChunk_tsparticles_interaction_external_cannon"] || []).push([["dist_browser_Cannoner_js"],{
-
-/***/ "./dist/browser/Cannoner.js"
-/*!**********************************!*\
-  !*** ./dist/browser/Cannoner.js ***!
-  \**********************************/
-(__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 */   Cannoner: () => (/* binding */ Cannoner)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Cannon_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/Cannon.js */ \"./dist/browser/Options/Classes/Cannon.js\");\n\n\n\nvar CannonState;\n(function(CannonState) {\n    CannonState[CannonState[\"idle\"] = 0] = \"idle\";\n    CannonState[CannonState[\"aiming\"] = 1] = \"aiming\";\n    CannonState[CannonState[\"fired\"] = 2] = \"fired\";\n})(CannonState || (CannonState = {}));\nconst cannonMode = \"cannon\", minAngle = 0, powerRadiusMin = 4, powerRadiusMaxDenominator = 20, powerRadiusMaxFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.identity / powerRadiusMaxDenominator, minTapsLength = 2, piDeg = 180, quarter = 0.25, minDistance = 0;\nfunction angleRad(x0, y0, x1, y1) {\n    return Math.atan2(y1 - y0, x1 - x0);\n}\nclass Cannoner extends _tsparticles_plugin_interactivity__WEBPACK_IMPORTED_MODULE_0__.ExternalInteractorBase {\n    maxDistance = 0;\n    _data;\n    _gesture = {\n        origin: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.Vector.origin,\n        current: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.Vector.origin,\n        active: false\n    };\n    _lastDownPosition = undefined;\n    _state = CannonState.idle;\n    constructor(container){\n        super(container);\n    }\n    clear(_particle, _delta) {}\n    init() {\n        const options = this.container.actualOptions.interactivity?.modes.cannon ?? new _Options_Classes_Cannon_js__WEBPACK_IMPORTED_MODULE_2__.Cannon();\n        this._data = {\n            spread: (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.degToRad)(options.spread),\n            maxDragDistance: options.maxDragDistance,\n            velocityFactor: options.velocityFactor,\n            particleFactor: options.particleFactor,\n            minParticles: options.minParticles,\n            maxParticles: options.maxParticles,\n            drawVector: options.drawVector,\n            vectorColor: options.vectorColor\n        };\n    }\n    interact(interactivityData, _delta) {\n        const mouse = interactivityData.mouse, mousePos = mouse.position, clicking = mouse.clicking, downPos = mouse.downPosition;\n        if (clicking && downPos && downPos !== this._lastDownPosition && this._state === CannonState.idle) {\n            this._lastDownPosition = downPos;\n            this._gesture = {\n                origin: {\n                    x: downPos.x,\n                    y: downPos.y\n                },\n                current: {\n                    x: downPos.x,\n                    y: downPos.y\n                },\n                active: true\n            };\n            this._state = CannonState.aiming;\n        }\n        if (this._state === CannonState.aiming && mousePos) {\n            this._gesture.current = {\n                x: mousePos.x,\n                y: mousePos.y\n            };\n            this._drawVector();\n        }\n        if (!clicking && this._state === CannonState.aiming) {\n            this._gesture.active = false;\n            this._fire();\n            this._state = CannonState.idle;\n        }\n    }\n    isEnabled(interactivityData) {\n        const { container } = this, events = container.actualOptions.interactivity?.events;\n        if (!events?.onClick.enable) {\n            return false;\n        }\n        const modes = events.onClick.mode, modeEnabled = Array.isArray(modes) ? modes.includes(cannonMode) : modes === cannonMode;\n        if (!modeEnabled) {\n            return false;\n        }\n        return this._state !== CannonState.idle || interactivityData.mouse.clicking;\n    }\n    loadModeOptions(options, ...sources) {\n        options.cannon ??= new _Options_Classes_Cannon_js__WEBPACK_IMPORTED_MODULE_2__.Cannon();\n        for (const source of sources){\n            options.cannon.load(source?.cannon);\n        }\n    }\n    reset(_interactivityData, _particle) {}\n    _drawVector() {\n        this.container.canvas.render.draw((ctx)=>{\n            const opts = this._data;\n            if (!opts) {\n                return;\n            }\n            const { origin, current } = this._gesture, pxRatio = this.container.retina.pixelRatio, dragDist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistance)(origin, current), clampedDist = opts.maxDragDistance > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.none ? Math.min(dragDist, opts.maxDragDistance * pxRatio) : pxRatio, clampRatio = dragDist > minDistance ? clampedDist / dragDist : minDistance, clampedX = origin.x + (current.x - origin.x) * clampRatio, clampedY = origin.y + (current.y - origin.y) * clampRatio;\n            ctx.save();\n            ctx.strokeStyle = opts.vectorColor;\n            ctx.lineWidth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.double * pxRatio;\n            ctx.beginPath();\n            ctx.moveTo(origin.x, origin.y);\n            ctx.lineTo(clampedX, clampedY);\n            ctx.stroke();\n            const radius = Math.max(powerRadiusMin, clampedDist * powerRadiusMaxFactor) * pxRatio;\n            ctx.beginPath();\n            ctx.arc(origin.x, origin.y, radius, minAngle, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.doublePI);\n            ctx.strokeStyle = opts.vectorColor;\n            ctx.lineWidth = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.double * pxRatio;\n            ctx.stroke();\n            ctx.restore();\n        });\n    }\n    _fire() {\n        const opts = this._data;\n        if (!opts) {\n            return;\n        }\n        const { origin, current } = this._gesture, pxRatio = this.container.retina.pixelRatio, dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getDistance)(origin, current), dragLength = opts.maxDragDistance > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.none ? Math.min(dist, opts.maxDragDistance * pxRatio) : dist;\n        if (dragLength < minTapsLength) {\n            return;\n        }\n        const pxRatioFactor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.identity / pxRatio, launchAngle = angleRad(current.x, current.y, origin.x, origin.y), velocity = dragLength * pxRatioFactor * opts.velocityFactor, count = Math.min(opts.maxParticles, Math.max(opts.minParticles, Math.round(dragLength * opts.particleFactor))), toDeg = piDeg / Math.PI;\n        for(let i = 0; i < count; i++){\n            const spreadAngle = launchAngle + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandomInRange)(-opts.spread, opts.spread), speed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.getRandomInRange)(velocity * quarter, velocity);\n            this.container.particles.addParticle(origin, {\n                move: {\n                    enable: true,\n                    speed,\n                    direction: spreadAngle * toDeg\n                }\n            });\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/interaction-external-cannon/./dist/browser/Cannoner.js?\n}");
-
-/***/ }
-
-}]);