@tsparticles/configs 4.2.1 → 4.3.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.
Files changed (558) hide show
  1. package/browser/a/absorbers.js +1 -1
  2. package/browser/b/backgroundCanvas.js +68 -0
  3. package/browser/b/backgroundMask.js +3 -3
  4. package/browser/b/backgroundMaskDraw.js +71 -0
  5. package/browser/b/backgroundMaskImage.js +2 -2
  6. package/browser/b/basic.js +2 -2
  7. package/browser/b/bigBlend.js +1 -1
  8. package/browser/b/bigBlendCombo.js +1 -1
  9. package/browser/b/bigBlendParticle.js +1 -1
  10. package/browser/b/blackHole.js +2 -2
  11. package/browser/b/bubble.js +1 -1
  12. package/browser/b/index.js +4 -0
  13. package/browser/c/cardSuits.js +3 -3
  14. package/browser/c/cards.js +3 -3
  15. package/browser/c/cardsRolling.js +3 -3
  16. package/browser/c/chars.js +1 -1
  17. package/browser/c/clickPause.js +2 -2
  18. package/browser/c/collisionsAbsorb.js +2 -2
  19. package/browser/c/collisionsBounce.js +2 -2
  20. package/browser/c/collisionsDestroy.js +1 -1
  21. package/browser/c/colorAnimation.js +1 -1
  22. package/browser/c/colors.js +1 -1
  23. package/browser/c/connect.js +4 -4
  24. package/browser/c/curlNoise.js +2 -2
  25. package/browser/d/dataImages.js +1 -1
  26. package/browser/d/delay.js +2 -2
  27. package/browser/d/delayColor.js +1 -1
  28. package/browser/d/delayOpacity.js +2 -2
  29. package/browser/d/delaySize.js +2 -2
  30. package/browser/d/delayStrokeColor.js +1 -1
  31. package/browser/d/destroy.js +2 -2
  32. package/browser/d/destroyExplode.js +1 -1
  33. package/browser/d/disappearing.js +1 -1
  34. package/browser/d/divEvents.js +3 -3
  35. package/browser/e/effectBubble.js +1 -1
  36. package/browser/e/effectFilter.js +1 -1
  37. package/browser/e/effectParticles.js +1 -1
  38. package/browser/e/effectTrail.js +1 -1
  39. package/browser/e/effectTrailTransform.js +1 -1
  40. package/browser/e/emitter.js +3 -3
  41. package/browser/e/emitterAbsorber.js +3 -3
  42. package/browser/e/emitterAngled.js +1 -1
  43. package/browser/e/emitterImageShape.js +1 -1
  44. package/browser/e/emitterImages.js +1 -1
  45. package/browser/e/emitterPaths.js +3 -3
  46. package/browser/e/emitterShapes.js +2 -2
  47. package/browser/e/emitterSpawnColor.js +1 -1
  48. package/browser/e/emitterTextShape.js +1 -1
  49. package/browser/e/emitterTextStrokeShape.js +1 -1
  50. package/browser/f/fallingConfetti.js +1 -1
  51. package/browser/f/fallingConfettiWithRibbons.js +1 -1
  52. package/browser/f/fireworks.js +3 -3
  53. package/browser/f/fireworks2.js +2 -2
  54. package/browser/f/fireworks3.js +1 -1
  55. package/browser/f/fireworksMask.js +3 -3
  56. package/browser/f/fontawesome.js +3 -3
  57. package/browser/f/forward.js +1 -1
  58. package/browser/g/gifs.js +2 -3
  59. package/browser/g/grabRandomColor.js +2 -2
  60. package/browser/g/gradients.js +7 -7
  61. package/browser/g/gravity.js +3 -3
  62. package/browser/g/groups.js +2 -2
  63. package/browser/g/growing.js +2 -2
  64. package/browser/h/hexagonPath.js +2 -2
  65. package/browser/h/hollowknight.js +4 -4
  66. package/browser/h/hyperspace.js +2 -2
  67. package/browser/i/imageMask.js +1 -1
  68. package/browser/i/imageMaskRepulse.js +1 -1
  69. package/browser/i/images.js +1 -1
  70. package/browser/i/imagesDirections.js +2 -2
  71. package/browser/i/infection.js +2 -2
  72. package/browser/l/lch.js +2 -2
  73. package/browser/l/life.js +2 -2
  74. package/browser/l/linkTriangles.js +2 -2
  75. package/browser/l/localPolygonMask.js +4 -4
  76. package/browser/m/manual.js +2 -2
  77. package/browser/m/matrix.js +2 -2
  78. package/browser/m/meteors.js +2 -2
  79. package/browser/m/motionDisable.js +2 -2
  80. package/browser/m/motionReduce.js +2 -2
  81. package/browser/m/mouseAttract.js +2 -2
  82. package/browser/m/mouseBounce.js +2 -2
  83. package/browser/m/mouseCannon.js +2 -2
  84. package/browser/m/mouseDrag.js +1 -1
  85. package/browser/m/mouseDragMomentum.js +1 -1
  86. package/browser/m/mouseFollow.js +2 -2
  87. package/browser/m/mouseParticle2.js +2 -2
  88. package/browser/m/mouseTrail.js +2 -2
  89. package/browser/m/mouseTrailNoise.js +1 -1
  90. package/browser/m/moveAngle.js +2 -2
  91. package/browser/m/moveDistance.js +2 -2
  92. package/browser/m/moveInside.js +1 -1
  93. package/browser/m/moveOutside.js +1 -1
  94. package/browser/m/multiplePolygonMasks.js +2 -2
  95. package/browser/n/namedColors.js +1 -1
  96. package/browser/n/nasa.js +1 -1
  97. package/browser/n/noisePlanesFractal.js +1 -1
  98. package/browser/n/noisePlanesPerlin.js +1 -1
  99. package/browser/n/noisePlanesSimplex.js +1 -1
  100. package/browser/n/nyancat.js +1 -1
  101. package/browser/n/nyancat2.js +1 -1
  102. package/browser/o/oklch.js +2 -2
  103. package/browser/o/orbit.js +1 -1
  104. package/browser/p/parallax.js +2 -2
  105. package/browser/p/pathBranches.js +1 -1
  106. package/browser/p/pathBranchesInertia.js +1 -1
  107. package/browser/p/pathBrownian.js +1 -1
  108. package/browser/p/pathGrid.js +1 -1
  109. package/browser/p/pathLevy.js +1 -1
  110. package/browser/p/pathMaze.js +1 -1
  111. package/browser/p/pathPolygonMask.js +4 -4
  112. package/browser/p/pathSpiral.js +1 -1
  113. package/browser/p/pathSvg.js +2 -2
  114. package/browser/p/pathZigZag.js +2 -2
  115. package/browser/p/plasma.js +2 -2
  116. package/browser/p/poisson.js +2 -2
  117. package/browser/p/polygonMask.js +4 -4
  118. package/browser/p/polygons.js +2 -2
  119. package/browser/p/pop.js +1 -1
  120. package/browser/palettes.js +1 -1
  121. package/browser/r/random.js +2 -2
  122. package/browser/r/randomShapes.js +4 -4
  123. package/browser/r/reduceDuplicates.js +2 -2
  124. package/browser/r/repulse.js +2 -2
  125. package/browser/r/repulseBack.js +2 -2
  126. package/browser/r/repulseBounce.js +2 -2
  127. package/browser/r/repulseCirc.js +2 -2
  128. package/browser/r/repulseCubic.js +2 -2
  129. package/browser/r/repulseElastic.js +2 -2
  130. package/browser/r/repulseExpo.js +2 -2
  131. package/browser/r/repulseGaussian.js +2 -2
  132. package/browser/r/repulseQuart.js +2 -2
  133. package/browser/r/repulseQuint.js +2 -2
  134. package/browser/r/repulseSigmoid.js +2 -2
  135. package/browser/r/repulseSine.js +2 -2
  136. package/browser/r/repulseSmoothstep.js +2 -2
  137. package/browser/r/responsive.js +2 -2
  138. package/browser/r/ring.js +1 -1
  139. package/browser/s/seaAnemone.js +2 -2
  140. package/browser/s/shadow.js +4 -4
  141. package/browser/s/shapeArrow.js +1 -1
  142. package/browser/s/shapeCog.js +2 -2
  143. package/browser/s/shapeEmoji.js +1 -1
  144. package/browser/s/shapeEmojiPadding.js +1 -1
  145. package/browser/s/shapeHeart.js +2 -2
  146. package/browser/s/shapeInfinity.js +1 -1
  147. package/browser/s/shapeMultilineText.js +1 -1
  148. package/browser/s/shapeOptions.js +1 -1
  149. package/browser/s/shapePath.js +1 -1
  150. package/browser/s/shapeRibbon.js +2 -2
  151. package/browser/s/shapeRoundedPolygon.js +1 -1
  152. package/browser/s/shapeRoundedRect.js +1 -1
  153. package/browser/s/shapeSpiral.js +2 -2
  154. package/browser/s/shapeSquircle.js +2 -2
  155. package/browser/s/slow.js +2 -2
  156. package/browser/s/snow.js +1 -1
  157. package/browser/s/soundsAudio.js +1 -1
  158. package/browser/s/soundsLoop.js +1 -1
  159. package/browser/s/soundsMelodies.js +1 -1
  160. package/browser/s/soundsMelodyLoop.js +1 -1
  161. package/browser/s/soundsNotes.js +1 -1
  162. package/browser/s/speedDecay.js +3 -3
  163. package/browser/s/spin.js +2 -2
  164. package/browser/s/star.js +2 -2
  165. package/browser/s/strokeAnimation.js +2 -2
  166. package/browser/s/style.js +2 -2
  167. package/browser/s/svgReplace.js +2 -2
  168. package/browser/t/test.js +2 -2
  169. package/browser/t/textMask.js +1 -1
  170. package/browser/t/textMaskMultiline.js +1 -1
  171. package/browser/t/themes.js +10 -10
  172. package/browser/t/tilt.js +1 -1
  173. package/browser/t/trail.js +2 -2
  174. package/browser/t/trailImage.js +2 -2
  175. package/browser/t/triangles.js +1 -1
  176. package/browser/t/tunnel.js +3 -3
  177. package/browser/t/twinkle.js +1 -1
  178. package/browser/v/vibrate.js +2 -2
  179. package/browser/v/virus.js +1 -1
  180. package/browser/w/warp.js +2 -2
  181. package/browser/w/wobble.js +1 -1
  182. package/browser/w/wobbleBig.js +1 -1
  183. package/browser/z/zIndex.js +2 -2
  184. package/cjs/a/absorbers.js +1 -1
  185. package/cjs/b/backgroundCanvas.js +68 -0
  186. package/cjs/b/backgroundMask.js +3 -3
  187. package/cjs/b/backgroundMaskDraw.js +71 -0
  188. package/cjs/b/backgroundMaskImage.js +2 -2
  189. package/cjs/b/basic.js +2 -2
  190. package/cjs/b/bigBlend.js +1 -1
  191. package/cjs/b/bigBlendCombo.js +1 -1
  192. package/cjs/b/bigBlendParticle.js +1 -1
  193. package/cjs/b/blackHole.js +2 -2
  194. package/cjs/b/bubble.js +1 -1
  195. package/cjs/b/index.js +4 -0
  196. package/cjs/c/cardSuits.js +3 -3
  197. package/cjs/c/cards.js +3 -3
  198. package/cjs/c/cardsRolling.js +3 -3
  199. package/cjs/c/chars.js +1 -1
  200. package/cjs/c/clickPause.js +2 -2
  201. package/cjs/c/collisionsAbsorb.js +2 -2
  202. package/cjs/c/collisionsBounce.js +2 -2
  203. package/cjs/c/collisionsDestroy.js +1 -1
  204. package/cjs/c/colorAnimation.js +1 -1
  205. package/cjs/c/colors.js +1 -1
  206. package/cjs/c/connect.js +4 -4
  207. package/cjs/c/curlNoise.js +2 -2
  208. package/cjs/d/dataImages.js +1 -1
  209. package/cjs/d/delay.js +2 -2
  210. package/cjs/d/delayColor.js +1 -1
  211. package/cjs/d/delayOpacity.js +2 -2
  212. package/cjs/d/delaySize.js +2 -2
  213. package/cjs/d/delayStrokeColor.js +1 -1
  214. package/cjs/d/destroy.js +2 -2
  215. package/cjs/d/destroyExplode.js +1 -1
  216. package/cjs/d/disappearing.js +1 -1
  217. package/cjs/d/divEvents.js +3 -3
  218. package/cjs/e/effectBubble.js +1 -1
  219. package/cjs/e/effectFilter.js +1 -1
  220. package/cjs/e/effectParticles.js +1 -1
  221. package/cjs/e/effectTrail.js +1 -1
  222. package/cjs/e/effectTrailTransform.js +1 -1
  223. package/cjs/e/emitter.js +3 -3
  224. package/cjs/e/emitterAbsorber.js +3 -3
  225. package/cjs/e/emitterAngled.js +1 -1
  226. package/cjs/e/emitterImageShape.js +1 -1
  227. package/cjs/e/emitterImages.js +1 -1
  228. package/cjs/e/emitterPaths.js +3 -3
  229. package/cjs/e/emitterShapes.js +2 -2
  230. package/cjs/e/emitterSpawnColor.js +1 -1
  231. package/cjs/e/emitterTextShape.js +1 -1
  232. package/cjs/e/emitterTextStrokeShape.js +1 -1
  233. package/cjs/f/fallingConfetti.js +1 -1
  234. package/cjs/f/fallingConfettiWithRibbons.js +1 -1
  235. package/cjs/f/fireworks.js +3 -3
  236. package/cjs/f/fireworks2.js +2 -2
  237. package/cjs/f/fireworks3.js +1 -1
  238. package/cjs/f/fireworksMask.js +3 -3
  239. package/cjs/f/fontawesome.js +3 -3
  240. package/cjs/f/forward.js +1 -1
  241. package/cjs/g/gifs.js +2 -3
  242. package/cjs/g/grabRandomColor.js +2 -2
  243. package/cjs/g/gradients.js +7 -7
  244. package/cjs/g/gravity.js +3 -3
  245. package/cjs/g/groups.js +2 -2
  246. package/cjs/g/growing.js +2 -2
  247. package/cjs/h/hexagonPath.js +2 -2
  248. package/cjs/h/hollowknight.js +4 -4
  249. package/cjs/h/hyperspace.js +2 -2
  250. package/cjs/i/imageMask.js +1 -1
  251. package/cjs/i/imageMaskRepulse.js +1 -1
  252. package/cjs/i/images.js +1 -1
  253. package/cjs/i/imagesDirections.js +2 -2
  254. package/cjs/i/infection.js +2 -2
  255. package/cjs/l/lch.js +2 -2
  256. package/cjs/l/life.js +2 -2
  257. package/cjs/l/linkTriangles.js +2 -2
  258. package/cjs/l/localPolygonMask.js +4 -4
  259. package/cjs/m/manual.js +2 -2
  260. package/cjs/m/matrix.js +2 -2
  261. package/cjs/m/meteors.js +2 -2
  262. package/cjs/m/motionDisable.js +2 -2
  263. package/cjs/m/motionReduce.js +2 -2
  264. package/cjs/m/mouseAttract.js +2 -2
  265. package/cjs/m/mouseBounce.js +2 -2
  266. package/cjs/m/mouseCannon.js +2 -2
  267. package/cjs/m/mouseDrag.js +1 -1
  268. package/cjs/m/mouseDragMomentum.js +1 -1
  269. package/cjs/m/mouseFollow.js +2 -2
  270. package/cjs/m/mouseParticle2.js +2 -2
  271. package/cjs/m/mouseTrail.js +2 -2
  272. package/cjs/m/mouseTrailNoise.js +1 -1
  273. package/cjs/m/moveAngle.js +2 -2
  274. package/cjs/m/moveDistance.js +2 -2
  275. package/cjs/m/moveInside.js +1 -1
  276. package/cjs/m/moveOutside.js +1 -1
  277. package/cjs/m/multiplePolygonMasks.js +2 -2
  278. package/cjs/n/namedColors.js +1 -1
  279. package/cjs/n/nasa.js +1 -1
  280. package/cjs/n/noisePlanesFractal.js +1 -1
  281. package/cjs/n/noisePlanesPerlin.js +1 -1
  282. package/cjs/n/noisePlanesSimplex.js +1 -1
  283. package/cjs/n/nyancat.js +1 -1
  284. package/cjs/n/nyancat2.js +1 -1
  285. package/cjs/o/oklch.js +2 -2
  286. package/cjs/o/orbit.js +1 -1
  287. package/cjs/p/parallax.js +2 -2
  288. package/cjs/p/pathBranches.js +1 -1
  289. package/cjs/p/pathBranchesInertia.js +1 -1
  290. package/cjs/p/pathBrownian.js +1 -1
  291. package/cjs/p/pathGrid.js +1 -1
  292. package/cjs/p/pathLevy.js +1 -1
  293. package/cjs/p/pathMaze.js +1 -1
  294. package/cjs/p/pathPolygonMask.js +4 -4
  295. package/cjs/p/pathSpiral.js +1 -1
  296. package/cjs/p/pathSvg.js +2 -2
  297. package/cjs/p/pathZigZag.js +2 -2
  298. package/cjs/p/plasma.js +2 -2
  299. package/cjs/p/poisson.js +2 -2
  300. package/cjs/p/polygonMask.js +4 -4
  301. package/cjs/p/polygons.js +2 -2
  302. package/cjs/p/pop.js +1 -1
  303. package/cjs/palettes.js +1 -1
  304. package/cjs/r/random.js +2 -2
  305. package/cjs/r/randomShapes.js +4 -4
  306. package/cjs/r/reduceDuplicates.js +2 -2
  307. package/cjs/r/repulse.js +2 -2
  308. package/cjs/r/repulseBack.js +2 -2
  309. package/cjs/r/repulseBounce.js +2 -2
  310. package/cjs/r/repulseCirc.js +2 -2
  311. package/cjs/r/repulseCubic.js +2 -2
  312. package/cjs/r/repulseElastic.js +2 -2
  313. package/cjs/r/repulseExpo.js +2 -2
  314. package/cjs/r/repulseGaussian.js +2 -2
  315. package/cjs/r/repulseQuart.js +2 -2
  316. package/cjs/r/repulseQuint.js +2 -2
  317. package/cjs/r/repulseSigmoid.js +2 -2
  318. package/cjs/r/repulseSine.js +2 -2
  319. package/cjs/r/repulseSmoothstep.js +2 -2
  320. package/cjs/r/responsive.js +2 -2
  321. package/cjs/r/ring.js +1 -1
  322. package/cjs/s/seaAnemone.js +2 -2
  323. package/cjs/s/shadow.js +4 -4
  324. package/cjs/s/shapeArrow.js +1 -1
  325. package/cjs/s/shapeCog.js +2 -2
  326. package/cjs/s/shapeEmoji.js +1 -1
  327. package/cjs/s/shapeEmojiPadding.js +1 -1
  328. package/cjs/s/shapeHeart.js +2 -2
  329. package/cjs/s/shapeInfinity.js +1 -1
  330. package/cjs/s/shapeMultilineText.js +1 -1
  331. package/cjs/s/shapeOptions.js +1 -1
  332. package/cjs/s/shapePath.js +1 -1
  333. package/cjs/s/shapeRibbon.js +2 -2
  334. package/cjs/s/shapeRoundedPolygon.js +1 -1
  335. package/cjs/s/shapeRoundedRect.js +1 -1
  336. package/cjs/s/shapeSpiral.js +2 -2
  337. package/cjs/s/shapeSquircle.js +2 -2
  338. package/cjs/s/slow.js +2 -2
  339. package/cjs/s/snow.js +1 -1
  340. package/cjs/s/soundsAudio.js +1 -1
  341. package/cjs/s/soundsLoop.js +1 -1
  342. package/cjs/s/soundsMelodies.js +1 -1
  343. package/cjs/s/soundsMelodyLoop.js +1 -1
  344. package/cjs/s/soundsNotes.js +1 -1
  345. package/cjs/s/speedDecay.js +3 -3
  346. package/cjs/s/spin.js +2 -2
  347. package/cjs/s/star.js +2 -2
  348. package/cjs/s/strokeAnimation.js +2 -2
  349. package/cjs/s/style.js +2 -2
  350. package/cjs/s/svgReplace.js +2 -2
  351. package/cjs/t/test.js +2 -2
  352. package/cjs/t/textMask.js +1 -1
  353. package/cjs/t/textMaskMultiline.js +1 -1
  354. package/cjs/t/themes.js +10 -10
  355. package/cjs/t/tilt.js +1 -1
  356. package/cjs/t/trail.js +2 -2
  357. package/cjs/t/trailImage.js +2 -2
  358. package/cjs/t/triangles.js +1 -1
  359. package/cjs/t/tunnel.js +3 -3
  360. package/cjs/t/twinkle.js +1 -1
  361. package/cjs/v/vibrate.js +2 -2
  362. package/cjs/v/virus.js +1 -1
  363. package/cjs/w/warp.js +2 -2
  364. package/cjs/w/wobble.js +1 -1
  365. package/cjs/w/wobbleBig.js +1 -1
  366. package/cjs/z/zIndex.js +2 -2
  367. package/esm/a/absorbers.js +1 -1
  368. package/esm/b/backgroundCanvas.js +68 -0
  369. package/esm/b/backgroundMask.js +3 -3
  370. package/esm/b/backgroundMaskDraw.js +71 -0
  371. package/esm/b/backgroundMaskImage.js +2 -2
  372. package/esm/b/basic.js +2 -2
  373. package/esm/b/bigBlend.js +1 -1
  374. package/esm/b/bigBlendCombo.js +1 -1
  375. package/esm/b/bigBlendParticle.js +1 -1
  376. package/esm/b/blackHole.js +2 -2
  377. package/esm/b/bubble.js +1 -1
  378. package/esm/b/index.js +4 -0
  379. package/esm/c/cardSuits.js +3 -3
  380. package/esm/c/cards.js +3 -3
  381. package/esm/c/cardsRolling.js +3 -3
  382. package/esm/c/chars.js +1 -1
  383. package/esm/c/clickPause.js +2 -2
  384. package/esm/c/collisionsAbsorb.js +2 -2
  385. package/esm/c/collisionsBounce.js +2 -2
  386. package/esm/c/collisionsDestroy.js +1 -1
  387. package/esm/c/colorAnimation.js +1 -1
  388. package/esm/c/colors.js +1 -1
  389. package/esm/c/connect.js +4 -4
  390. package/esm/c/curlNoise.js +2 -2
  391. package/esm/d/dataImages.js +1 -1
  392. package/esm/d/delay.js +2 -2
  393. package/esm/d/delayColor.js +1 -1
  394. package/esm/d/delayOpacity.js +2 -2
  395. package/esm/d/delaySize.js +2 -2
  396. package/esm/d/delayStrokeColor.js +1 -1
  397. package/esm/d/destroy.js +2 -2
  398. package/esm/d/destroyExplode.js +1 -1
  399. package/esm/d/disappearing.js +1 -1
  400. package/esm/d/divEvents.js +3 -3
  401. package/esm/e/effectBubble.js +1 -1
  402. package/esm/e/effectFilter.js +1 -1
  403. package/esm/e/effectParticles.js +1 -1
  404. package/esm/e/effectTrail.js +1 -1
  405. package/esm/e/effectTrailTransform.js +1 -1
  406. package/esm/e/emitter.js +3 -3
  407. package/esm/e/emitterAbsorber.js +3 -3
  408. package/esm/e/emitterAngled.js +1 -1
  409. package/esm/e/emitterImageShape.js +1 -1
  410. package/esm/e/emitterImages.js +1 -1
  411. package/esm/e/emitterPaths.js +3 -3
  412. package/esm/e/emitterShapes.js +2 -2
  413. package/esm/e/emitterSpawnColor.js +1 -1
  414. package/esm/e/emitterTextShape.js +1 -1
  415. package/esm/e/emitterTextStrokeShape.js +1 -1
  416. package/esm/f/fallingConfetti.js +1 -1
  417. package/esm/f/fallingConfettiWithRibbons.js +1 -1
  418. package/esm/f/fireworks.js +3 -3
  419. package/esm/f/fireworks2.js +2 -2
  420. package/esm/f/fireworks3.js +1 -1
  421. package/esm/f/fireworksMask.js +3 -3
  422. package/esm/f/fontawesome.js +3 -3
  423. package/esm/f/forward.js +1 -1
  424. package/esm/g/gifs.js +2 -3
  425. package/esm/g/grabRandomColor.js +2 -2
  426. package/esm/g/gradients.js +7 -7
  427. package/esm/g/gravity.js +3 -3
  428. package/esm/g/groups.js +2 -2
  429. package/esm/g/growing.js +2 -2
  430. package/esm/h/hexagonPath.js +2 -2
  431. package/esm/h/hollowknight.js +4 -4
  432. package/esm/h/hyperspace.js +2 -2
  433. package/esm/i/imageMask.js +1 -1
  434. package/esm/i/imageMaskRepulse.js +1 -1
  435. package/esm/i/images.js +1 -1
  436. package/esm/i/imagesDirections.js +2 -2
  437. package/esm/i/infection.js +2 -2
  438. package/esm/l/lch.js +2 -2
  439. package/esm/l/life.js +2 -2
  440. package/esm/l/linkTriangles.js +2 -2
  441. package/esm/l/localPolygonMask.js +4 -4
  442. package/esm/m/manual.js +2 -2
  443. package/esm/m/matrix.js +2 -2
  444. package/esm/m/meteors.js +2 -2
  445. package/esm/m/motionDisable.js +2 -2
  446. package/esm/m/motionReduce.js +2 -2
  447. package/esm/m/mouseAttract.js +2 -2
  448. package/esm/m/mouseBounce.js +2 -2
  449. package/esm/m/mouseCannon.js +2 -2
  450. package/esm/m/mouseDrag.js +1 -1
  451. package/esm/m/mouseDragMomentum.js +1 -1
  452. package/esm/m/mouseFollow.js +2 -2
  453. package/esm/m/mouseParticle2.js +2 -2
  454. package/esm/m/mouseTrail.js +2 -2
  455. package/esm/m/mouseTrailNoise.js +1 -1
  456. package/esm/m/moveAngle.js +2 -2
  457. package/esm/m/moveDistance.js +2 -2
  458. package/esm/m/moveInside.js +1 -1
  459. package/esm/m/moveOutside.js +1 -1
  460. package/esm/m/multiplePolygonMasks.js +2 -2
  461. package/esm/n/namedColors.js +1 -1
  462. package/esm/n/nasa.js +1 -1
  463. package/esm/n/noisePlanesFractal.js +1 -1
  464. package/esm/n/noisePlanesPerlin.js +1 -1
  465. package/esm/n/noisePlanesSimplex.js +1 -1
  466. package/esm/n/nyancat.js +1 -1
  467. package/esm/n/nyancat2.js +1 -1
  468. package/esm/o/oklch.js +2 -2
  469. package/esm/o/orbit.js +1 -1
  470. package/esm/p/parallax.js +2 -2
  471. package/esm/p/pathBranches.js +1 -1
  472. package/esm/p/pathBranchesInertia.js +1 -1
  473. package/esm/p/pathBrownian.js +1 -1
  474. package/esm/p/pathGrid.js +1 -1
  475. package/esm/p/pathLevy.js +1 -1
  476. package/esm/p/pathMaze.js +1 -1
  477. package/esm/p/pathPolygonMask.js +4 -4
  478. package/esm/p/pathSpiral.js +1 -1
  479. package/esm/p/pathSvg.js +2 -2
  480. package/esm/p/pathZigZag.js +2 -2
  481. package/esm/p/plasma.js +2 -2
  482. package/esm/p/poisson.js +2 -2
  483. package/esm/p/polygonMask.js +4 -4
  484. package/esm/p/polygons.js +2 -2
  485. package/esm/p/pop.js +1 -1
  486. package/esm/palettes.js +1 -1
  487. package/esm/r/random.js +2 -2
  488. package/esm/r/randomShapes.js +4 -4
  489. package/esm/r/reduceDuplicates.js +2 -2
  490. package/esm/r/repulse.js +2 -2
  491. package/esm/r/repulseBack.js +2 -2
  492. package/esm/r/repulseBounce.js +2 -2
  493. package/esm/r/repulseCirc.js +2 -2
  494. package/esm/r/repulseCubic.js +2 -2
  495. package/esm/r/repulseElastic.js +2 -2
  496. package/esm/r/repulseExpo.js +2 -2
  497. package/esm/r/repulseGaussian.js +2 -2
  498. package/esm/r/repulseQuart.js +2 -2
  499. package/esm/r/repulseQuint.js +2 -2
  500. package/esm/r/repulseSigmoid.js +2 -2
  501. package/esm/r/repulseSine.js +2 -2
  502. package/esm/r/repulseSmoothstep.js +2 -2
  503. package/esm/r/responsive.js +2 -2
  504. package/esm/r/ring.js +1 -1
  505. package/esm/s/seaAnemone.js +2 -2
  506. package/esm/s/shadow.js +4 -4
  507. package/esm/s/shapeArrow.js +1 -1
  508. package/esm/s/shapeCog.js +2 -2
  509. package/esm/s/shapeEmoji.js +1 -1
  510. package/esm/s/shapeEmojiPadding.js +1 -1
  511. package/esm/s/shapeHeart.js +2 -2
  512. package/esm/s/shapeInfinity.js +1 -1
  513. package/esm/s/shapeMultilineText.js +1 -1
  514. package/esm/s/shapeOptions.js +1 -1
  515. package/esm/s/shapePath.js +1 -1
  516. package/esm/s/shapeRibbon.js +2 -2
  517. package/esm/s/shapeRoundedPolygon.js +1 -1
  518. package/esm/s/shapeRoundedRect.js +1 -1
  519. package/esm/s/shapeSpiral.js +2 -2
  520. package/esm/s/shapeSquircle.js +2 -2
  521. package/esm/s/slow.js +2 -2
  522. package/esm/s/snow.js +1 -1
  523. package/esm/s/soundsAudio.js +1 -1
  524. package/esm/s/soundsLoop.js +1 -1
  525. package/esm/s/soundsMelodies.js +1 -1
  526. package/esm/s/soundsMelodyLoop.js +1 -1
  527. package/esm/s/soundsNotes.js +1 -1
  528. package/esm/s/speedDecay.js +3 -3
  529. package/esm/s/spin.js +2 -2
  530. package/esm/s/star.js +2 -2
  531. package/esm/s/strokeAnimation.js +2 -2
  532. package/esm/s/style.js +2 -2
  533. package/esm/s/svgReplace.js +2 -2
  534. package/esm/t/test.js +2 -2
  535. package/esm/t/textMask.js +1 -1
  536. package/esm/t/textMaskMultiline.js +1 -1
  537. package/esm/t/themes.js +10 -10
  538. package/esm/t/tilt.js +1 -1
  539. package/esm/t/trail.js +2 -2
  540. package/esm/t/trailImage.js +2 -2
  541. package/esm/t/triangles.js +1 -1
  542. package/esm/t/tunnel.js +3 -3
  543. package/esm/t/twinkle.js +1 -1
  544. package/esm/v/vibrate.js +2 -2
  545. package/esm/v/virus.js +1 -1
  546. package/esm/w/warp.js +2 -2
  547. package/esm/w/wobble.js +1 -1
  548. package/esm/w/wobbleBig.js +1 -1
  549. package/esm/z/zIndex.js +2 -2
  550. package/package.json +2 -2
  551. package/report.html +1 -1
  552. package/tsparticles.configs.js +471 -331
  553. package/tsparticles.configs.min.js +1 -1
  554. package/types/b/backgroundCanvas.d.ts +3 -0
  555. package/types/b/backgroundMaskDraw.d.ts +3 -0
  556. package/types/b/index.d.ts +2 -0
  557. package/types/index.d.ts +2 -0
  558. package/types/index.lazy.d.ts +2 -0
