@tsparticles/configs 3.9.1 → 4.0.0-alpha.1

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 (352) hide show
  1. package/browser/a/amongUs.js +1 -1
  2. package/browser/b/backgroundMask.js +1 -1
  3. package/browser/b/backgroundMaskImage.js +2 -2
  4. package/browser/b/big.js +40 -3
  5. package/browser/c/curlNoise.js +7 -7
  6. package/browser/e/emitterImageShape.js +1 -1
  7. package/browser/e/emitterImages.js +16 -16
  8. package/browser/e/emitterPaths.js +5 -5
  9. package/browser/f/fallingConfetti.js +137 -0
  10. package/browser/f/fireworks.js +43 -6
  11. package/browser/f/fireworks2.js +39 -12
  12. package/browser/f/fireworksMask.js +195 -0
  13. package/browser/f/fontawesome.js +0 -5
  14. package/browser/f/forward.js +1 -1
  15. package/browser/f/index.js +4 -0
  16. package/browser/g/gravity.js +5 -5
  17. package/browser/g/index.js +1 -1
  18. package/browser/h/hexagonPath.js +5 -5
  19. package/browser/h/hollowknight.js +1 -1
  20. package/browser/h/hyperspace.js +5 -5
  21. package/browser/i/imageMask.js +1 -1
  22. package/browser/i/images.js +16 -16
  23. package/browser/i/imagesDirections.js +2 -2
  24. package/browser/index.js +5 -1
  25. package/browser/m/multiplePolygonMasks.js +1 -1
  26. package/browser/n/noisePlanesFractal.js +2 -2
  27. package/browser/n/noisePlanesPerlin.js +1 -1
  28. package/browser/n/noisePlanesSimplex.js +1 -1
  29. package/browser/p/pathSvg.js +7 -7
  30. package/browser/p/pathZigZag.js +7 -7
  31. package/browser/p/planes.js +1 -1
  32. package/browser/p/polygonMask.js +1 -1
  33. package/browser/r/randomShapes.js +16 -16
  34. package/browser/r/reactDefaults.js +0 -5
  35. package/browser/r/reactMultipleImages.js +3 -3
  36. package/browser/r/reactNightSky.js +0 -7
  37. package/browser/r/reactPolygonMask.js +1 -8
  38. package/browser/r/reactSimple.js +0 -18
  39. package/browser/r/reactSnow.js +0 -7
  40. package/browser/r/reduceDuplicates.js +16 -16
  41. package/browser/r/ring.js +5 -5
  42. package/browser/s/seaAnemone.js +5 -5
  43. package/browser/s/shadow.js +12 -7
  44. package/browser/s/shapeOptions.js +2 -2
  45. package/browser/s/speedDecay.js +5 -5
  46. package/browser/s/spin.js +5 -5
  47. package/browser/s/style.js +7 -7
  48. package/browser/t/trail.js +7 -7
  49. package/browser/t/trailImage.js +9 -9
  50. package/browser/v/virus.js +1 -1
  51. package/cjs/a/absorbers.js +1 -3
  52. package/cjs/a/amongUs.js +2 -4
  53. package/cjs/a/index.js +5 -10
  54. package/cjs/b/backgroundMask.js +2 -4
  55. package/cjs/b/backgroundMaskImage.js +3 -5
  56. package/cjs/b/basic.js +1 -3
  57. package/cjs/b/big.js +41 -6
  58. package/cjs/b/blackHole.js +1 -3
  59. package/cjs/b/bubble.js +1 -3
  60. package/cjs/b/index.js +13 -18
  61. package/cjs/bundle.js +1 -17
  62. package/cjs/c/cards.js +1 -3
  63. package/cjs/c/chars.js +1 -3
  64. package/cjs/c/clickConfetti.js +1 -3
  65. package/cjs/c/clickPause.js +1 -3
  66. package/cjs/c/collisionsAbsorb.js +1 -3
  67. package/cjs/c/collisionsBounce.js +1 -3
  68. package/cjs/c/collisionsDestroy.js +1 -3
  69. package/cjs/c/colorAnimation.js +1 -3
  70. package/cjs/c/connect.js +1 -3
  71. package/cjs/c/curlNoise.js +8 -10
  72. package/cjs/c/index.js +19 -24
  73. package/cjs/d/dataImages.js +1 -3
  74. package/cjs/d/delay.js +1 -3
  75. package/cjs/d/delayColor.js +1 -3
  76. package/cjs/d/delayOpacity.js +1 -3
  77. package/cjs/d/delaySize.js +1 -3
  78. package/cjs/d/delayStrokeColor.js +1 -3
  79. package/cjs/d/destroy.js +1 -3
  80. package/cjs/d/disappearing.js +1 -3
  81. package/cjs/d/divEvents.js +1 -3
  82. package/cjs/d/index.js +19 -24
  83. package/cjs/e/effectBubble.js +1 -3
  84. package/cjs/e/effectTrail.js +1 -3
  85. package/cjs/e/effectTrailTransform.js +1 -3
  86. package/cjs/e/emitter.js +1 -3
  87. package/cjs/e/emitterAbsorber.js +1 -3
  88. package/cjs/e/emitterAngled.js +1 -3
  89. package/cjs/e/emitterImageShape.js +2 -4
  90. package/cjs/e/emitterImages.js +17 -19
  91. package/cjs/e/emitterPaths.js +6 -8
  92. package/cjs/e/emitterShapes.js +1 -3
  93. package/cjs/e/emitterSpawnColor.js +7 -9
  94. package/cjs/e/emitterTextShape.js +1 -3
  95. package/cjs/e/emitterTextStrokeShape.js +1 -3
  96. package/cjs/e/index.js +27 -32
  97. package/cjs/f/fallingConfetti.js +137 -0
  98. package/cjs/f/fireworks.js +46 -11
  99. package/cjs/f/fireworks2.js +42 -17
  100. package/cjs/f/fireworksMask.js +195 -0
  101. package/cjs/f/fontawesome.js +1 -8
  102. package/cjs/f/forward.js +2 -4
  103. package/cjs/f/index.js +13 -14
  104. package/cjs/g/gifs.js +1 -3
  105. package/cjs/g/grabRandomColor.js +1 -3
  106. package/cjs/g/gradients.js +10 -12
  107. package/cjs/g/gravity.js +6 -8
  108. package/cjs/g/groups.js +1 -3
  109. package/cjs/g/growing.js +1 -3
  110. package/cjs/g/index.js +13 -18
  111. package/cjs/h/hexagonPath.js +6 -8
  112. package/cjs/h/hollowknight.js +2 -4
  113. package/cjs/h/hyperspace.js +6 -8
  114. package/cjs/h/index.js +7 -12
  115. package/cjs/i/imageMask.js +2 -4
  116. package/cjs/i/images.js +17 -19
  117. package/cjs/i/imagesDirections.js +6 -8
  118. package/cjs/i/index.js +9 -14
  119. package/cjs/i/infection.js +1 -3
  120. package/cjs/index.js +59 -60
  121. package/cjs/j/index.js +1 -3
  122. package/cjs/k/index.js +1 -3
  123. package/cjs/l/index.js +11 -16
  124. package/cjs/l/lch.js +1 -3
  125. package/cjs/l/life.js +1 -3
  126. package/cjs/l/lightHover.js +1 -3
  127. package/cjs/l/linkTriangles.js +1 -3
  128. package/cjs/l/localPolygonMask.js +1 -3
  129. package/cjs/m/index.js +33 -38
  130. package/cjs/m/manual.js +1 -3
  131. package/cjs/m/motionDisable.js +1 -3
  132. package/cjs/m/motionReduce.js +1 -3
  133. package/cjs/m/mouseAttract.js +1 -3
  134. package/cjs/m/mouseBounce.js +1 -3
  135. package/cjs/m/mouseFollow.js +1 -3
  136. package/cjs/m/mouseParticle.js +1 -3
  137. package/cjs/m/mouseParticle2.js +1 -3
  138. package/cjs/m/mouseTrail.js +1 -3
  139. package/cjs/m/mouseTrailNoise.js +1 -3
  140. package/cjs/m/moveAngle.js +1 -3
  141. package/cjs/m/moveDistance.js +1 -3
  142. package/cjs/m/moveInside.js +1 -3
  143. package/cjs/m/moveOutside.js +1 -3
  144. package/cjs/m/multipleClickEmitters.js +1 -3
  145. package/cjs/m/multiplePolygonMasks.js +2 -4
  146. package/cjs/n/index.js +19 -24
  147. package/cjs/n/namedColors.js +1 -3
  148. package/cjs/n/nasa.js +1 -3
  149. package/cjs/n/noClear.js +1 -3
  150. package/cjs/n/noConfig.js +1 -3
  151. package/cjs/n/noisePlanesFractal.js +3 -5
  152. package/cjs/n/noisePlanesPerlin.js +2 -4
  153. package/cjs/n/noisePlanesSimplex.js +2 -4
  154. package/cjs/n/nyancat.js +1 -3
  155. package/cjs/n/nyancat2.js +1 -3
  156. package/cjs/o/index.js +5 -10
  157. package/cjs/o/oklch.js +1 -3
  158. package/cjs/o/orbit.js +1 -3
  159. package/cjs/p/index.js +21 -26
  160. package/cjs/p/parallax.js +1 -3
  161. package/cjs/p/pathPolygonMask.js +1 -3
  162. package/cjs/p/pathSvg.js +8 -10
  163. package/cjs/p/pathZigZag.js +8 -10
  164. package/cjs/p/planes.js +2 -4
  165. package/cjs/p/plasma.js +1 -3
  166. package/cjs/p/poisson.js +1 -3
  167. package/cjs/p/polygonMask.js +2 -4
  168. package/cjs/p/polygons.js +1 -3
  169. package/cjs/p/pop.js +3 -5
  170. package/cjs/q/index.js +1 -3
  171. package/cjs/r/index.js +41 -46
  172. package/cjs/r/random.js +1 -3
  173. package/cjs/r/randomShapes.js +17 -19
  174. package/cjs/r/reactBubbles.js +1 -3
  175. package/cjs/r/reactDefaults.js +1 -8
  176. package/cjs/r/reactMultipleImages.js +4 -6
  177. package/cjs/r/reactNightSky.js +1 -10
  178. package/cjs/r/reactPolygonMask.js +2 -11
  179. package/cjs/r/reactSimple.js +1 -21
  180. package/cjs/r/reactSnow.js +1 -10
  181. package/cjs/r/reduceDuplicates.js +17 -19
  182. package/cjs/r/repulse.js +1 -3
  183. package/cjs/r/repulseBack.js +1 -3
  184. package/cjs/r/repulseCirc.js +1 -3
  185. package/cjs/r/repulseCubic.js +1 -3
  186. package/cjs/r/repulseExpo.js +1 -3
  187. package/cjs/r/repulseQuart.js +1 -3
  188. package/cjs/r/repulseQuint.js +1 -3
  189. package/cjs/r/repulseSine.js +1 -3
  190. package/cjs/r/responsive.js +1 -3
  191. package/cjs/r/ring.js +6 -8
  192. package/cjs/s/index.js +55 -60
  193. package/cjs/s/seaAnemone.js +6 -8
  194. package/cjs/s/shadow.js +13 -10
  195. package/cjs/s/shapeArrow.js +1 -3
  196. package/cjs/s/shapeCog.js +1 -3
  197. package/cjs/s/shapeEmoji.js +7 -9
  198. package/cjs/s/shapeEmojiPadding.js +1 -3
  199. package/cjs/s/shapeHeart.js +1 -3
  200. package/cjs/s/shapeInfinity.js +1 -3
  201. package/cjs/s/shapeMultilineText.js +1 -3
  202. package/cjs/s/shapeOptions.js +3 -5
  203. package/cjs/s/shapePath.js +1 -3
  204. package/cjs/s/shapeRoundedPolygon.js +1 -3
  205. package/cjs/s/shapeRoundedRect.js +1 -3
  206. package/cjs/s/shapeSpiral.js +1 -3
  207. package/cjs/s/slow.js +1 -3
  208. package/cjs/s/snow.js +1 -3
  209. package/cjs/s/soundsAudio.js +1 -3
  210. package/cjs/s/soundsLoop.js +1 -3
  211. package/cjs/s/soundsMelodies.js +1 -3
  212. package/cjs/s/soundsMelodyLoop.js +1 -3
  213. package/cjs/s/soundsNotes.js +1 -3
  214. package/cjs/s/speedDecay.js +6 -8
  215. package/cjs/s/spin.js +6 -8
  216. package/cjs/s/star.js +1 -3
  217. package/cjs/s/strokeAnimation.js +1 -3
  218. package/cjs/s/style.js +8 -10
  219. package/cjs/s/svgReplace.js +1 -3
  220. package/cjs/t/index.js +19 -24
  221. package/cjs/t/test.js +1 -3
  222. package/cjs/t/textMask.js +1 -3
  223. package/cjs/t/textMaskMultiline.js +1 -3
  224. package/cjs/t/themes.js +1 -3
  225. package/cjs/t/tilt.js +1 -3
  226. package/cjs/t/trail.js +8 -10
  227. package/cjs/t/trailImage.js +10 -12
  228. package/cjs/t/triangles.js +1 -3
  229. package/cjs/t/twinkle.js +1 -3
  230. package/cjs/u/index.js +1 -3
  231. package/cjs/v/index.js +5 -10
  232. package/cjs/v/vibrate.js +1 -3
  233. package/cjs/v/virus.js +2 -4
  234. package/cjs/w/index.js +7 -12
  235. package/cjs/w/warp.js +1 -3
  236. package/cjs/w/wobble.js +1 -3
  237. package/cjs/w/wobbleBig.js +1 -3
  238. package/cjs/x/index.js +1 -3
  239. package/cjs/y/index.js +1 -3
  240. package/cjs/z/index.js +3 -8
  241. package/cjs/z/zIndex.js +1 -3
  242. package/esm/a/amongUs.js +1 -1
  243. package/esm/b/backgroundMask.js +1 -1
  244. package/esm/b/backgroundMaskImage.js +2 -2
  245. package/esm/b/big.js +40 -3
  246. package/esm/c/curlNoise.js +7 -7
  247. package/esm/e/emitterImageShape.js +1 -1
  248. package/esm/e/emitterImages.js +16 -16
  249. package/esm/e/emitterPaths.js +5 -5
  250. package/esm/f/fallingConfetti.js +137 -0
  251. package/esm/f/fireworks.js +43 -6
  252. package/esm/f/fireworks2.js +39 -12
  253. package/esm/f/fireworksMask.js +195 -0
  254. package/esm/f/fontawesome.js +0 -5
  255. package/esm/f/forward.js +1 -1
  256. package/esm/f/index.js +4 -0
  257. package/esm/g/gravity.js +5 -5
  258. package/esm/g/index.js +1 -1
  259. package/esm/h/hexagonPath.js +5 -5
  260. package/esm/h/hollowknight.js +1 -1
  261. package/esm/h/hyperspace.js +5 -5
  262. package/esm/i/imageMask.js +1 -1
  263. package/esm/i/images.js +16 -16
  264. package/esm/i/imagesDirections.js +2 -2
  265. package/esm/index.js +5 -1
  266. package/esm/m/multiplePolygonMasks.js +1 -1
  267. package/esm/n/noisePlanesFractal.js +2 -2
  268. package/esm/n/noisePlanesPerlin.js +1 -1
  269. package/esm/n/noisePlanesSimplex.js +1 -1
  270. package/esm/p/pathSvg.js +7 -7
  271. package/esm/p/pathZigZag.js +7 -7
  272. package/esm/p/planes.js +1 -1
  273. package/esm/p/polygonMask.js +1 -1
  274. package/esm/r/randomShapes.js +16 -16
  275. package/esm/r/reactDefaults.js +0 -5
  276. package/esm/r/reactMultipleImages.js +3 -3
  277. package/esm/r/reactNightSky.js +0 -7
  278. package/esm/r/reactPolygonMask.js +1 -8
  279. package/esm/r/reactSimple.js +0 -18
  280. package/esm/r/reactSnow.js +0 -7
  281. package/esm/r/reduceDuplicates.js +16 -16
  282. package/esm/r/ring.js +5 -5
  283. package/esm/s/seaAnemone.js +5 -5
  284. package/esm/s/shadow.js +12 -7
  285. package/esm/s/shapeOptions.js +2 -2
  286. package/esm/s/speedDecay.js +5 -5
  287. package/esm/s/spin.js +5 -5
  288. package/esm/s/style.js +7 -7
  289. package/esm/t/trail.js +7 -7
  290. package/esm/t/trailImage.js +9 -9
  291. package/esm/v/virus.js +1 -1
  292. package/package.json +4 -3
  293. package/report.html +6 -5
  294. package/tsparticles.configs.bundle.js +5 -5
  295. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  296. package/tsparticles.configs.js +643 -629
  297. package/tsparticles.configs.min.js +1 -1
  298. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  299. package/types/f/fallingConfetti.d.ts +3 -0
  300. package/types/f/fireworksMask.d.ts +3 -0
  301. package/types/f/index.d.ts +2 -0
  302. package/types/index.d.ts +2 -0
  303. package/umd/a/amongUs.js +1 -1
  304. package/umd/b/backgroundMask.js +1 -1
  305. package/umd/b/backgroundMaskImage.js +2 -2
  306. package/umd/b/big.js +40 -3
  307. package/umd/c/curlNoise.js +7 -7
  308. package/umd/e/emitterImageShape.js +1 -1
  309. package/umd/e/emitterImages.js +16 -16
  310. package/umd/e/emitterPaths.js +5 -5
  311. package/umd/f/fallingConfetti.js +149 -0
  312. package/umd/f/fireworks.js +43 -6
  313. package/umd/f/fireworks2.js +39 -12
  314. package/umd/f/fireworksMask.js +207 -0
  315. package/umd/f/fontawesome.js +0 -5
  316. package/umd/f/forward.js +1 -1
  317. package/umd/f/index.js +5 -1
  318. package/umd/g/gravity.js +5 -5
  319. package/umd/g/index.js +3 -3
  320. package/umd/h/hexagonPath.js +5 -5
  321. package/umd/h/hollowknight.js +1 -1
  322. package/umd/h/hyperspace.js +5 -5
  323. package/umd/i/imageMask.js +1 -1
  324. package/umd/i/images.js +16 -16
  325. package/umd/i/imagesDirections.js +2 -2
  326. package/umd/index.js +5 -1
  327. package/umd/m/multiplePolygonMasks.js +1 -1
  328. package/umd/n/noisePlanesFractal.js +2 -2
  329. package/umd/n/noisePlanesPerlin.js +1 -1
  330. package/umd/n/noisePlanesSimplex.js +1 -1
  331. package/umd/p/pathSvg.js +7 -7
  332. package/umd/p/pathZigZag.js +7 -7
  333. package/umd/p/planes.js +1 -1
  334. package/umd/p/polygonMask.js +1 -1
  335. package/umd/r/randomShapes.js +16 -16
  336. package/umd/r/reactDefaults.js +0 -5
  337. package/umd/r/reactMultipleImages.js +3 -3
  338. package/umd/r/reactNightSky.js +0 -7
  339. package/umd/r/reactPolygonMask.js +1 -8
  340. package/umd/r/reactSimple.js +0 -18
  341. package/umd/r/reactSnow.js +0 -7
  342. package/umd/r/reduceDuplicates.js +16 -16
  343. package/umd/r/ring.js +5 -5
  344. package/umd/s/seaAnemone.js +5 -5
  345. package/umd/s/shadow.js +12 -7
  346. package/umd/s/shapeOptions.js +2 -2
  347. package/umd/s/speedDecay.js +5 -5
  348. package/umd/s/spin.js +5 -5
  349. package/umd/s/style.js +7 -7
  350. package/umd/t/trail.js +7 -7
  351. package/umd/t/trailImage.js +9 -9
  352. package/umd/v/virus.js +1 -1
