@tsparticles/slim 3.0.0-alpha.0 → 3.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -37
- package/browser/index.js +31 -39
- package/cjs/index.js +31 -50
- package/esm/index.js +31 -39
- package/package.json +52 -40
- package/report.html +4 -4
- package/tsparticles.slim.bundle.js +5232 -4516
- package/tsparticles.slim.bundle.min.js +1 -1
- package/tsparticles.slim.bundle.min.js.LICENSE.txt +1 -8
- package/tsparticles.slim.js +438 -150
- package/tsparticles.slim.min.js +1 -1
- package/tsparticles.slim.min.js.LICENSE.txt +1 -8
- package/types/index.d.ts +1 -1
- package/umd/index.js +32 -40
package/tsparticles.slim.js
CHANGED
|
@@ -4,22 +4,29 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v3.0.0-
|
|
7
|
+
* v3.0.0-beta.0
|
|
8
8
|
*/
|
|
9
9
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
10
10
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
11
|
-
module.exports = factory(require("@tsparticles/
|
|
11
|
+
module.exports = factory(require("@tsparticles/plugin-easing-quad"), require("@tsparticles/interaction-external-attract"), require("@tsparticles/interaction-external-bounce"), require("@tsparticles/interaction-external-bubble"), require("@tsparticles/interaction-external-connect"), require("@tsparticles/interaction-external-grab"), require("@tsparticles/interaction-external-pause"), require("@tsparticles/interaction-external-push"), require("@tsparticles/interaction-external-remove"), require("@tsparticles/interaction-external-repulse"), require("@tsparticles/interaction-external-slow"), require("@tsparticles/shape-image"), require("@tsparticles/updater-life"), require("@tsparticles/shape-line"), require("@tsparticles/move-parallax"), require("@tsparticles/interaction-particles-attract"), require("@tsparticles/interaction-particles-collisions"), require("@tsparticles/interaction-particles-links"), require("@tsparticles/shape-polygon"), require("@tsparticles/shape-square"), require("@tsparticles/shape-star"), require("@tsparticles/updater-stroke-color"), require("@tsparticles/shape-text"), require("@tsparticles/engine"), require("@tsparticles/move-base"), require("@tsparticles/shape-circle"), require("@tsparticles/updater-color"), require("@tsparticles/updater-opacity"), require("@tsparticles/updater-out-modes"), require("@tsparticles/updater-size"));
|
|
12
12
|
else if(typeof define === 'function' && define.amd)
|
|
13
|
-
define(["@tsparticles/
|
|
13
|
+
define(["@tsparticles/plugin-easing-quad", "@tsparticles/interaction-external-attract", "@tsparticles/interaction-external-bounce", "@tsparticles/interaction-external-bubble", "@tsparticles/interaction-external-connect", "@tsparticles/interaction-external-grab", "@tsparticles/interaction-external-pause", "@tsparticles/interaction-external-push", "@tsparticles/interaction-external-remove", "@tsparticles/interaction-external-repulse", "@tsparticles/interaction-external-slow", "@tsparticles/shape-image", "@tsparticles/updater-life", "@tsparticles/shape-line", "@tsparticles/move-parallax", "@tsparticles/interaction-particles-attract", "@tsparticles/interaction-particles-collisions", "@tsparticles/interaction-particles-links", "@tsparticles/shape-polygon", "@tsparticles/shape-square", "@tsparticles/shape-star", "@tsparticles/updater-stroke-color", "@tsparticles/shape-text", "@tsparticles/engine", "@tsparticles/move-base", "@tsparticles/shape-circle", "@tsparticles/updater-color", "@tsparticles/updater-opacity", "@tsparticles/updater-out-modes", "@tsparticles/updater-size"], factory);
|
|
14
14
|
else {
|
|
15
|
-
var a = typeof exports === 'object' ? factory(require("@tsparticles/
|
|
15
|
+
var a = typeof exports === 'object' ? factory(require("@tsparticles/plugin-easing-quad"), require("@tsparticles/interaction-external-attract"), require("@tsparticles/interaction-external-bounce"), require("@tsparticles/interaction-external-bubble"), require("@tsparticles/interaction-external-connect"), require("@tsparticles/interaction-external-grab"), require("@tsparticles/interaction-external-pause"), require("@tsparticles/interaction-external-push"), require("@tsparticles/interaction-external-remove"), require("@tsparticles/interaction-external-repulse"), require("@tsparticles/interaction-external-slow"), require("@tsparticles/shape-image"), require("@tsparticles/updater-life"), require("@tsparticles/shape-line"), require("@tsparticles/move-parallax"), require("@tsparticles/interaction-particles-attract"), require("@tsparticles/interaction-particles-collisions"), require("@tsparticles/interaction-particles-links"), require("@tsparticles/shape-polygon"), require("@tsparticles/shape-square"), require("@tsparticles/shape-star"), require("@tsparticles/updater-stroke-color"), require("@tsparticles/shape-text"), require("@tsparticles/engine"), require("@tsparticles/move-base"), require("@tsparticles/shape-circle"), require("@tsparticles/updater-color"), require("@tsparticles/updater-opacity"), require("@tsparticles/updater-out-modes"), require("@tsparticles/updater-size")) : factory(root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"], root["window"]);
|
|
16
16
|
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
17
17
|
}
|
|
18
|
-
})(this, (
|
|
18
|
+
})(this, (__WEBPACK_EXTERNAL_MODULE__194__, __WEBPACK_EXTERNAL_MODULE__517__, __WEBPACK_EXTERNAL_MODULE__201__, __WEBPACK_EXTERNAL_MODULE__721__, __WEBPACK_EXTERNAL_MODULE__971__, __WEBPACK_EXTERNAL_MODULE__625__, __WEBPACK_EXTERNAL_MODULE__591__, __WEBPACK_EXTERNAL_MODULE__381__, __WEBPACK_EXTERNAL_MODULE__440__, __WEBPACK_EXTERNAL_MODULE__186__, __WEBPACK_EXTERNAL_MODULE__165__, __WEBPACK_EXTERNAL_MODULE__885__, __WEBPACK_EXTERNAL_MODULE__84__, __WEBPACK_EXTERNAL_MODULE__137__, __WEBPACK_EXTERNAL_MODULE__575__, __WEBPACK_EXTERNAL_MODULE__266__, __WEBPACK_EXTERNAL_MODULE__611__, __WEBPACK_EXTERNAL_MODULE__164__, __WEBPACK_EXTERNAL_MODULE__907__, __WEBPACK_EXTERNAL_MODULE__652__, __WEBPACK_EXTERNAL_MODULE__960__, __WEBPACK_EXTERNAL_MODULE__204__, __WEBPACK_EXTERNAL_MODULE__727__, __WEBPACK_EXTERNAL_MODULE__533__, __WEBPACK_EXTERNAL_MODULE__619__, __WEBPACK_EXTERNAL_MODULE__163__, __WEBPACK_EXTERNAL_MODULE__501__, __WEBPACK_EXTERNAL_MODULE__686__, __WEBPACK_EXTERNAL_MODULE__290__, __WEBPACK_EXTERNAL_MODULE__2__) => {
|
|
19
19
|
return /******/ (() => { // webpackBootstrap
|
|
20
20
|
/******/ "use strict";
|
|
21
21
|
/******/ var __webpack_modules__ = ({
|
|
22
22
|
|
|
23
|
+
/***/ 533:
|
|
24
|
+
/***/ ((module) => {
|
|
25
|
+
|
|
26
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
|
|
27
|
+
|
|
28
|
+
/***/ }),
|
|
29
|
+
|
|
23
30
|
/***/ 517:
|
|
24
31
|
/***/ ((module) => {
|
|
25
32
|
|
|
@@ -125,10 +132,10 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__575__;
|
|
|
125
132
|
|
|
126
133
|
/***/ }),
|
|
127
134
|
|
|
128
|
-
/***/
|
|
135
|
+
/***/ 194:
|
|
129
136
|
/***/ ((module) => {
|
|
130
137
|
|
|
131
|
-
module.exports =
|
|
138
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__194__;
|
|
132
139
|
|
|
133
140
|
/***/ }),
|
|
134
141
|
|
|
@@ -181,13 +188,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__727__;
|
|
|
181
188
|
|
|
182
189
|
/***/ }),
|
|
183
190
|
|
|
184
|
-
/***/ 71:
|
|
185
|
-
/***/ ((module) => {
|
|
186
|
-
|
|
187
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__71__;
|
|
188
|
-
|
|
189
|
-
/***/ }),
|
|
190
|
-
|
|
191
191
|
/***/ 501:
|
|
192
192
|
/***/ ((module) => {
|
|
193
193
|
|
|
@@ -257,18 +257,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__204__;
|
|
|
257
257
|
/******/ }
|
|
258
258
|
/******/
|
|
259
259
|
/************************************************************************/
|
|
260
|
-
/******/ /* webpack/runtime/compat get default export */
|
|
261
|
-
/******/ (() => {
|
|
262
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
263
|
-
/******/ __webpack_require__.n = (module) => {
|
|
264
|
-
/******/ var getter = module && module.__esModule ?
|
|
265
|
-
/******/ () => (module['default']) :
|
|
266
|
-
/******/ () => (module);
|
|
267
|
-
/******/ __webpack_require__.d(getter, { a: getter });
|
|
268
|
-
/******/ return getter;
|
|
269
|
-
/******/ };
|
|
270
|
-
/******/ })();
|
|
271
|
-
/******/
|
|
272
260
|
/******/ /* webpack/runtime/define property getters */
|
|
273
261
|
/******/ (() => {
|
|
274
262
|
/******/ // define getter functions for harmony exports
|
|
@@ -301,131 +289,431 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__204__;
|
|
|
301
289
|
var __webpack_exports__ = {};
|
|
302
290
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
303
291
|
(() => {
|
|
292
|
+
// ESM COMPAT FLAG
|
|
304
293
|
__webpack_require__.r(__webpack_exports__);
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
294
|
+
|
|
295
|
+
// EXPORTS
|
|
296
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
297
|
+
loadSlim: () => (/* binding */ loadSlim)
|
|
298
|
+
});
|
|
299
|
+
|
|
300
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
|
|
301
|
+
var engine_root_window_ = __webpack_require__(533);
|
|
302
|
+
;// CONCATENATED MODULE: ../pjs/dist/esm/marcbruederlin/Particles.js
|
|
303
|
+
|
|
304
|
+
class Particles {
|
|
305
|
+
static init(options) {
|
|
306
|
+
const particles = new Particles(),
|
|
307
|
+
selector = options.selector;
|
|
308
|
+
if (!selector) {
|
|
309
|
+
throw new Error("No selector provided");
|
|
310
|
+
}
|
|
311
|
+
const el = document.querySelector(selector);
|
|
312
|
+
if (!el) {
|
|
313
|
+
throw new Error("No element found for selector");
|
|
314
|
+
}
|
|
315
|
+
engine_root_window_.tsParticles.load({
|
|
316
|
+
id: selector.replace(".", "").replace("!", ""),
|
|
317
|
+
element: el,
|
|
318
|
+
options: {
|
|
319
|
+
fullScreen: {
|
|
320
|
+
enable: false
|
|
321
|
+
},
|
|
322
|
+
particles: {
|
|
323
|
+
color: {
|
|
324
|
+
value: options.color ?? "!000000"
|
|
325
|
+
},
|
|
326
|
+
links: {
|
|
327
|
+
color: "random",
|
|
328
|
+
distance: options.minDistance ?? 120,
|
|
329
|
+
enable: options.connectParticles ?? false
|
|
330
|
+
},
|
|
331
|
+
move: {
|
|
332
|
+
enable: true,
|
|
333
|
+
speed: options.speed ?? 0.5
|
|
334
|
+
},
|
|
335
|
+
number: {
|
|
336
|
+
value: options.maxParticles ?? 100
|
|
337
|
+
},
|
|
338
|
+
size: {
|
|
339
|
+
value: {
|
|
340
|
+
min: 1,
|
|
341
|
+
max: options.sizeVariations ?? 3
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
},
|
|
345
|
+
responsive: options.responsive?.map(responsive => ({
|
|
346
|
+
maxWidth: responsive.breakpoint,
|
|
347
|
+
options: {
|
|
348
|
+
particles: {
|
|
349
|
+
color: {
|
|
350
|
+
value: responsive.options?.color
|
|
351
|
+
},
|
|
352
|
+
links: {
|
|
353
|
+
distance: responsive.options?.minDistance,
|
|
354
|
+
enable: responsive.options?.connectParticles
|
|
355
|
+
},
|
|
356
|
+
number: {
|
|
357
|
+
value: options.maxParticles
|
|
358
|
+
},
|
|
359
|
+
move: {
|
|
360
|
+
enable: true,
|
|
361
|
+
speed: responsive.options?.speed
|
|
362
|
+
},
|
|
363
|
+
size: {
|
|
364
|
+
value: responsive.options?.sizeVariations
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
}))
|
|
369
|
+
}
|
|
370
|
+
}).then(container => {
|
|
371
|
+
particles._container = container;
|
|
372
|
+
});
|
|
373
|
+
return particles;
|
|
374
|
+
}
|
|
375
|
+
destroy() {
|
|
376
|
+
const container = this._container;
|
|
377
|
+
container && container.destroy();
|
|
378
|
+
}
|
|
379
|
+
pauseAnimation() {
|
|
380
|
+
const container = this._container;
|
|
381
|
+
container && container.pause();
|
|
382
|
+
}
|
|
383
|
+
resumeAnimation() {
|
|
384
|
+
const container = this._container;
|
|
385
|
+
container && container.play();
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
;// CONCATENATED MODULE: ../pjs/dist/esm/VincentGarreau/particles.js
|
|
389
|
+
const initParticlesJS = engine => {
|
|
390
|
+
const particlesJS = (tagId, options) => {
|
|
391
|
+
return engine.load({
|
|
392
|
+
id: tagId,
|
|
393
|
+
options
|
|
394
|
+
});
|
|
395
|
+
};
|
|
396
|
+
particlesJS.load = (tagId, pathConfigJson, callback) => {
|
|
397
|
+
engine.load({
|
|
398
|
+
id: tagId,
|
|
399
|
+
url: pathConfigJson
|
|
400
|
+
}).then(container => {
|
|
401
|
+
if (container) {
|
|
402
|
+
callback(container);
|
|
403
|
+
}
|
|
404
|
+
}).catch(() => {
|
|
405
|
+
callback(undefined);
|
|
406
|
+
});
|
|
407
|
+
};
|
|
408
|
+
particlesJS.setOnClickHandler = callback => {
|
|
409
|
+
engine.setOnClickHandler(callback);
|
|
410
|
+
};
|
|
411
|
+
const pJSDom = engine.dom();
|
|
412
|
+
return {
|
|
413
|
+
particlesJS,
|
|
414
|
+
pJSDom
|
|
415
|
+
};
|
|
416
|
+
};
|
|
417
|
+
|
|
418
|
+
;// CONCATENATED MODULE: ../pjs/dist/esm/index.js
|
|
419
|
+
|
|
420
|
+
|
|
421
|
+
const initPjs = engine => {
|
|
422
|
+
const {
|
|
423
|
+
particlesJS,
|
|
424
|
+
pJSDom
|
|
425
|
+
} = initParticlesJS(engine);
|
|
426
|
+
window.particlesJS = particlesJS;
|
|
427
|
+
window.pJSDom = pJSDom;
|
|
428
|
+
window.Particles = Particles;
|
|
429
|
+
return {
|
|
430
|
+
particlesJS,
|
|
431
|
+
pJSDom,
|
|
432
|
+
Particles: Particles
|
|
433
|
+
};
|
|
434
|
+
};
|
|
435
|
+
|
|
436
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/move-base","commonjs2":"@tsparticles/move-base","amd":"@tsparticles/move-base","root":"window"}
|
|
437
|
+
var move_base_root_window_ = __webpack_require__(619);
|
|
438
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-circle","commonjs2":"@tsparticles/shape-circle","amd":"@tsparticles/shape-circle","root":"window"}
|
|
439
|
+
var shape_circle_root_window_ = __webpack_require__(163);
|
|
440
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-color","commonjs2":"@tsparticles/updater-color","amd":"@tsparticles/updater-color","root":"window"}
|
|
441
|
+
var updater_color_root_window_ = __webpack_require__(501);
|
|
442
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-opacity","commonjs2":"@tsparticles/updater-opacity","amd":"@tsparticles/updater-opacity","root":"window"}
|
|
443
|
+
var updater_opacity_root_window_ = __webpack_require__(686);
|
|
444
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-out-modes","commonjs2":"@tsparticles/updater-out-modes","amd":"@tsparticles/updater-out-modes","root":"window"}
|
|
445
|
+
var updater_out_modes_root_window_ = __webpack_require__(290);
|
|
446
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-size","commonjs2":"@tsparticles/updater-size","amd":"@tsparticles/updater-size","root":"window"}
|
|
447
|
+
var updater_size_root_window_ = __webpack_require__(2);
|
|
448
|
+
;// CONCATENATED MODULE: ../basic/dist/esm/index.js
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
|
|
452
|
+
|
|
453
|
+
|
|
454
|
+
|
|
455
|
+
async function loadBasic(engine, refresh = true) {
|
|
456
|
+
await (0,move_base_root_window_.loadBaseMover)(engine, false);
|
|
457
|
+
await (0,shape_circle_root_window_.loadCircleShape)(engine, false);
|
|
458
|
+
await (0,updater_color_root_window_.loadColorUpdater)(engine, false);
|
|
459
|
+
await (0,updater_opacity_root_window_.loadOpacityUpdater)(engine, false);
|
|
460
|
+
await (0,updater_out_modes_root_window_.loadOutModesUpdater)(engine, false);
|
|
461
|
+
await (0,updater_size_root_window_.loadSizeUpdater)(engine, false);
|
|
462
|
+
await engine.refresh(refresh);
|
|
463
|
+
}
|
|
464
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/plugin-easing-quad","commonjs2":"@tsparticles/plugin-easing-quad","amd":"@tsparticles/plugin-easing-quad","root":"window"}
|
|
465
|
+
var plugin_easing_quad_root_window_ = __webpack_require__(194);
|
|
466
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-attract","commonjs2":"@tsparticles/interaction-external-attract","amd":"@tsparticles/interaction-external-attract","root":"window"}
|
|
467
|
+
var interaction_external_attract_root_window_ = __webpack_require__(517);
|
|
468
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-bounce","commonjs2":"@tsparticles/interaction-external-bounce","amd":"@tsparticles/interaction-external-bounce","root":"window"}
|
|
469
|
+
var interaction_external_bounce_root_window_ = __webpack_require__(201);
|
|
470
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-bubble","commonjs2":"@tsparticles/interaction-external-bubble","amd":"@tsparticles/interaction-external-bubble","root":"window"}
|
|
471
|
+
var interaction_external_bubble_root_window_ = __webpack_require__(721);
|
|
472
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-connect","commonjs2":"@tsparticles/interaction-external-connect","amd":"@tsparticles/interaction-external-connect","root":"window"}
|
|
473
|
+
var interaction_external_connect_root_window_ = __webpack_require__(971);
|
|
474
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-grab","commonjs2":"@tsparticles/interaction-external-grab","amd":"@tsparticles/interaction-external-grab","root":"window"}
|
|
475
|
+
var interaction_external_grab_root_window_ = __webpack_require__(625);
|
|
476
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-pause","commonjs2":"@tsparticles/interaction-external-pause","amd":"@tsparticles/interaction-external-pause","root":"window"}
|
|
477
|
+
var interaction_external_pause_root_window_ = __webpack_require__(591);
|
|
478
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-push","commonjs2":"@tsparticles/interaction-external-push","amd":"@tsparticles/interaction-external-push","root":"window"}
|
|
479
|
+
var interaction_external_push_root_window_ = __webpack_require__(381);
|
|
480
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-remove","commonjs2":"@tsparticles/interaction-external-remove","amd":"@tsparticles/interaction-external-remove","root":"window"}
|
|
481
|
+
var interaction_external_remove_root_window_ = __webpack_require__(440);
|
|
482
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-repulse","commonjs2":"@tsparticles/interaction-external-repulse","amd":"@tsparticles/interaction-external-repulse","root":"window"}
|
|
483
|
+
var interaction_external_repulse_root_window_ = __webpack_require__(186);
|
|
484
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-external-slow","commonjs2":"@tsparticles/interaction-external-slow","amd":"@tsparticles/interaction-external-slow","root":"window"}
|
|
485
|
+
var interaction_external_slow_root_window_ = __webpack_require__(165);
|
|
486
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-image","commonjs2":"@tsparticles/shape-image","amd":"@tsparticles/shape-image","root":"window"}
|
|
487
|
+
var shape_image_root_window_ = __webpack_require__(885);
|
|
488
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-life","commonjs2":"@tsparticles/updater-life","amd":"@tsparticles/updater-life","root":"window"}
|
|
489
|
+
var updater_life_root_window_ = __webpack_require__(84);
|
|
490
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-line","commonjs2":"@tsparticles/shape-line","amd":"@tsparticles/shape-line","root":"window"}
|
|
491
|
+
var shape_line_root_window_ = __webpack_require__(137);
|
|
492
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/move-parallax","commonjs2":"@tsparticles/move-parallax","amd":"@tsparticles/move-parallax","root":"window"}
|
|
493
|
+
var move_parallax_root_window_ = __webpack_require__(575);
|
|
494
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-particles-attract","commonjs2":"@tsparticles/interaction-particles-attract","amd":"@tsparticles/interaction-particles-attract","root":"window"}
|
|
495
|
+
var interaction_particles_attract_root_window_ = __webpack_require__(266);
|
|
496
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-particles-collisions","commonjs2":"@tsparticles/interaction-particles-collisions","amd":"@tsparticles/interaction-particles-collisions","root":"window"}
|
|
497
|
+
var interaction_particles_collisions_root_window_ = __webpack_require__(611);
|
|
498
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/interaction-particles-links","commonjs2":"@tsparticles/interaction-particles-links","amd":"@tsparticles/interaction-particles-links","root":"window"}
|
|
499
|
+
var interaction_particles_links_root_window_ = __webpack_require__(164);
|
|
500
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-polygon","commonjs2":"@tsparticles/shape-polygon","amd":"@tsparticles/shape-polygon","root":"window"}
|
|
501
|
+
var shape_polygon_root_window_ = __webpack_require__(907);
|
|
502
|
+
;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/Options/Classes/RotateAnimation.js
|
|
503
|
+
|
|
504
|
+
class RotateAnimation {
|
|
505
|
+
constructor() {
|
|
506
|
+
this.enable = false;
|
|
507
|
+
this.speed = 0;
|
|
508
|
+
this.decay = 0;
|
|
509
|
+
this.sync = false;
|
|
510
|
+
}
|
|
511
|
+
load(data) {
|
|
512
|
+
if (!data) {
|
|
513
|
+
return;
|
|
514
|
+
}
|
|
515
|
+
if (data.enable !== undefined) {
|
|
516
|
+
this.enable = data.enable;
|
|
517
|
+
}
|
|
518
|
+
if (data.speed !== undefined) {
|
|
519
|
+
this.speed = (0,engine_root_window_.setRangeValue)(data.speed);
|
|
520
|
+
}
|
|
521
|
+
if (data.decay !== undefined) {
|
|
522
|
+
this.decay = (0,engine_root_window_.setRangeValue)(data.decay);
|
|
523
|
+
}
|
|
524
|
+
if (data.sync !== undefined) {
|
|
525
|
+
this.sync = data.sync;
|
|
526
|
+
}
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/Options/Classes/Rotate.js
|
|
530
|
+
|
|
531
|
+
|
|
532
|
+
class Rotate extends engine_root_window_.ValueWithRandom {
|
|
533
|
+
constructor() {
|
|
534
|
+
super();
|
|
535
|
+
this.animation = new RotateAnimation();
|
|
536
|
+
this.direction = "clockwise";
|
|
537
|
+
this.path = false;
|
|
538
|
+
this.value = 0;
|
|
539
|
+
}
|
|
540
|
+
load(data) {
|
|
541
|
+
if (!data) {
|
|
542
|
+
return;
|
|
543
|
+
}
|
|
544
|
+
super.load(data);
|
|
545
|
+
if (data.direction !== undefined) {
|
|
546
|
+
this.direction = data.direction;
|
|
547
|
+
}
|
|
548
|
+
this.animation.load(data.animation);
|
|
549
|
+
if (data.path !== undefined) {
|
|
550
|
+
this.path = data.path;
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/RotateUpdater.js
|
|
555
|
+
|
|
556
|
+
|
|
557
|
+
function updateRotate(particle, delta) {
|
|
558
|
+
const rotate = particle.rotate,
|
|
559
|
+
rotateOptions = particle.options.rotate;
|
|
560
|
+
if (!rotate || !rotateOptions) {
|
|
561
|
+
return;
|
|
562
|
+
}
|
|
563
|
+
const rotateAnimation = rotateOptions.animation,
|
|
564
|
+
speed = (rotate.velocity ?? 0) * delta.factor,
|
|
565
|
+
max = 2 * Math.PI,
|
|
566
|
+
decay = rotate.decay ?? 1;
|
|
567
|
+
if (!rotateAnimation.enable) {
|
|
568
|
+
return;
|
|
569
|
+
}
|
|
570
|
+
switch (rotate.status) {
|
|
571
|
+
case "increasing":
|
|
572
|
+
rotate.value += speed;
|
|
573
|
+
if (rotate.value > max) {
|
|
574
|
+
rotate.value -= max;
|
|
575
|
+
}
|
|
576
|
+
break;
|
|
577
|
+
case "decreasing":
|
|
578
|
+
default:
|
|
579
|
+
rotate.value -= speed;
|
|
580
|
+
if (rotate.value < 0) {
|
|
581
|
+
rotate.value += max;
|
|
582
|
+
}
|
|
583
|
+
break;
|
|
584
|
+
}
|
|
585
|
+
if (rotate.velocity && decay !== 1) {
|
|
586
|
+
rotate.velocity *= decay;
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
class RotateUpdater {
|
|
590
|
+
constructor(container) {
|
|
591
|
+
this.container = container;
|
|
592
|
+
}
|
|
593
|
+
init(particle) {
|
|
594
|
+
const rotateOptions = particle.options.rotate;
|
|
595
|
+
if (!rotateOptions) {
|
|
596
|
+
return;
|
|
597
|
+
}
|
|
598
|
+
particle.rotate = {
|
|
599
|
+
enable: rotateOptions.animation.enable,
|
|
600
|
+
value: (0,engine_root_window_.getRangeValue)(rotateOptions.value) * Math.PI / 180
|
|
601
|
+
};
|
|
602
|
+
particle.pathRotation = rotateOptions.path;
|
|
603
|
+
let rotateDirection = rotateOptions.direction;
|
|
604
|
+
if (rotateDirection === "random") {
|
|
605
|
+
const index = Math.floor((0,engine_root_window_.getRandom)() * 2);
|
|
606
|
+
rotateDirection = index > 0 ? "counter-clockwise" : "clockwise";
|
|
607
|
+
}
|
|
608
|
+
switch (rotateDirection) {
|
|
609
|
+
case "counter-clockwise":
|
|
610
|
+
case "counterClockwise":
|
|
611
|
+
particle.rotate.status = "decreasing";
|
|
612
|
+
break;
|
|
613
|
+
case "clockwise":
|
|
614
|
+
particle.rotate.status = "increasing";
|
|
615
|
+
break;
|
|
616
|
+
}
|
|
617
|
+
const rotateAnimation = rotateOptions.animation;
|
|
618
|
+
if (rotateAnimation.enable) {
|
|
619
|
+
particle.rotate.decay = 1 - (0,engine_root_window_.getRangeValue)(rotateAnimation.decay);
|
|
620
|
+
particle.rotate.velocity = (0,engine_root_window_.getRangeValue)(rotateAnimation.speed) / 360 * this.container.retina.reduceFactor;
|
|
621
|
+
if (!rotateAnimation.sync) {
|
|
622
|
+
particle.rotate.velocity *= (0,engine_root_window_.getRandom)();
|
|
623
|
+
}
|
|
624
|
+
}
|
|
625
|
+
particle.rotation = particle.rotate.value;
|
|
626
|
+
}
|
|
627
|
+
isEnabled(particle) {
|
|
628
|
+
const rotate = particle.options.rotate;
|
|
629
|
+
if (!rotate) {
|
|
630
|
+
return false;
|
|
631
|
+
}
|
|
632
|
+
return !particle.destroyed && !particle.spawning && rotate.animation.enable && !rotate.path;
|
|
633
|
+
}
|
|
634
|
+
loadOptions(options, ...sources) {
|
|
635
|
+
if (!options.rotate) {
|
|
636
|
+
options.rotate = new Rotate();
|
|
637
|
+
}
|
|
638
|
+
for (const source of sources) {
|
|
639
|
+
options.rotate.load(source?.rotate);
|
|
640
|
+
}
|
|
641
|
+
}
|
|
642
|
+
update(particle, delta) {
|
|
643
|
+
if (!this.isEnabled(particle)) {
|
|
644
|
+
return;
|
|
645
|
+
}
|
|
646
|
+
updateRotate(particle, delta);
|
|
647
|
+
particle.rotation = particle.rotate?.value ?? 0;
|
|
648
|
+
}
|
|
649
|
+
}
|
|
650
|
+
;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/index.js
|
|
651
|
+
|
|
652
|
+
async function loadRotateUpdater(engine, refresh = true) {
|
|
653
|
+
await engine.addParticleUpdater("rotate", container => new RotateUpdater(container), refresh);
|
|
654
|
+
}
|
|
655
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-square","commonjs2":"@tsparticles/shape-square","amd":"@tsparticles/shape-square","root":"window"}
|
|
656
|
+
var shape_square_root_window_ = __webpack_require__(652);
|
|
657
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-star","commonjs2":"@tsparticles/shape-star","amd":"@tsparticles/shape-star","root":"window"}
|
|
658
|
+
var shape_star_root_window_ = __webpack_require__(960);
|
|
659
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/updater-stroke-color","commonjs2":"@tsparticles/updater-stroke-color","amd":"@tsparticles/updater-stroke-color","root":"window"}
|
|
660
|
+
var updater_stroke_color_root_window_ = __webpack_require__(204);
|
|
661
|
+
// EXTERNAL MODULE: external {"commonjs":"@tsparticles/shape-text","commonjs2":"@tsparticles/shape-text","amd":"@tsparticles/shape-text","root":"window"}
|
|
662
|
+
var shape_text_root_window_ = __webpack_require__(727);
|
|
663
|
+
;// CONCATENATED MODULE: ./dist/browser/index.js
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
|
|
667
|
+
|
|
668
|
+
|
|
669
|
+
|
|
670
|
+
|
|
671
|
+
|
|
672
|
+
|
|
673
|
+
|
|
674
|
+
|
|
675
|
+
|
|
676
|
+
|
|
677
|
+
|
|
678
|
+
|
|
679
|
+
|
|
680
|
+
|
|
681
|
+
|
|
682
|
+
|
|
683
|
+
|
|
684
|
+
|
|
685
|
+
|
|
686
|
+
|
|
687
|
+
|
|
688
|
+
|
|
689
|
+
|
|
690
|
+
async function loadSlim(engine, refresh = true) {
|
|
691
|
+
initPjs(engine);
|
|
692
|
+
await (0,move_parallax_root_window_.loadParallaxMover)(engine, false);
|
|
693
|
+
await (0,interaction_external_attract_root_window_.loadExternalAttractInteraction)(engine, false);
|
|
694
|
+
await (0,interaction_external_bounce_root_window_.loadExternalBounceInteraction)(engine, false);
|
|
695
|
+
await (0,interaction_external_bubble_root_window_.loadExternalBubbleInteraction)(engine, false);
|
|
696
|
+
await (0,interaction_external_connect_root_window_.loadExternalConnectInteraction)(engine, false);
|
|
697
|
+
await (0,interaction_external_grab_root_window_.loadExternalGrabInteraction)(engine, false);
|
|
698
|
+
await (0,interaction_external_pause_root_window_.loadExternalPauseInteraction)(engine, false);
|
|
699
|
+
await (0,interaction_external_push_root_window_.loadExternalPushInteraction)(engine, false);
|
|
700
|
+
await (0,interaction_external_remove_root_window_.loadExternalRemoveInteraction)(engine, false);
|
|
701
|
+
await (0,interaction_external_repulse_root_window_.loadExternalRepulseInteraction)(engine, false);
|
|
702
|
+
await (0,interaction_external_slow_root_window_.loadExternalSlowInteraction)(engine, false);
|
|
703
|
+
await (0,interaction_particles_attract_root_window_.loadParticlesAttractInteraction)(engine, false);
|
|
704
|
+
await (0,interaction_particles_collisions_root_window_.loadParticlesCollisionsInteraction)(engine, false);
|
|
705
|
+
await (0,interaction_particles_links_root_window_.loadParticlesLinksInteraction)(engine, false);
|
|
706
|
+
await (0,plugin_easing_quad_root_window_.loadEasingQuadPlugin)();
|
|
707
|
+
await (0,shape_image_root_window_.loadImageShape)(engine, false);
|
|
708
|
+
await (0,shape_line_root_window_.loadLineShape)(engine, false);
|
|
709
|
+
await (0,shape_polygon_root_window_.loadPolygonShape)(engine, false);
|
|
710
|
+
await (0,shape_square_root_window_.loadSquareShape)(engine, false);
|
|
711
|
+
await (0,shape_star_root_window_.loadStarShape)(engine, false);
|
|
712
|
+
await (0,shape_text_root_window_.loadTextShape)(engine, false);
|
|
713
|
+
await (0,updater_life_root_window_.loadLifeUpdater)(engine, false);
|
|
714
|
+
await loadRotateUpdater(engine, false);
|
|
715
|
+
await (0,updater_stroke_color_root_window_.loadStrokeColorUpdater)(engine, false);
|
|
716
|
+
await loadBasic(engine, refresh);
|
|
429
717
|
}
|
|
430
718
|
})();
|
|
431
719
|
|