package/browser/s/slow.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#ffffff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  enable: true,
17
17
  },
@@ -31,7 +31,7 @@ const options = {
31
31
  links: {
32
32
  enable: true,
33
33
  distance: 150,
34
- color: "#ffffff",
34
+ color: "#f0f0f0",
35
35
  opacity: 0.4,
36
36
  width: 1,
37
37
  },
package/browser/s/snow.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#fff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  },
17
17
  },
package/browser/s/soundsAudio.js CHANGED
@@ -37,7 +37,7 @@ const options = {
37
37
  },
38
38
  },
39
39
  background: {
40
- color: "#000000",
40
+ color: "#0d0d0d",
41
41
  },
42
42
  emitters: {
43
43
  position: {
package/browser/s/soundsLoop.js CHANGED
@@ -38,7 +38,7 @@ const options = {
38
38
  },
39
39
  },
40
40
  background: {
41
- color: "#000000",
41
+ color: "#0d0d0d",
42
42
  },
43
43
  emitters: {
44
44
  position: {
package/browser/s/soundsMelodies.js CHANGED
@@ -38,7 +38,7 @@ const options = {
38
38
  },
39
39
  },
40
40
  background: {
41
- color: "#000000",
41
+ color: "#0d0d0d",
42
42
  },
43
43
  emitters: {
44
44
  position: {
package/browser/s/soundsMelodyLoop.js CHANGED
@@ -38,7 +38,7 @@ const options = {
38
38
  },
39
39
  },
40
40
  background: {
41
- color: "#000000",
41
+ color: "#0d0d0d",
42
42
  },
43
43
  emitters: {
44
44
  position: {
package/browser/s/soundsNotes.js CHANGED
@@ -38,7 +38,7 @@ const options = {
38
38
  },
39
39
  },
40
40
  background: {
41
- color: "#000000",
41
+ color: "#0d0d0d",
42
42
  },
43
43
  emitters: {
44
44
  position: {
package/browser/s/speedDecay.js CHANGED
@@ -8,7 +8,7 @@ const options = {
8
8
  paint: {
9
9
  fill: {
10
10
  color: {
11
- value: "#ffffff",
11
+ value: "#f0f0f0",
12
12
  },
13
13
  enable: true,
14
14
  },
@@ -82,7 +82,7 @@ const options = {
82
82
  },
83
83
  },
84
84
  background: {
85
- color: "#000",
85
+ color: "#0d0d0d",
86
86
  },
87
87
  emitters: {
88
88
  direction: "top",
@@ -136,7 +136,7 @@ const options = {
136
136
  },
137
137
  trail: {
138
138
  enable: true,
139
- fill: { color: "#000000" },
139
+ fill: { color: "#121212" },
140
140
  length: 10,
141
141
  },
142
142
  };
package/browser/s/spin.js CHANGED
@@ -46,11 +46,11 @@ const options = {
46
46
  },
47
47
  },
48
48
  background: {
49
- color: "#000000",
49
+ color: "#0d0d0d",
50
50
  },
51
51
  trail: {
52
52
  enable: true,
53
- fill: { color: "#000" },
53
+ fill: { color: "#121212" },
54
54
  length: 30,
55
55
  },
56
56
  };
package/browser/s/star.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#fff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  enable: true,
17
17
  },
@@ -45,7 +45,7 @@ const options = {
45
45
  links: {
46
46
  enable: true,
47
47
  distance: 600,
48
- color: "#ffffff",
48
+ color: "#f0f0f0",
49
49
  opacity: 0.4,
50
50
  width: 2,
51
51
  },
package/browser/s/strokeAnimation.js CHANGED
@@ -47,7 +47,7 @@ const options = {
47
47
  links: {
48
48
  enable: true,
49
49
  distance: 100,
50
- color: "#ffffff",
50
+ color: "#f0f0f0",
51
51
  opacity: 0.4,
52
52
  width: 1,
53
53
  },
@@ -92,7 +92,7 @@ const options = {
92
92
  },
93
93
  },
94
94
  background: {
95
- color: "#000000",
95
+ color: "#0d0d0d",
96
96
  },
97
97
  };
98
98
  export default options;
package/browser/s/style.js CHANGED
@@ -71,7 +71,7 @@ const options = {
71
71
  },
72
72
  },
73
73
  background: {
74
- color: "#000000",
74
+ color: "#0d0d0d",
75
75
  },
76
76
  style: {
77
77
  filter: "blur(50px)",
@@ -80,7 +80,7 @@ const options = {
80
80
  enable: true,
81
81
  length: 50,
82
82
  fill: {
83
- color: "#000",
83
+ color: "#121212",
84
84
  },
85
85
  },
86
86
  };
package/browser/s/svgReplace.js CHANGED
@@ -55,7 +55,7 @@ const options = {
55
55
  },
56
56
  links: {
57
57
  blink: false,
58
- color: "#000",
58
+ color: "#1a1a1a",
59
59
  consent: false,
60
60
  distance: 150,
61
61
  enable: false,
@@ -112,7 +112,7 @@ const options = {
112
112
  },
113
113
  ],
114
114
  background: {
115
- color: "#fff",
115
+ color: "#f5f7fa",
116
116
  image: "",
117
117
  position: "50% 50%",
118
118
  repeat: "no-repeat",
package/browser/t/test.js CHANGED
@@ -3,7 +3,7 @@ const options = {
3
3
  name: "Test",
4
4
  background: {
5
5
  color: {
6
- value: "#000",
6
+ value: "#0d0d0d",
7
7
  },
8
8
  },
9
9
  particles: {
@@ -65,7 +65,7 @@ const options = {
65
65
  paint: {
66
66
  fill: {
67
67
  color: {
68
- value: "#fff",
68
+ value: "#f0f0f0",
69
69
  },
70
70
  enable: true,
71
71
  },
package/browser/t/textMask.js CHANGED
@@ -63,7 +63,7 @@ const minAlphaFilter = 0, options = {
63
63
  },
64
64
  },
65
65
  background: {
66
- color: "#000000",
66
+ color: "#0d0d0d",
67
67
  image: "",
68
68
  position: "50% 50%",
69
69
  repeat: "no-repeat",
package/browser/t/textMaskMultiline.js CHANGED
@@ -66,7 +66,7 @@ const minAlphaFilter = 0, options = {
66
66
  },
67
67
  },
68
68
  background: {
69
- color: "#000000",
69
+ color: "#0d0d0d",
70
70
  image: "",
71
71
  position: "50% 50%",
72
72
  repeat: "no-repeat",
package/browser/t/themes.js CHANGED
@@ -11,13 +11,13 @@ const options = {
11
11
  },
12
12
  options: {
13
13
  background: {
14
- color: "#ffffff",
14
+ color: "#f5f7fa",
15
15
  },
16
16
  particles: {
17
17
  paint: {
18
18
  fill: {
19
19
  color: {
20
- value: ["#000000", "#0000ff"],
20
+ value: ["#1a1a1a", "#0000ff"],
21
21
  },
22
22
  enable: true,
23
23
  },
@@ -34,13 +34,13 @@ const options = {
34
34
  },
35
35
  options: {
36
36
  background: {
37
- color: "#000000",
37
+ color: "#0d0d0d",
38
38
  },
39
39
  particles: {
40
40
  paint: {
41
41
  fill: {
42
42
  color: {
43
- value: ["#ffffff", "#ff0000"],
43
+ value: ["#f0f0f0", "#ff0000"],
44
44
  },
45
45
  enable: true,
46
46
  },
@@ -58,7 +58,7 @@ const options = {
58
58
  paint: {
59
59
  fill: {
60
60
  color: {
61
- value: ["#ffffff", "#000000"],
61
+ value: ["#f0f0f0", "#1a1a1a"],
62
62
  },
63
63
  enable: true,
64
64
  },
@@ -76,7 +76,7 @@ const options = {
76
76
  paint: {
77
77
  fill: {
78
78
  color: {
79
- value: ["#000000", "#0000ff"],
79
+ value: ["#1a1a1a", "#0000ff"],
80
80
  },
81
81
  enable: true,
82
82
  },
@@ -94,7 +94,7 @@ const options = {
94
94
  paint: {
95
95
  fill: {
96
96
  color: {
97
- value: ["#ffffff", "#00ff00"],
97
+ value: ["#f0f0f0", "#00ff00"],
98
98
  },
99
99
  enable: true,
100
100
  },
@@ -112,7 +112,7 @@ const options = {
112
112
  paint: {
113
113
  fill: {
114
114
  color: {
115
- value: ["#000000", "#ff0000"],
115
+ value: ["#1a1a1a", "#ff0000"],
116
116
  },
117
117
  enable: true,
118
118
  },
@@ -130,7 +130,7 @@ const options = {
130
130
  paint: {
131
131
  fill: {
132
132
  color: {
133
- value: ["#000000", "#ff00ff"],
133
+ value: ["#1a1a1a", "#ff00ff"],
134
134
  },
135
135
  enable: true,
136
136
  },
@@ -148,7 +148,7 @@ const options = {
148
148
  paint: {
149
149
  fill: {
150
150
  color: {
151
- value: ["#ffffff", "#000000"],
151
+ value: ["#f0f0f0", "#1a1a1a"],
152
152
  },
153
153
  enable: true,
154
154
  },
package/browser/t/tilt.js CHANGED
@@ -2,7 +2,7 @@ const options = {
2
2
  key: "tilt",
3
3
  name: "Tilt",
4
4
  background: {
5
- color: "#000000",
5
+ color: "#0d0d0d",
6
6
  },
7
7
  particles: {
8
8
  bounce: {
package/browser/t/trail.js CHANGED
@@ -2,7 +2,7 @@ const options = {
2
2
  key: "trails",
3
3
  name: "Trails",
4
4
  background: {
5
- color: "#000",
5
+ color: "#0d0d0d",
6
6
  },
7
7
  emitters: {
8
8
  position: {
@@ -96,7 +96,7 @@ const options = {
96
96
  },
97
97
  trail: {
98
98
  enable: true,
99
- fill: { color: "#000000" },
99
+ fill: { color: "#121212" },
100
100
  length: 20,
101
101
  },
102
102
  };
package/browser/t/trailImage.js CHANGED
@@ -2,7 +2,7 @@ const options = {
2
2
  key: "trailsImage",
3
3
  name: "Trails Image",
4
4
  background: {
5
- color: "#ffffff",
5
+ color: "#f5f7fa",
6
6
  image: "url('https://particles.js.org/images/hdr/background3.jpg')",
7
7
  position: "50% 50%",
8
8
  repeat: "no-repeat",
@@ -48,7 +48,7 @@ const options = {
48
48
  links: {
49
49
  enable: false,
50
50
  distance: 150,
51
- color: "#ffffff",
51
+ color: "#f0f0f0",
52
52
  opacity: 0.4,
53
53
  width: 1,
54
54
  },
package/browser/t/triangles.js CHANGED
@@ -50,7 +50,7 @@ const options = {
50
50
  },
51
51
  },
52
52
  background: {
53
- color: "#000",
53
+ color: "#0d0d0d",
54
54
  },
55
55
  };
56
56
  export default options;
package/browser/t/tunnel.js CHANGED
@@ -7,7 +7,7 @@ const options = {
7
7
  },
8
8
  paint: {
9
9
  color: {
10
- value: "#ffffff",
10
+ value: "#f0f0f0",
11
11
  },
12
12
  },
13
13
  shape: {
@@ -36,12 +36,12 @@ const options = {
36
36
  },
37
37
  },
38
38
  background: {
39
- color: "#000",
39
+ color: "#0d0d0d",
40
40
  },
41
41
  trail: {
42
42
  enable: true,
43
43
  fill: {
44
- color: "#000000",
44
+ color: "#121212",
45
45
  },
46
46
  length: 3,
47
47
  },
package/browser/t/twinkle.js CHANGED
@@ -44,7 +44,7 @@ const options = {
44
44
  links: {
45
45
  enable: true,
46
46
  distance: 150,
47
- color: "#ffffff",
47
+ color: "#f0f0f0",
48
48
  opacity: 0.4,
49
49
  width: 1,
50
50
  },
package/browser/v/vibrate.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#ffffff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  enable: true,
17
17
  },
@@ -43,7 +43,7 @@ const options = {
43
43
  links: {
44
44
  enable: true,
45
45
  distance: 150,
46
- color: "#ffffff",
46
+ color: "#f0f0f0",
47
47
  opacity: 0.4,
48
48
  width: 1,
49
49
  },
package/browser/v/virus.js CHANGED
@@ -28,7 +28,7 @@ const options = {
28
28
  paint: {
29
29
  fill: {
30
30
  color: {
31
- value: "#ffffff",
31
+ value: "#f0f0f0",
32
32
  },
33
33
  enable: true,
34
34
  },
package/browser/w/warp.js CHANGED
@@ -60,7 +60,7 @@ const options = {
60
60
  paint: {
61
61
  fill: {
62
62
  color: {
63
- value: "#ffffff",
63
+ value: "#f0f0f0",
64
64
  },
65
65
  enable: true,
66
66
  },
@@ -77,7 +77,7 @@ const options = {
77
77
  links: {
78
78
  enable: true,
79
79
  distance: 150,
80
- color: "#ffffff",
80
+ color: "#f0f0f0",
81
81
  warp: true,
82
82
  opacity: 1,
83
83
  width: 1,
package/browser/w/wobble.js CHANGED
@@ -2,7 +2,7 @@ const options = {
2
2
  key: "wobble",
3
3
  name: "Wobble",
4
4
  background: {
5
- color: "#000000",
5
+ color: "#0d0d0d",
6
6
  },
7
7
  particles: {
8
8
  bounce: {
package/browser/w/wobbleBig.js CHANGED
@@ -2,7 +2,7 @@ const options = {
2
2
  key: "wobbleBig",
3
3
  name: "Wobble Big",
4
4
  background: {
5
- color: "#000000",
5
+ color: "#0d0d0d",
6
6
  },
7
7
  particles: {
8
8
  bounce: {
package/browser/z/zIndex.js CHANGED
@@ -42,7 +42,7 @@ const options = {
42
42
  paint: {
43
43
  fill: {
44
44
  color: {
45
- value: "#fff",
45
+ value: "#f0f0f0",
46
46
  },
47
47
  enable: true,
48
48
  },
@@ -85,7 +85,7 @@ const options = {
85
85
  },
86
86
  },
87
87
  background: {
88
- color: "#000000",
88
+ color: "#0d0d0d",
89
89
  },
90
90
  };
91
91
  export default options;
package/cjs/a/absorbers.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#ffffff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  enable: true,
17
17
  },
package/cjs/b/backgroundCanvas.js ADDED
@@ -0,0 +1,68 @@
1
+ let hue = 0;
2
+ const options = {
3
+ key: "backgroundCanvas",
4
+ name: "Background Canvas",
5
+ particles: {
6
+ number: {
7
+ value: 80,
8
+ density: {
9
+ enable: true,
10
+ },
11
+ },
12
+ paint: {
13
+ fill: {
14
+ color: {
15
+ value: "#f0f0f0",
16
+ },
17
+ enable: true,
18
+ },
19
+ },
20
+ shape: {
21
+ type: "circle",
22
+ },
23
+ opacity: {
24
+ value: 0.5,
25
+ },
26
+ size: {
27
+ value: {
28
+ min: 1,
29
+ max: 3,
30
+ },
31
+ },
32
+ links: {
33
+ enable: true,
34
+ distance: 150,
35
+ color: "#f0f0f0",
36
+ opacity: 0.4,
37
+ width: 1,
38
+ },
39
+ move: {
40
+ enable: true,
41
+ speed: 2,
42
+ },
43
+ },
44
+ interactivity: {
45
+ events: {
46
+ onHover: {
47
+ enable: true,
48
+ mode: "repulse",
49
+ },
50
+ },
51
+ modes: {
52
+ repulse: {
53
+ distance: 100,
54
+ },
55
+ },
56
+ },
57
+ background: {
58
+ draw: (ctx, delta) => {
59
+ hue = (hue + delta.value * 0.02) % 360;
60
+ const gradient = ctx.createLinearGradient(0, 0, ctx.canvas.width, ctx.canvas.height);
61
+ gradient.addColorStop(0, `hsl(${hue}, 70%, 20%)`);
62
+ gradient.addColorStop(1, `hsl(${(hue + 60) % 360}, 70%, 10%)`);
63
+ ctx.fillStyle = gradient;
64
+ ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
65
+ },
66
+ },
67
+ };
68
+ export default options;
package/cjs/b/backgroundMask.js CHANGED
@@ -11,7 +11,7 @@ const options = {
11
11
  paint: {
12
12
  fill: {
13
13
  color: {
14
- value: "#ffffff",
14
+ value: "#f0f0f0",
15
15
  },
16
16
  enable: true,
17
17
  },
@@ -31,7 +31,7 @@ const options = {
31
31
  links: {
32
32
  enable: true,
33
33
  distance: 150,
34
- color: "#ffffff",
34
+ color: "#f0f0f0",
35
35
  opacity: 1,
36
36
  width: 1,
37
37
  },
@@ -77,7 +77,7 @@ const options = {
77
77
  },
78
78
  },
79
79
  background: {
80
- color: "#ffffff",
80
+ color: "#f5f7fa",
81
81
  image: "url('https://particles.js.org/images/hdr/background3.jpg')",
82
82
  position: "50% 50%",
83
83
  repeat: "no-repeat",
package/cjs/b/backgroundMaskDraw.js ADDED
@@ -0,0 +1,71 @@
1
+ const saturation = 70, lightness = 50, toSeconds = 0.001, options = {
2
+ key: "backgroundMaskDraw",
3
+ name: "Background Mask Draw",
4
+ particles: {
5
+ number: {
6
+ value: 80,
7
+ },
8
+ paint: {
9
+ fill: {
10
+ color: {
11
+ value: "#f0f0f0",
12
+ },
13
+ enable: true,
14
+ },
15
+ },
16
+ shape: {
17
+ type: "circle",
18
+ },
19
+ opacity: {
20
+ value: 1,
21
+ },
22
+ size: {
23
+ value: {
24
+ min: 10,
25
+ max: 30,
26
+ },
27
+ },
28
+ move: {
29
+ enable: true,
30
+ speed: 2,
31
+ },
32
+ },
33
+ interactivity: {
34
+ events: {
35
+ onHover: {
36
+ enable: true,
37
+ mode: "bubble",
38
+ },
39
+ onClick: {
40
+ enable: true,
41
+ mode: "push",
42
+ },
43
+ },
44
+ modes: {
45
+ bubble: {
46
+ distance: 400,
47
+ size: 100,
48
+ duration: 2,
49
+ opacity: 1,
50
+ },
51
+ push: {
52
+ quantity: 4,
53
+ },
54
+ },
55
+ },
56
+ backgroundMask: {
57
+ enable: true,
58
+ cover: {
59
+ draw: (ctx, _delta) => {
60
+ const t = performance.now() * toSeconds, w = ctx.canvas.width, h = ctx.canvas.height, speed = 30, fullCircle = 360, hue = (t * speed) % fullCircle;
61
+ ctx.fillStyle = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
62
+ const originX = 0, originY = 0;
63
+ ctx.fillRect(originX, originY, w, h);
64
+ },
65
+ },
66
+ },
67
+ background: {
68
+ color: "#0d0d0d",
69
+ },
70
+ };
71
+ export default options;