@@ -91,7 +91,7 @@ const options = {
91
91
  type: "images",
92
92
  options: {
93
93
  images: {
94
- src: "https://particles.js.org/images/cyan_amongus.png",
94
+ src: "https://particles.js.org/images/hdr/cyan_amongus.png",
95
95
  width: 500,
96
96
  height: 634,
97
97
  },
@@ -73,7 +73,7 @@ const options = {
73
73
  },
74
74
  background: {
75
75
  color: "#ffffff",
76
- image: "url('https://particles.js.org/images/background3.jpg')",
76
+ image: "url('https://particles.js.org/images/hdr/background3.jpg')",
77
77
  position: "50% 50%",
78
78
  repeat: "no-repeat",
79
79
  size: "cover",
@@ -56,12 +56,12 @@ const options = {
56
56
  backgroundMask: {
57
57
  enable: true,
58
58
  cover: {
59
- image: "https://particles.js.org/images/background2.jpg",
59
+ image: "https://particles.js.org/images/hdr/background2.jpg",
60
60
  },
61
61
  },
62
62
  background: {
63
63
  color: "#ffffff",
64
- image: "url('https://particles.js.org/images/background3.jpg')",
64
+ image: "url('https://particles.js.org/images/hdr/background3.jpg')",
65
65
  position: "50% 50%",
66
66
  repeat: "no-repeat",
67
67
  size: "cover",
package/browser/b/big.js CHANGED
@@ -6,15 +6,52 @@ const options = {
6
6
  value: 30,
7
7
  },
8
8
  color: {
9
- value: ["#5bc0eb", "#fde74c", "#9bc53d", "#e55934", "#fa7921"],
9
+ value: [
10
+ "#FF0000",
11
+ "#FF2A00",
12
+ "#FF5500",
13
+ "#FF8000",
14
+ "#FFAA00",
15
+ "#FFD400",
16
+ "#FFFF00",
17
+ "#D4FF00",
18
+ "#AAFF00",
19
+ "#80FF00",
20
+ "#55FF00",
21
+ "#2AFF00",
22
+ "#00FF00",
23
+ "#00FF2A",
24
+ "#00FF55",
25
+ "#00FF80",
26
+ "#00FFAA",
27
+ "#00FFD4",
28
+ "#00FFFF",
29
+ "#00D4FF",
30
+ "#00AAFF",
31
+ "#0080FF",
32
+ "#0055FF",
33
+ "#002AFF",
34
+ "#0000FF",
35
+ "#2A00FF",
36
+ "#5500FF",
37
+ "#8000FF",
38
+ "#AA00FF",
39
+ "#D400FF",
40
+ "#FF00FF",
41
+ "#FF00D4",
42
+ "#FF00AA",
43
+ "#FF0080",
44
+ "#FF0055",
45
+ "#FF002A",
46
+ ],
10
47
  },
11
48
  shape: {
12
49
  type: "circle",
13
50
  },
14
51
  opacity: {
15
52
  value: {
16
- min: 0.4,
17
- max: 0.8,
53
+ min: 0.5,
54
+ max: 0.9,
18
55
  },
19
56
  },
20
57
  size: {
@@ -34,17 +34,17 @@ const options = {
34
34
  },
35
35
  enable: true,
36
36
  speed: 3,
37
- trail: {
38
- fill: {
39
- color: "#000",
40
- },
41
- enable: true,
42
- length: 1000,
43
- },
44
37
  },
45
38
  },
46
39
  background: {
47
40
  color: "#000000",
48
41
  },
42
+ trail: {
43
+ fill: {
44
+ color: "#000",
45
+ },
46
+ enable: true,
47
+ length: 1000,
48
+ },
49
49
  };
50
50
  export default options;
@@ -88,7 +88,7 @@ const minFilterValue = 30, minFilterAlpha = 0, rate = {
88
88
  offset: 4,
89
89
  },
90
90
  image: {
91
- src: "https://particles.js.org/images/amongus_cyan.png",
91
+ src: "https://particles.js.org/images/hdr/amongus_cyan.png",
92
92
  },
93
93
  }, true, { x: 50, y: 50 }),
94
94
  ],
@@ -45,82 +45,82 @@ const options = {
45
45
  options: {
46
46
  image: [
47
47
  {
48
- src: "https://particles.js.org/images/fruits/apple.png",
48
+ src: "https://particles.js.org/images/hdr/fruits/apple.png",
49
49
  width: 32,
50
50
  height: 32,
51
51
  },
52
52
  {
53
- src: "https://particles.js.org/images/fruits/avocado.png",
53
+ src: "https://particles.js.org/images/hdr/fruits/avocado.png",
54
54
  width: 32,
55
55
  height: 32,
56
56
  },
57
57
  {
58
- src: "https://particles.js.org/images/fruits/banana.png",
58
+ src: "https://particles.js.org/images/hdr/fruits/banana.png",
59
59
  width: 32,
60
60
  height: 32,
61
61
  },
62
62
  {
63
- src: "https://particles.js.org/images/fruits/berries.png",
63
+ src: "https://particles.js.org/images/hdr/fruits/berries.png",
64
64
  width: 32,
65
65
  height: 32,
66
66
  },
67
67
  {
68
- src: "https://particles.js.org/images/fruits/cherry.png",
68
+ src: "https://particles.js.org/images/hdr/fruits/cherry.png",
69
69
  width: 32,
70
70
  height: 32,
71
71
  },
72
72
  {
73
- src: "https://particles.js.org/images/fruits/grapes.png",
73
+ src: "https://particles.js.org/images/hdr/fruits/grapes.png",
74
74
  width: 32,
75
75
  height: 32,
76
76
  },
77
77
  {
78
- src: "https://particles.js.org/images/fruits/lemon.png",
78
+ src: "https://particles.js.org/images/hdr/fruits/lemon.png",
79
79
  width: 32,
80
80
  height: 32,
81
81
  },
82
82
  {
83
- src: "https://particles.js.org/images/fruits/orange.png",
83
+ src: "https://particles.js.org/images/hdr/fruits/orange.png",
84
84
  width: 32,
85
85
  height: 32,
86
86
  },
87
87
  {
88
- src: "https://particles.js.org/images/fruits/peach.png",
88
+ src: "https://particles.js.org/images/hdr/fruits/peach.png",
89
89
  width: 32,
90
90
  height: 32,
91
91
  },
92
92
  {
93
- src: "https://particles.js.org/images/fruits/pear.png",
93
+ src: "https://particles.js.org/images/hdr/fruits/pear.png",
94
94
  width: 32,
95
95
  height: 32,
96
96
  },
97
97
  {
98
- src: "https://particles.js.org/images/fruits/pepper.png",
98
+ src: "https://particles.js.org/images/hdr/fruits/pepper.png",
99
99
  width: 32,
100
100
  height: 32,
101
101
  },
102
102
  {
103
- src: "https://particles.js.org/images/fruits/plum.png",
103
+ src: "https://particles.js.org/images/hdr/fruits/plum.png",
104
104
  width: 32,
105
105
  height: 32,
106
106
  },
107
107
  {
108
- src: "https://particles.js.org/images/fruits/star.png",
108
+ src: "https://particles.js.org/images/hdr/fruits/star.png",
109
109
  width: 32,
110
110
  height: 32,
111
111
  },
112
112
  {
113
- src: "https://particles.js.org/images/fruits/strawberry.png",
113
+ src: "https://particles.js.org/images/hdr/fruits/strawberry.png",
114
114
  width: 32,
115
115
  height: 32,
116
116
  },
117
117
  {
118
- src: "https://particles.js.org/images/fruits/watermelon.png",
118
+ src: "https://particles.js.org/images/hdr/fruits/watermelon.png",
119
119
  width: 32,
120
120
  height: 32,
121
121
  },
122
122
  {
123
- src: "https://particles.js.org/images/fruits/watermelon_slice.png",
123
+ src: "https://particles.js.org/images/hdr/fruits/watermelon_slice.png",
124
124
  width: 32,
125
125
  height: 32,
126
126
  },
@@ -10,11 +10,6 @@ const options = {
10
10
  },
11
11
  move: {
12
12
  enable: true,
13
- trail: {
14
- enable: true,
15
- fill: { color: "#fff" },
16
- length: 20,
17
- },
18
13
  outModes: "destroy",
19
14
  },
20
15
  shape: {
@@ -85,5 +80,10 @@ const options = {
85
80
  },
86
81
  },
87
82
  ],
83
+ trail: {
84
+ enable: true,
85
+ fill: { color: "#fff" },
86
+ length: 20,
87
+ },
88
88
  };
89
89
  export default options;
@@ -0,0 +1,137 @@
1
+ const options = {
2
+ key: "fallingConfetti",
3
+ name: "Falling Confetti",
4
+ background: {
5
+ color: "#000000",
6
+ },
7
+ particles: {
8
+ color: {
9
+ value: [
10
+ "#FF0000",
11
+ "#FF2A00",
12
+ "#FF5500",
13
+ "#FF8000",
14
+ "#FFAA00",
15
+ "#FFD400",
16
+ "#FFFF00",
17
+ "#D4FF00",
18
+ "#AAFF00",
19
+ "#80FF00",
20
+ "#55FF00",
21
+ "#2AFF00",
22
+ "#00FF00",
23
+ "#00FF2A",
24
+ "#00FF55",
25
+ "#00FF80",
26
+ "#00FFAA",
27
+ "#00FFD4",
28
+ "#00FFFF",
29
+ "#00D4FF",
30
+ "#00AAFF",
31
+ "#0080FF",
32
+ "#0055FF",
33
+ "#002AFF",
34
+ "#0000FF",
35
+ "#2A00FF",
36
+ "#5500FF",
37
+ "#8000FF",
38
+ "#AA00FF",
39
+ "#D400FF",
40
+ "#FF00FF",
41
+ "#FF00D4",
42
+ "#FF00AA",
43
+ "#FF0080",
44
+ "#FF0055",
45
+ "#FF002A",
46
+ ],
47
+ animation: {
48
+ enable: true,
49
+ speed: 30,
50
+ },
51
+ },
52
+ move: {
53
+ direction: "bottom",
54
+ enable: true,
55
+ outModes: "out",
56
+ speed: {
57
+ min: 3,
58
+ max: 10,
59
+ },
60
+ },
61
+ number: {
62
+ value: 300,
63
+ },
64
+ opacity: {
65
+ value: 1,
66
+ },
67
+ rotate: {
68
+ value: {
69
+ min: 0,
70
+ max: 360,
71
+ },
72
+ direction: "random",
73
+ move: true,
74
+ animation: {
75
+ enable: true,
76
+ speed: 60,
77
+ },
78
+ },
79
+ tilt: {
80
+ direction: "random",
81
+ enable: true,
82
+ value: {
83
+ min: 0,
84
+ max: 360,
85
+ },
86
+ animation: {
87
+ enable: true,
88
+ speed: 60,
89
+ },
90
+ },
91
+ shape: {
92
+ type: ["circle", "square", "polygon"],
93
+ options: {
94
+ polygon: [
95
+ {
96
+ sides: 5,
97
+ },
98
+ {
99
+ sides: 6,
100
+ },
101
+ ],
102
+ },
103
+ },
104
+ size: {
105
+ value: {
106
+ min: 5,
107
+ max: 15,
108
+ },
109
+ },
110
+ roll: {
111
+ darken: {
112
+ enable: true,
113
+ value: 30,
114
+ },
115
+ enlighten: {
116
+ enable: true,
117
+ value: 30,
118
+ },
119
+ enable: true,
120
+ mode: "both",
121
+ speed: {
122
+ min: 15,
123
+ max: 25,
124
+ },
125
+ },
126
+ wobble: {
127
+ distance: 30,
128
+ enable: true,
129
+ move: true,
130
+ speed: {
131
+ min: -15,
132
+ max: 15,
133
+ },
134
+ },
135
+ },
136
+ };
137
+ export default options;
@@ -50,7 +50,44 @@ const options = {
50
50
  width: 0,
51
51
  },
52
52
  color: {
53
- value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
53
+ value: [
54
+ "#FF0000",
55
+ "#FF2A00",
56
+ "#FF5500",
57
+ "#FF8000",
58
+ "#FFAA00",
59
+ "#FFD400",
60
+ "#FFFF00",
61
+ "#D4FF00",
62
+ "#AAFF00",
63
+ "#80FF00",
64
+ "#55FF00",
65
+ "#2AFF00",
66
+ "#00FF00",
67
+ "#00FF2A",
68
+ "#00FF55",
69
+ "#00FF80",
70
+ "#00FFAA",
71
+ "#00FFD4",
72
+ "#00FFFF",
73
+ "#00D4FF",
74
+ "#00AAFF",
75
+ "#0080FF",
76
+ "#0055FF",
77
+ "#002AFF",
78
+ "#0000FF",
79
+ "#2A00FF",
80
+ "#5500FF",
81
+ "#8000FF",
82
+ "#AA00FF",
83
+ "#D400FF",
84
+ "#FF00FF",
85
+ "#FF00D4",
86
+ "#FF00AA",
87
+ "#FF0080",
88
+ "#FF0055",
89
+ "#FF002A",
90
+ ],
54
91
  },
55
92
  number: {
56
93
  value: 0,
@@ -157,11 +194,6 @@ const options = {
157
194
  default: "destroy",
158
195
  top: "none",
159
196
  },
160
- trail: {
161
- fill: { color: "#000" },
162
- enable: true,
163
- length: 10,
164
- },
165
197
  },
166
198
  },
167
199
  sounds: {
@@ -179,5 +211,10 @@ const options = {
179
211
  ],
180
212
  volume: 50,
181
213
  },
214
+ trail: {
215
+ fill: { color: "#000" },
216
+ enable: true,
217
+ length: 10,
218
+ },
182
219
  };
183
220
  export default options;
@@ -6,17 +6,7 @@ const options = {
6
6
  enable: true,
7
7
  },
8
8
  background: {
9
- color: "#ffffff",
10
- image: "url('https://particles.js.org/images/background3.jpg')",
11
- position: "50% 50%",
12
- repeat: "no-repeat",
13
- size: "cover",
14
- },
15
- backgroundMask: {
16
- enable: true,
17
- cover: {
18
- color: "#000",
19
- },
9
+ color: "#000",
20
10
  },
21
11
  emitters: {
22
12
  direction: "top",
@@ -63,7 +53,44 @@ const options = {
63
53
  width: 0,
64
54
  },
65
55
  color: {
66
- value: ["#ff595e", "#ffca3a", "#8ac926", "#1982c4", "#6a4c93"],
56
+ value: [
57
+ "#FF0000",
58
+ "#FF2A00",
59
+ "#FF5500",
60
+ "#FF8000",
61
+ "#FFAA00",
62
+ "#FFD400",
63
+ "#FFFF00",
64
+ "#D4FF00",
65
+ "#AAFF00",
66
+ "#80FF00",
67
+ "#55FF00",
68
+ "#2AFF00",
69
+ "#00FF00",
70
+ "#00FF2A",
71
+ "#00FF55",
72
+ "#00FF80",
73
+ "#00FFAA",
74
+ "#00FFD4",
75
+ "#00FFFF",
76
+ "#00D4FF",
77
+ "#00AAFF",
78
+ "#0080FF",
79
+ "#0055FF",
80
+ "#002AFF",
81
+ "#0000FF",
82
+ "#2A00FF",
83
+ "#5500FF",
84
+ "#8000FF",
85
+ "#AA00FF",
86
+ "#D400FF",
87
+ "#FF00FF",
88
+ "#FF00D4",
89
+ "#FF00AA",
90
+ "#FF0080",
91
+ "#FF0055",
92
+ "#FF002A",
93
+ ],
67
94
  },
68
95
  number: {
69
96
  value: 0,