@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.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 (498) hide show
  1. package/README.md +244 -188
  2. package/browser/Core/Canvas.js +273 -243
  3. package/browser/Core/Container.js +97 -113
  4. package/browser/Core/Engine.js +271 -0
  5. package/browser/Core/Particle.js +165 -172
  6. package/browser/Core/Particles.js +153 -148
  7. package/browser/Core/Retina.js +17 -15
  8. package/browser/Core/Utils/Circle.js +12 -8
  9. package/browser/Core/Utils/Constants.js +4 -3
  10. package/browser/Core/Utils/EventListeners.js +259 -235
  11. package/browser/Core/Utils/InteractionManager.js +6 -16
  12. package/browser/Core/Utils/QuadTree.js +17 -23
  13. package/browser/Core/Utils/Rectangle.js +2 -2
  14. package/browser/Core/Utils/Vector.js +1 -1
  15. package/browser/Core/Utils/Vector3d.js +17 -9
  16. package/browser/Options/Classes/AnimatableColor.js +4 -3
  17. package/browser/Options/Classes/AnimationOptions.js +5 -4
  18. package/browser/Options/Classes/Background/Background.js +1 -1
  19. package/browser/Options/Classes/BackgroundMask/BackgroundMask.js +3 -2
  20. package/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js +1 -1
  21. package/browser/Options/Classes/ColorAnimation.js +5 -1
  22. package/browser/Options/Classes/HslAnimation.js +1 -1
  23. package/browser/Options/Classes/Interactivity/Events/DivEvent.js +0 -24
  24. package/browser/Options/Classes/Interactivity/Events/Events.js +9 -28
  25. package/browser/Options/Classes/Interactivity/Events/HoverEvent.js +1 -1
  26. package/browser/Options/Classes/Interactivity/Interactivity.js +3 -10
  27. package/browser/Options/Classes/Interactivity/Modes/Modes.js +11 -8
  28. package/browser/Options/Classes/ManualParticle.js +6 -7
  29. package/browser/Options/Classes/Options.js +28 -48
  30. package/browser/Options/Classes/OptionsColor.js +3 -2
  31. package/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js +1 -1
  32. package/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +1 -1
  33. package/browser/Options/Classes/Particles/Collisions/Collisions.js +8 -3
  34. package/browser/Options/Classes/Particles/Move/Move.js +20 -50
  35. package/browser/Options/Classes/Particles/Move/MoveAngle.js +1 -1
  36. package/browser/Options/Classes/Particles/Move/MoveAttract.js +10 -21
  37. package/browser/Options/Classes/Particles/Move/MoveGravity.js +1 -1
  38. package/browser/Options/Classes/Particles/Move/MoveTrail.js +3 -9
  39. package/browser/Options/Classes/Particles/Move/MoveTrailFill.js +1 -1
  40. package/browser/Options/Classes/Particles/Move/OutModes.js +4 -5
  41. package/browser/Options/Classes/Particles/Move/Path/MovePath.js +2 -2
  42. package/browser/Options/Classes/Particles/Move/Spin.js +5 -3
  43. package/browser/Options/Classes/Particles/Number/ParticlesDensity.js +2 -21
  44. package/browser/Options/Classes/Particles/Number/ParticlesNumber.js +3 -10
  45. package/browser/Options/Classes/Particles/Opacity/Opacity.js +12 -8
  46. package/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -10
  47. package/browser/Options/Classes/Particles/ParticlesOptions.js +18 -23
  48. package/browser/Options/Classes/Particles/Shadow.js +1 -1
  49. package/browser/Options/Classes/Particles/Shape/Shape.js +10 -11
  50. package/browser/Options/Classes/Particles/Size/Size.js +12 -8
  51. package/browser/Options/Classes/Particles/Size/SizeAnimation.js +1 -10
  52. package/browser/Options/Classes/Particles/Stroke.js +2 -2
  53. package/browser/Options/Classes/Particles/ZIndex/ZIndex.js +1 -1
  54. package/browser/Options/Classes/Responsive.js +1 -1
  55. package/browser/Options/Classes/Theme/Theme.js +2 -2
  56. package/browser/Options/Classes/ValueWithRandom.js +6 -19
  57. package/browser/Utils/CanvasUtils.js +19 -55
  58. package/browser/Utils/ColorUtils.js +18 -20
  59. package/browser/Utils/EventDispatcher.js +7 -6
  60. package/browser/Utils/HslColorManager.js +4 -6
  61. package/browser/Utils/NumberUtils.js +42 -46
  62. package/browser/Utils/OptionsUtils.js +1 -1
  63. package/browser/Utils/RgbColorManager.js +3 -5
  64. package/browser/Utils/Utils.js +135 -64
  65. package/browser/bundle.js +4 -97
  66. package/browser/export-types.js +97 -0
  67. package/browser/exports.js +89 -0
  68. package/browser/index.js +8 -199
  69. package/browser/init.js +12 -0
  70. package/browser/package.json +1 -0
  71. package/cjs/Core/Canvas.js +278 -248
  72. package/cjs/Core/Container.js +104 -120
  73. package/cjs/Core/Engine.js +275 -0
  74. package/cjs/Core/Particle.js +173 -180
  75. package/cjs/Core/Particles.js +154 -149
  76. package/cjs/Core/Retina.js +20 -18
  77. package/cjs/Core/Utils/Circle.js +14 -10
  78. package/cjs/Core/Utils/Constants.js +5 -4
  79. package/cjs/Core/Utils/EventListeners.js +267 -243
  80. package/cjs/Core/Utils/InteractionManager.js +6 -16
  81. package/cjs/Core/Utils/QuadTree.js +20 -26
  82. package/cjs/Core/Utils/Rectangle.js +4 -4
  83. package/cjs/Core/Utils/Vector.js +2 -2
  84. package/cjs/Core/Utils/Vector3d.js +17 -9
  85. package/cjs/Options/Classes/AnimatableColor.js +6 -5
  86. package/cjs/Options/Classes/AnimationOptions.js +8 -7
  87. package/cjs/Options/Classes/Background/Background.js +3 -3
  88. package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js +4 -3
  89. package/cjs/Options/Classes/BackgroundMask/BackgroundMaskCover.js +3 -3
  90. package/cjs/Options/Classes/ColorAnimation.js +9 -5
  91. package/cjs/Options/Classes/HslAnimation.js +4 -4
  92. package/cjs/Options/Classes/Interactivity/Events/DivEvent.js +0 -24
  93. package/cjs/Options/Classes/Interactivity/Events/Events.js +15 -34
  94. package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js +2 -2
  95. package/cjs/Options/Classes/Interactivity/Interactivity.js +5 -12
  96. package/cjs/Options/Classes/Interactivity/Modes/Modes.js +11 -8
  97. package/cjs/Options/Classes/ManualParticle.js +7 -8
  98. package/cjs/Options/Classes/Options.js +41 -61
  99. package/cjs/Options/Classes/OptionsColor.js +3 -2
  100. package/cjs/Options/Classes/Particles/Bounce/ParticlesBounce.js +3 -3
  101. package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +2 -2
  102. package/cjs/Options/Classes/Particles/Collisions/Collisions.js +11 -6
  103. package/cjs/Options/Classes/Particles/Move/Move.js +31 -61
  104. package/cjs/Options/Classes/Particles/Move/MoveAngle.js +3 -3
  105. package/cjs/Options/Classes/Particles/Move/MoveAttract.js +11 -22
  106. package/cjs/Options/Classes/Particles/Move/MoveGravity.js +3 -3
  107. package/cjs/Options/Classes/Particles/Move/MoveTrail.js +4 -10
  108. package/cjs/Options/Classes/Particles/Move/MoveTrailFill.js +2 -2
  109. package/cjs/Options/Classes/Particles/Move/OutModes.js +4 -5
  110. package/cjs/Options/Classes/Particles/Move/Path/MovePath.js +4 -4
  111. package/cjs/Options/Classes/Particles/Move/Spin.js +6 -4
  112. package/cjs/Options/Classes/Particles/Number/ParticlesDensity.js +2 -21
  113. package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js +4 -11
  114. package/cjs/Options/Classes/Particles/Opacity/Opacity.js +13 -9
  115. package/cjs/Options/Classes/Particles/Opacity/OpacityAnimation.js +2 -11
  116. package/cjs/Options/Classes/Particles/ParticlesOptions.js +32 -37
  117. package/cjs/Options/Classes/Particles/Shadow.js +3 -3
  118. package/cjs/Options/Classes/Particles/Shape/Shape.js +10 -11
  119. package/cjs/Options/Classes/Particles/Size/Size.js +13 -9
  120. package/cjs/Options/Classes/Particles/Size/SizeAnimation.js +2 -11
  121. package/cjs/Options/Classes/Particles/Stroke.js +5 -5
  122. package/cjs/Options/Classes/Particles/ZIndex/ZIndex.js +2 -2
  123. package/cjs/Options/Classes/Responsive.js +2 -2
  124. package/cjs/Options/Classes/Theme/Theme.js +4 -4
  125. package/cjs/Options/Classes/ValueWithRandom.js +10 -23
  126. package/cjs/Utils/CanvasUtils.js +23 -60
  127. package/cjs/Utils/ColorUtils.js +31 -33
  128. package/cjs/Utils/EventDispatcher.js +7 -6
  129. package/cjs/Utils/HslColorManager.js +11 -13
  130. package/cjs/Utils/NumberUtils.js +44 -48
  131. package/cjs/Utils/OptionsUtils.js +2 -2
  132. package/cjs/Utils/RgbColorManager.js +7 -9
  133. package/cjs/Utils/Utils.js +157 -77
  134. package/cjs/bundle.js +4 -97
  135. package/cjs/export-types.js +113 -0
  136. package/cjs/exports.js +105 -0
  137. package/cjs/index.js +8 -199
  138. package/cjs/init.js +16 -0
  139. package/cjs/package.json +1 -0
  140. package/esm/Core/Canvas.js +273 -243
  141. package/esm/Core/Container.js +97 -113
  142. package/esm/Core/Engine.js +271 -0
  143. package/esm/Core/Particle.js +165 -172
  144. package/esm/Core/Particles.js +153 -148
  145. package/esm/Core/Retina.js +17 -15
  146. package/esm/Core/Utils/Circle.js +12 -8
  147. package/esm/Core/Utils/Constants.js +4 -3
  148. package/esm/Core/Utils/EventListeners.js +259 -235
  149. package/esm/Core/Utils/InteractionManager.js +6 -16
  150. package/esm/Core/Utils/QuadTree.js +17 -23
  151. package/esm/Core/Utils/Rectangle.js +2 -2
  152. package/esm/Core/Utils/Vector.js +1 -1
  153. package/esm/Core/Utils/Vector3d.js +17 -9
  154. package/esm/Options/Classes/AnimatableColor.js +4 -3
  155. package/esm/Options/Classes/AnimationOptions.js +5 -4
  156. package/esm/Options/Classes/Background/Background.js +1 -1
  157. package/esm/Options/Classes/BackgroundMask/BackgroundMask.js +3 -2
  158. package/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js +1 -1
  159. package/esm/Options/Classes/ColorAnimation.js +5 -1
  160. package/esm/Options/Classes/HslAnimation.js +1 -1
  161. package/esm/Options/Classes/Interactivity/Events/DivEvent.js +0 -24
  162. package/esm/Options/Classes/Interactivity/Events/Events.js +9 -28
  163. package/esm/Options/Classes/Interactivity/Events/HoverEvent.js +1 -1
  164. package/esm/Options/Classes/Interactivity/Interactivity.js +3 -10
  165. package/esm/Options/Classes/Interactivity/Modes/Modes.js +11 -8
  166. package/esm/Options/Classes/ManualParticle.js +6 -7
  167. package/esm/Options/Classes/Options.js +28 -48
  168. package/esm/Options/Classes/OptionsColor.js +3 -2
  169. package/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js +1 -1
  170. package/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +1 -1
  171. package/esm/Options/Classes/Particles/Collisions/Collisions.js +8 -3
  172. package/esm/Options/Classes/Particles/Move/Move.js +20 -50
  173. package/esm/Options/Classes/Particles/Move/MoveAngle.js +1 -1
  174. package/esm/Options/Classes/Particles/Move/MoveAttract.js +10 -21
  175. package/esm/Options/Classes/Particles/Move/MoveGravity.js +1 -1
  176. package/esm/Options/Classes/Particles/Move/MoveTrail.js +3 -9
  177. package/esm/Options/Classes/Particles/Move/MoveTrailFill.js +1 -1
  178. package/esm/Options/Classes/Particles/Move/OutModes.js +4 -5
  179. package/esm/Options/Classes/Particles/Move/Path/MovePath.js +2 -2
  180. package/esm/Options/Classes/Particles/Move/Spin.js +5 -3
  181. package/esm/Options/Classes/Particles/Number/ParticlesDensity.js +2 -21
  182. package/esm/Options/Classes/Particles/Number/ParticlesNumber.js +3 -10
  183. package/esm/Options/Classes/Particles/Opacity/Opacity.js +12 -8
  184. package/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js +1 -10
  185. package/esm/Options/Classes/Particles/ParticlesOptions.js +18 -23
  186. package/esm/Options/Classes/Particles/Shadow.js +1 -1
  187. package/esm/Options/Classes/Particles/Shape/Shape.js +10 -11
  188. package/esm/Options/Classes/Particles/Size/Size.js +12 -8
  189. package/esm/Options/Classes/Particles/Size/SizeAnimation.js +1 -10
  190. package/esm/Options/Classes/Particles/Stroke.js +2 -2
  191. package/esm/Options/Classes/Particles/ZIndex/ZIndex.js +1 -1
  192. package/esm/Options/Classes/Responsive.js +1 -1
  193. package/esm/Options/Classes/Theme/Theme.js +2 -2
  194. package/esm/Options/Classes/ValueWithRandom.js +6 -19
  195. package/esm/Utils/CanvasUtils.js +19 -55
  196. package/esm/Utils/ColorUtils.js +18 -20
  197. package/esm/Utils/EventDispatcher.js +7 -6
  198. package/esm/Utils/HslColorManager.js +4 -6
  199. package/esm/Utils/NumberUtils.js +42 -46
  200. package/esm/Utils/OptionsUtils.js +1 -1
  201. package/esm/Utils/RgbColorManager.js +3 -5
  202. package/esm/Utils/Utils.js +135 -64
  203. package/esm/bundle.js +4 -97
  204. package/esm/export-types.js +97 -0
  205. package/esm/exports.js +89 -0
  206. package/esm/index.js +8 -199
  207. package/esm/init.js +12 -0
  208. package/esm/package.json +1 -0
  209. package/package.json +21 -4
  210. package/report.html +4 -4
  211. package/scripts/install.js +90 -33
  212. package/tsparticles.engine.js +1832 -2007
  213. package/tsparticles.engine.min.js +1 -1
  214. package/tsparticles.engine.min.js.LICENSE.txt +1 -10
  215. package/types/Core/Canvas.d.ts +25 -21
  216. package/types/Core/Container.d.ts +21 -25
  217. package/types/Core/Engine.d.ts +71 -0
  218. package/types/Core/Interfaces/Colors.d.ts +2 -2
  219. package/types/Core/Interfaces/IBubbleParticleData.d.ts +1 -1
  220. package/types/Core/Interfaces/ICircleBouncer.d.ts +2 -2
  221. package/types/Core/Interfaces/IColorManager.d.ts +1 -1
  222. package/types/Core/Interfaces/IContainerInteractivity.d.ts +1 -1
  223. package/types/Core/Interfaces/IContainerPlugin.d.ts +8 -6
  224. package/types/Core/Interfaces/ICoordinates.d.ts +3 -3
  225. package/types/Core/Interfaces/IDimension.d.ts +2 -2
  226. package/types/Core/Interfaces/IDrawParticleParams.d.ts +6 -6
  227. package/types/Core/Interfaces/IExternalInteractor.d.ts +7 -7
  228. package/types/Core/Interfaces/IInteractor.d.ts +8 -8
  229. package/types/Core/Interfaces/ILoadParams.d.ts +2 -2
  230. package/types/Core/Interfaces/IMouseData.d.ts +1 -1
  231. package/types/Core/Interfaces/IMovePathGenerator.d.ts +5 -4
  232. package/types/Core/Interfaces/IParticle.d.ts +11 -11
  233. package/types/Core/Interfaces/IParticleHslAnimation.d.ts +1 -1
  234. package/types/Core/Interfaces/IParticleMover.d.ts +2 -2
  235. package/types/Core/Interfaces/IParticleRetinaProps.d.ts +1 -1
  236. package/types/Core/Interfaces/IParticleRoll.d.ts +1 -1
  237. package/types/Core/Interfaces/IParticleUpdater.d.ts +7 -9
  238. package/types/Core/Interfaces/IParticleValueAnimation.d.ts +3 -1
  239. package/types/Core/Interfaces/IParticlesInteractor.d.ts +3 -3
  240. package/types/Core/Interfaces/IPlugin.d.ts +7 -6
  241. package/types/Core/Interfaces/IPositionFromSizeParams.d.ts +2 -2
  242. package/types/Core/Interfaces/IShapeDrawer.d.ts +1 -1
  243. package/types/Core/Interfaces/IShapeValues.d.ts +2 -2
  244. package/types/Core/Interfaces/ITrailFillData.d.ts +1 -1
  245. package/types/Core/Particle.d.ts +27 -27
  246. package/types/Core/Particles.d.ts +24 -21
  247. package/types/Core/Retina.d.ts +2 -2
  248. package/types/Core/Utils/Circle.d.ts +2 -2
  249. package/types/Core/Utils/Constants.d.ts +4 -3
  250. package/types/Core/Utils/EventListeners.d.ts +21 -19
  251. package/types/Core/Utils/ExternalInteractorBase.d.ts +5 -5
  252. package/types/Core/Utils/InteractionManager.d.ts +5 -5
  253. package/types/Core/Utils/ParticlesInteractorBase.d.ts +5 -5
  254. package/types/Core/Utils/Point.d.ts +2 -2
  255. package/types/Core/Utils/QuadTree.d.ts +8 -11
  256. package/types/Core/Utils/Range.d.ts +1 -1
  257. package/types/Core/Utils/Rectangle.d.ts +3 -3
  258. package/types/Core/Utils/Vector.d.ts +2 -2
  259. package/types/Core/Utils/Vector3d.d.ts +3 -2
  260. package/types/Enums/Modes/{SizeMode.d.ts → PixelMode.d.ts} +1 -1
  261. package/types/Options/Classes/AnimatableColor.d.ts +6 -6
  262. package/types/Options/Classes/AnimationOptions.d.ts +7 -7
  263. package/types/Options/Classes/Background/Background.d.ts +4 -4
  264. package/types/Options/Classes/BackgroundMask/BackgroundMask.d.ts +4 -4
  265. package/types/Options/Classes/BackgroundMask/BackgroundMaskCover.d.ts +4 -4
  266. package/types/Options/Classes/ColorAnimation.d.ts +5 -4
  267. package/types/Options/Classes/FullScreen/FullScreen.d.ts +3 -3
  268. package/types/Options/Classes/HslAnimation.d.ts +4 -4
  269. package/types/Options/Classes/Interactivity/Events/ClickEvent.d.ts +5 -5
  270. package/types/Options/Classes/Interactivity/Events/DivEvent.d.ts +6 -12
  271. package/types/Options/Classes/Interactivity/Events/Events.d.ts +8 -14
  272. package/types/Options/Classes/Interactivity/Events/HoverEvent.d.ts +6 -6
  273. package/types/Options/Classes/Interactivity/Events/Parallax.d.ts +3 -3
  274. package/types/Options/Classes/Interactivity/Events/ResizeEvent.d.ts +3 -3
  275. package/types/Options/Classes/Interactivity/Interactivity.d.ts +8 -10
  276. package/types/Options/Classes/Interactivity/Modes/Modes.d.ts +5 -5
  277. package/types/Options/Classes/ManualParticle.d.ts +5 -5
  278. package/types/Options/Classes/Options.d.ts +19 -26
  279. package/types/Options/Classes/OptionsColor.d.ts +5 -5
  280. package/types/Options/Classes/Particles/Bounce/ParticlesBounce.d.ts +4 -4
  281. package/types/Options/Classes/Particles/Bounce/ParticlesBounceFactor.d.ts +1 -1
  282. package/types/Options/Classes/Particles/Collisions/Collisions.d.ts +9 -7
  283. package/types/Options/Classes/Particles/Collisions/CollisionsAbsorb.d.ts +3 -3
  284. package/types/Options/Classes/Particles/Collisions/CollisionsOverlap.d.ts +3 -3
  285. package/types/Options/Classes/Particles/Move/Move.d.ts +15 -26
  286. package/types/Options/Classes/Particles/Move/MoveAngle.d.ts +4 -4
  287. package/types/Options/Classes/Particles/Move/MoveAttract.d.ts +5 -9
  288. package/types/Options/Classes/Particles/Move/MoveCenter.d.ts +5 -5
  289. package/types/Options/Classes/Particles/Move/MoveGravity.d.ts +4 -4
  290. package/types/Options/Classes/Particles/Move/MoveTrail.d.ts +4 -7
  291. package/types/Options/Classes/Particles/Move/MoveTrailFill.d.ts +4 -4
  292. package/types/Options/Classes/Particles/Move/OutModes.d.ts +5 -5
  293. package/types/Options/Classes/Particles/Move/Path/MovePath.d.ts +5 -5
  294. package/types/Options/Classes/Particles/Move/Spin.d.ts +5 -5
  295. package/types/Options/Classes/Particles/Number/ParticlesDensity.d.ts +3 -9
  296. package/types/Options/Classes/Particles/Number/ParticlesNumber.d.ts +4 -6
  297. package/types/Options/Classes/Particles/Opacity/Opacity.d.ts +7 -7
  298. package/types/Options/Classes/Particles/Opacity/OpacityAnimation.d.ts +5 -7
  299. package/types/Options/Classes/Particles/ParticlesOptions.d.ts +19 -19
  300. package/types/Options/Classes/Particles/Shadow.d.ts +5 -5
  301. package/types/Options/Classes/Particles/Shape/Shape.d.ts +5 -5
  302. package/types/Options/Classes/Particles/Size/Size.d.ts +7 -7
  303. package/types/Options/Classes/Particles/Size/SizeAnimation.d.ts +5 -7
  304. package/types/Options/Classes/Particles/Stroke.d.ts +5 -5
  305. package/types/Options/Classes/Particles/ZIndex/ZIndex.d.ts +4 -4
  306. package/types/Options/Classes/Random.d.ts +3 -3
  307. package/types/Options/Classes/Responsive.d.ts +7 -7
  308. package/types/Options/Classes/Theme/Theme.d.ts +6 -6
  309. package/types/Options/Classes/Theme/ThemeDefault.d.ts +4 -4
  310. package/types/Options/Classes/ValueWithRandom.d.ts +7 -11
  311. package/types/Options/Interfaces/Background/IBackground.d.ts +1 -1
  312. package/types/Options/Interfaces/BackgroundMask/IBackgroundMask.d.ts +2 -2
  313. package/types/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.d.ts +1 -1
  314. package/types/Options/Interfaces/IAnimatable.d.ts +1 -1
  315. package/types/Options/Interfaces/IAnimatableColor.d.ts +3 -3
  316. package/types/Options/Interfaces/IAnimation.d.ts +4 -4
  317. package/types/Options/Interfaces/IColorAnimation.d.ts +2 -2
  318. package/types/Options/Interfaces/IHslAnimation.d.ts +1 -1
  319. package/types/Options/Interfaces/IManualParticle.d.ts +3 -3
  320. package/types/Options/Interfaces/IOptionLoader.d.ts +1 -1
  321. package/types/Options/Interfaces/IOptions.d.ts +12 -15
  322. package/types/Options/Interfaces/IOptionsColor.d.ts +1 -1
  323. package/types/Options/Interfaces/IResponsive.d.ts +5 -4
  324. package/types/Options/Interfaces/IValueWithRandom.d.ts +3 -3
  325. package/types/Options/Interfaces/Interactivity/Events/IClickEvent.d.ts +2 -2
  326. package/types/Options/Interfaces/Interactivity/Events/IDivEvent.d.ts +3 -6
  327. package/types/Options/Interfaces/Interactivity/Events/IEvents.d.ts +5 -8
  328. package/types/Options/Interfaces/Interactivity/Events/IHoverEvent.d.ts +3 -3
  329. package/types/Options/Interfaces/Interactivity/IInteractivity.d.ts +3 -4
  330. package/types/Options/Interfaces/Interactivity/Modes/IModeDiv.d.ts +1 -2
  331. package/types/Options/Interfaces/Particles/Bounce/IParticlesBounce.d.ts +1 -1
  332. package/types/Options/Interfaces/Particles/Collisions/ICollisions.d.ts +6 -4
  333. package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts +15 -15
  334. package/types/Options/Interfaces/Particles/IShadow.d.ts +2 -2
  335. package/types/Options/Interfaces/Particles/IStroke.d.ts +5 -4
  336. package/types/Options/Interfaces/Particles/Move/IMove.d.ts +12 -17
  337. package/types/Options/Interfaces/Particles/Move/IMoveAngle.d.ts +1 -1
  338. package/types/Options/Interfaces/Particles/Move/IMoveAttract.d.ts +2 -4
  339. package/types/Options/Interfaces/Particles/Move/IMoveCenter.d.ts +1 -1
  340. package/types/Options/Interfaces/Particles/Move/IMoveGravity.d.ts +1 -1
  341. package/types/Options/Interfaces/Particles/Move/IMoveTrail.d.ts +1 -3
  342. package/types/Options/Interfaces/Particles/Move/IMoveTrailFill.d.ts +1 -1
  343. package/types/Options/Interfaces/Particles/Move/IOutModes.d.ts +1 -1
  344. package/types/Options/Interfaces/Particles/Move/ISpin.d.ts +2 -2
  345. package/types/Options/Interfaces/Particles/Move/Path/IMovePath.d.ts +2 -2
  346. package/types/Options/Interfaces/Particles/Number/IParticlesDensity.d.ts +0 -3
  347. package/types/Options/Interfaces/Particles/Number/IParticlesNumber.d.ts +1 -2
  348. package/types/Options/Interfaces/Particles/Opacity/IOpacity.d.ts +2 -3
  349. package/types/Options/Interfaces/Particles/Opacity/IOpacityAnimation.d.ts +2 -3
  350. package/types/Options/Interfaces/Particles/Shape/IShape.d.ts +2 -2
  351. package/types/Options/Interfaces/Particles/Size/ISize.d.ts +2 -3
  352. package/types/Options/Interfaces/Particles/Size/ISizeAnimation.d.ts +2 -3
  353. package/types/Options/Interfaces/Particles/ZIndex/IZIndex.d.ts +1 -1
  354. package/types/Options/Interfaces/Theme/ITheme.d.ts +4 -3
  355. package/types/Options/Interfaces/Theme/IThemeDefault.d.ts +1 -1
  356. package/types/Types/CustomEventArgs.d.ts +1 -1
  357. package/types/Types/CustomEventListener.d.ts +1 -1
  358. package/types/Types/ExportResult.d.ts +5 -0
  359. package/types/Types/ISourceOptions.d.ts +2 -2
  360. package/types/Types/ParticlesGroups.d.ts +1 -1
  361. package/types/Types/RangeValue.d.ts +1 -1
  362. package/types/Types/ShapeData.d.ts +2 -2
  363. package/types/Types/ShapeDrawerFunctions.d.ts +3 -3
  364. package/types/Utils/CanvasUtils.d.ts +11 -14
  365. package/types/Utils/ColorUtils.d.ts +6 -6
  366. package/types/Utils/EventDispatcher.d.ts +2 -2
  367. package/types/Utils/HslColorManager.d.ts +2 -2
  368. package/types/Utils/NumberUtils.d.ts +8 -8
  369. package/types/Utils/OptionsUtils.d.ts +6 -6
  370. package/types/Utils/RgbColorManager.d.ts +2 -2
  371. package/types/Utils/Utils.d.ts +32 -14
  372. package/types/bundle.d.ts +2 -91
  373. package/types/export-types.d.ts +107 -0
  374. package/types/exports.d.ts +89 -0
  375. package/types/index.d.ts +3 -204
  376. package/types/init.d.ts +2 -0
  377. package/umd/Core/Canvas.js +279 -249
  378. package/umd/Core/Container.js +105 -121
  379. package/umd/Core/Engine.js +285 -0
  380. package/umd/Core/Particle.js +174 -181
  381. package/umd/Core/Particles.js +155 -150
  382. package/umd/Core/Retina.js +21 -19
  383. package/umd/Core/Utils/Circle.js +15 -11
  384. package/umd/Core/Utils/Constants.js +5 -4
  385. package/umd/Core/Utils/EventListeners.js +268 -244
  386. package/umd/Core/Utils/InteractionManager.js +6 -16
  387. package/umd/Core/Utils/QuadTree.js +21 -27
  388. package/umd/Core/Utils/Rectangle.js +5 -5
  389. package/umd/Core/Utils/Vector.js +3 -3
  390. package/umd/Core/Utils/Vector3d.js +18 -10
  391. package/umd/Options/Classes/AnimatableColor.js +7 -6
  392. package/umd/Options/Classes/AnimationOptions.js +9 -8
  393. package/umd/Options/Classes/Background/Background.js +4 -4
  394. package/umd/Options/Classes/BackgroundMask/BackgroundMask.js +5 -4
  395. package/umd/Options/Classes/BackgroundMask/BackgroundMaskCover.js +4 -4
  396. package/umd/Options/Classes/ColorAnimation.js +10 -6
  397. package/umd/Options/Classes/HslAnimation.js +5 -5
  398. package/umd/Options/Classes/Interactivity/Events/DivEvent.js +1 -25
  399. package/umd/Options/Classes/Interactivity/Events/Events.js +16 -35
  400. package/umd/Options/Classes/Interactivity/Events/HoverEvent.js +3 -3
  401. package/umd/Options/Classes/Interactivity/Interactivity.js +6 -13
  402. package/umd/Options/Classes/Interactivity/Modes/Modes.js +11 -8
  403. package/umd/Options/Classes/ManualParticle.js +8 -9
  404. package/umd/Options/Classes/Options.js +42 -62
  405. package/umd/Options/Classes/OptionsColor.js +4 -3
  406. package/umd/Options/Classes/Particles/Bounce/ParticlesBounce.js +4 -4
  407. package/umd/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +3 -3
  408. package/umd/Options/Classes/Particles/Collisions/Collisions.js +12 -7
  409. package/umd/Options/Classes/Particles/Move/Move.js +32 -62
  410. package/umd/Options/Classes/Particles/Move/MoveAngle.js +4 -4
  411. package/umd/Options/Classes/Particles/Move/MoveAttract.js +12 -23
  412. package/umd/Options/Classes/Particles/Move/MoveGravity.js +4 -4
  413. package/umd/Options/Classes/Particles/Move/MoveTrail.js +5 -11
  414. package/umd/Options/Classes/Particles/Move/MoveTrailFill.js +3 -3
  415. package/umd/Options/Classes/Particles/Move/OutModes.js +4 -5
  416. package/umd/Options/Classes/Particles/Move/Path/MovePath.js +5 -5
  417. package/umd/Options/Classes/Particles/Move/Spin.js +7 -5
  418. package/umd/Options/Classes/Particles/Number/ParticlesDensity.js +2 -21
  419. package/umd/Options/Classes/Particles/Number/ParticlesNumber.js +5 -12
  420. package/umd/Options/Classes/Particles/Opacity/Opacity.js +14 -10
  421. package/umd/Options/Classes/Particles/Opacity/OpacityAnimation.js +3 -12
  422. package/umd/Options/Classes/Particles/ParticlesOptions.js +33 -38
  423. package/umd/Options/Classes/Particles/Shadow.js +4 -4
  424. package/umd/Options/Classes/Particles/Shape/Shape.js +11 -12
  425. package/umd/Options/Classes/Particles/Size/Size.js +14 -10
  426. package/umd/Options/Classes/Particles/Size/SizeAnimation.js +3 -12
  427. package/umd/Options/Classes/Particles/Stroke.js +6 -6
  428. package/umd/Options/Classes/Particles/ZIndex/ZIndex.js +3 -3
  429. package/umd/Options/Classes/Responsive.js +3 -3
  430. package/umd/Options/Classes/Theme/Theme.js +5 -5
  431. package/umd/Options/Classes/ValueWithRandom.js +11 -24
  432. package/umd/Utils/CanvasUtils.js +24 -61
  433. package/umd/Utils/ColorUtils.js +32 -34
  434. package/umd/Utils/EventDispatcher.js +7 -6
  435. package/umd/Utils/HslColorManager.js +12 -14
  436. package/umd/Utils/NumberUtils.js +45 -49
  437. package/umd/Utils/OptionsUtils.js +3 -3
  438. package/umd/Utils/RgbColorManager.js +8 -10
  439. package/umd/Utils/Utils.js +158 -78
  440. package/umd/bundle.js +5 -98
  441. package/umd/export-types.js +123 -0
  442. package/umd/exports.js +115 -0
  443. package/umd/index.js +9 -200
  444. package/umd/init.js +26 -0
  445. package/browser/Core/Utils/FrameManager.js +0 -42
  446. package/browser/Core/Utils/Plugins.js +0 -112
  447. package/browser/Options/Interfaces/Particles/Shape/IImageShape.js +0 -1
  448. package/browser/Options/Interfaces/Particles/Shape/IPolygonShape.js +0 -1
  449. package/browser/Options/Interfaces/Particles/Shape/IShapeValues.js +0 -1
  450. package/browser/Options/Interfaces/Particles/Shape/IStarShape.js +0 -1
  451. package/browser/engine.js +0 -175
  452. package/cjs/Core/Utils/FrameManager.js +0 -46
  453. package/cjs/Core/Utils/Plugins.js +0 -116
  454. package/cjs/Enums/Modes/SizeMode.js +0 -2
  455. package/cjs/Options/Interfaces/Particles/Shape/ICharacterShape.js +0 -2
  456. package/cjs/Options/Interfaces/Particles/Shape/IImageShape.js +0 -2
  457. package/cjs/Options/Interfaces/Particles/Shape/IPolygonShape.js +0 -2
  458. package/cjs/Options/Interfaces/Particles/Shape/IShapeValues.js +0 -17
  459. package/cjs/Options/Interfaces/Particles/Shape/IStarShape.js +0 -2
  460. package/cjs/engine.js +0 -179
  461. package/esm/Core/Interfaces/IParticleOverride.js +0 -1
  462. package/esm/Core/Interfaces/IParticlesMover.js +0 -1
  463. package/esm/Core/Utils/FrameManager.js +0 -42
  464. package/esm/Core/Utils/Plugins.js +0 -112
  465. package/esm/Enums/Modes/SizeMode.js +0 -1
  466. package/esm/Options/Interfaces/Particles/Shape/ICharacterShape.js +0 -1
  467. package/esm/Options/Interfaces/Particles/Shape/IImageShape.js +0 -1
  468. package/esm/Options/Interfaces/Particles/Shape/IPolygonShape.js +0 -1
  469. package/esm/Options/Interfaces/Particles/Shape/IShapeValues.js +0 -1
  470. package/esm/Options/Interfaces/Particles/Shape/IStarShape.js +0 -1
  471. package/esm/engine.js +0 -175
  472. package/types/Core/Interfaces/IParticleOverride.d.ts +0 -6
  473. package/types/Core/Interfaces/IParticlesMover.d.ts +0 -7
  474. package/types/Core/Utils/FrameManager.d.ts +0 -6
  475. package/types/Core/Utils/Plugins.d.ts +0 -51
  476. package/types/Options/Interfaces/Particles/Shape/ICharacterShape.d.ts +0 -8
  477. package/types/Options/Interfaces/Particles/Shape/IImageShape.d.ts +0 -8
  478. package/types/Options/Interfaces/Particles/Shape/IPolygonShape.d.ts +0 -5
  479. package/types/Options/Interfaces/Particles/Shape/IShapeValues.d.ts +0 -1
  480. package/types/Options/Interfaces/Particles/Shape/IStarShape.d.ts +0 -6
  481. package/types/engine.d.ts +0 -39
  482. package/umd/Core/Utils/FrameManager.js +0 -56
  483. package/umd/Core/Utils/Plugins.js +0 -126
  484. package/umd/Enums/Modes/SizeMode.js +0 -12
  485. package/umd/Options/Interfaces/Particles/Shape/ICharacterShape.js +0 -12
  486. package/umd/Options/Interfaces/Particles/Shape/IImageShape.js +0 -12
  487. package/umd/Options/Interfaces/Particles/Shape/IPolygonShape.js +0 -12
  488. package/umd/Options/Interfaces/Particles/Shape/IShapeValues.js +0 -27
  489. package/umd/Options/Interfaces/Particles/Shape/IStarShape.js +0 -12
  490. package/umd/engine.js +0 -189
  491. /package/browser/{Core/Interfaces/IParticleOverride.js → Enums/Modes/PixelMode.js} +0 -0
  492. /package/browser/{Core/Interfaces/IParticlesMover.js → Types/ExportResult.js} +0 -0
  493. /package/cjs/{Core/Interfaces/IParticleOverride.js → Enums/Modes/PixelMode.js} +0 -0
  494. /package/cjs/{Core/Interfaces/IParticlesMover.js → Types/ExportResult.js} +0 -0
  495. /package/{browser/Enums/Modes/SizeMode.js → esm/Enums/Modes/PixelMode.js} +0 -0
  496. /package/{browser/Options/Interfaces/Particles/Shape/ICharacterShape.js → esm/Types/ExportResult.js} +0 -0
  497. /package/umd/{Core/Interfaces/IParticleOverride.js → Enums/Modes/PixelMode.js} +0 -0
  498. /package/umd/{Core/Interfaces/IParticlesMover.js → Types/ExportResult.js} +0 -0
@@ -4,51 +4,84 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "../Utils/Utils", "./Canvas", "./Utils/EventListeners", "./Utils/FrameManager", "../Options/Classes/Options", "./Particles", "./Retina", "../Utils/NumberUtils", "../Utils/OptionsUtils"], factory);
7
+ define(["require", "exports", "./Canvas.js", "./Utils/EventListeners.js", "../Options/Classes/Options.js", "./Particles.js", "./Retina.js", "./Utils/Constants.js", "../Utils/Utils.js", "../Utils/NumberUtils.js", "../Utils/OptionsUtils.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.Container = void 0;
13
- const Utils_1 = require("../Utils/Utils");
14
- const Canvas_1 = require("./Canvas");
15
- const EventListeners_1 = require("./Utils/EventListeners");
16
- const FrameManager_1 = require("./Utils/FrameManager");
17
- const Options_1 = require("../Options/Classes/Options");
18
- const Particles_1 = require("./Particles");
19
- const Retina_1 = require("./Retina");
20
- const NumberUtils_1 = require("../Utils/NumberUtils");
21
- const OptionsUtils_1 = require("../Utils/OptionsUtils");
13
+ const Canvas_js_1 = require("./Canvas.js");
14
+ const EventListeners_js_1 = require("./Utils/EventListeners.js");
15
+ const Options_js_1 = require("../Options/Classes/Options.js");
16
+ const Particles_js_1 = require("./Particles.js");
17
+ const Retina_js_1 = require("./Retina.js");
18
+ const Constants_js_1 = require("./Utils/Constants.js");
19
+ const Utils_js_1 = require("../Utils/Utils.js");
20
+ const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
21
+ const OptionsUtils_js_1 = require("../Utils/OptionsUtils.js");
22
22
  function guardCheck(container) {
23
23
  return container && !container.destroyed;
24
24
  }
25
+ function initDelta(value, fpsLimit = 60, smooth = false) {
26
+ return {
27
+ value,
28
+ factor: smooth ? 60 / fpsLimit : (60 * value) / 1000,
29
+ };
30
+ }
25
31
  function loadContainerOptions(engine, container, ...sourceOptionsArr) {
26
- const options = new Options_1.Options(engine, container);
27
- (0, OptionsUtils_1.loadOptions)(options, ...sourceOptionsArr);
32
+ const options = new Options_js_1.Options(engine, container);
33
+ (0, OptionsUtils_js_1.loadOptions)(options, ...sourceOptionsArr);
28
34
  return options;
29
35
  }
30
- const defaultPathGeneratorKey = "default", defaultPathGenerator = {
31
- generate: (p) => {
32
- const v = p.velocity.copy();
33
- v.angle += (v.length * Math.PI) / 180;
34
- return v;
35
- },
36
- init: () => {
37
- },
38
- update: () => {
39
- },
40
- reset: () => {
41
- },
42
- };
43
36
  class Container {
44
37
  constructor(engine, id, sourceOptions) {
45
38
  this.id = id;
39
+ this._intersectionManager = (entries) => {
40
+ if (!guardCheck(this) || !this.actualOptions.pauseOnOutsideViewport) {
41
+ return;
42
+ }
43
+ for (const entry of entries) {
44
+ if (entry.target !== this.interactivity.element) {
45
+ continue;
46
+ }
47
+ (entry.isIntersecting ? this.play : this.pause)();
48
+ }
49
+ };
50
+ this._nextFrame = async (timestamp) => {
51
+ try {
52
+ if (!this.smooth &&
53
+ this.lastFrameTime !== undefined &&
54
+ timestamp < this.lastFrameTime + 1000 / this.fpsLimit) {
55
+ this.draw(false);
56
+ return;
57
+ }
58
+ this.lastFrameTime ??= timestamp;
59
+ const delta = initDelta(timestamp - this.lastFrameTime, this.fpsLimit, this.smooth);
60
+ this.addLifeTime(delta.value);
61
+ this.lastFrameTime = timestamp;
62
+ if (delta.value > 1000) {
63
+ this.draw(false);
64
+ return;
65
+ }
66
+ await this.particles.draw(delta);
67
+ if (!this.alive()) {
68
+ this.destroy();
69
+ return;
70
+ }
71
+ if (this.getAnimationStatus()) {
72
+ this.draw(false);
73
+ }
74
+ }
75
+ catch (e) {
76
+ (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} in animation loop`, e);
77
+ }
78
+ };
46
79
  this._engine = engine;
47
80
  this.fpsLimit = 120;
48
81
  this.smooth = false;
49
82
  this._delay = 0;
50
- this.duration = 0;
51
- this.lifeTime = 0;
83
+ this._duration = 0;
84
+ this._lifeTime = 0;
52
85
  this._firstStart = true;
53
86
  this.started = false;
54
87
  this.destroyed = false;
@@ -58,10 +91,9 @@
58
91
  this.pageHidden = false;
59
92
  this._sourceOptions = sourceOptions;
60
93
  this._initialSourceOptions = sourceOptions;
61
- this.retina = new Retina_1.Retina(this);
62
- this.canvas = new Canvas_1.Canvas(this);
63
- this.particles = new Particles_1.Particles(this._engine, this);
64
- this.frameManager = new FrameManager_1.FrameManager(this);
94
+ this.retina = new Retina_js_1.Retina(this);
95
+ this.canvas = new Canvas_js_1.Canvas(this);
96
+ this.particles = new Particles_js_1.Particles(this._engine, this);
65
97
  this.pathGenerators = new Map();
66
98
  this.interactivity = {
67
99
  mouse: {
@@ -73,7 +105,7 @@
73
105
  this.drawers = new Map();
74
106
  this._options = loadContainerOptions(this._engine, this);
75
107
  this.actualOptions = loadContainerOptions(this._engine, this);
76
- this._eventListeners = new EventListeners_1.EventListeners(this);
108
+ this._eventListeners = new EventListeners_js_1.EventListeners(this);
77
109
  if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
78
110
  this._intersectionObserver = new IntersectionObserver((entries) => this._intersectionManager(entries));
79
111
  }
@@ -162,13 +194,19 @@
162
194
  el.addEventListener("touchend", touchEndHandler);
163
195
  el.addEventListener("touchcancel", touchCancelHandler);
164
196
  }
197
+ addLifeTime(value) {
198
+ this._lifeTime += value;
199
+ }
165
200
  addPath(key, generator, override = false) {
166
201
  if (!guardCheck(this) || (!override && this.pathGenerators.has(key))) {
167
202
  return false;
168
203
  }
169
- this.pathGenerators.set(key, generator !== null && generator !== void 0 ? generator : defaultPathGenerator);
204
+ this.pathGenerators.set(key, generator);
170
205
  return true;
171
206
  }
207
+ alive() {
208
+ return !this._duration || this._lifeTime <= this._duration;
209
+ }
172
210
  destroy() {
173
211
  if (!guardCheck(this)) {
174
212
  return;
@@ -177,14 +215,12 @@
177
215
  this.particles.destroy();
178
216
  this.canvas.destroy();
179
217
  for (const [, drawer] of this.drawers) {
180
- if (drawer.destroy) {
181
- drawer.destroy(this);
182
- }
218
+ drawer.destroy && drawer.destroy(this);
183
219
  }
184
220
  for (const key of this.drawers.keys()) {
185
221
  this.drawers.delete(key);
186
222
  }
187
- this._engine.plugins.destroy(this);
223
+ this._engine.clearPlugins(this);
188
224
  this.destroyed = true;
189
225
  const mainArr = this._engine.dom(), idx = mainArr.findIndex((t) => t === this);
190
226
  if (idx >= 0) {
@@ -197,30 +233,26 @@
197
233
  return;
198
234
  }
199
235
  let refreshTime = force;
200
- this._drawAnimationFrame = (0, Utils_1.animate)()(async (timestamp) => {
236
+ this._drawAnimationFrame = requestAnimationFrame(async (timestamp) => {
201
237
  if (refreshTime) {
202
238
  this.lastFrameTime = undefined;
203
239
  refreshTime = false;
204
240
  }
205
- await this.frameManager.nextFrame(timestamp);
241
+ await this._nextFrame(timestamp);
206
242
  });
207
243
  }
208
- exportConfiguration() {
209
- return JSON.stringify(this.actualOptions, (key, value) => {
210
- if (key === "_engine" || key === "_container") {
211
- return;
244
+ async export(type, options = {}) {
245
+ for (const [, plugin] of this.plugins) {
246
+ if (!plugin.export) {
247
+ continue;
212
248
  }
213
- return value;
214
- }, 2);
215
- }
216
- exportImage(callback, type, quality) {
217
- const element = this.canvas.element;
218
- if (element) {
219
- element.toBlob(callback, type !== null && type !== void 0 ? type : "image/png", quality);
249
+ const res = await plugin.export(type, options);
250
+ if (!res.supported) {
251
+ continue;
252
+ }
253
+ return res.blob;
220
254
  }
221
- }
222
- exportImg(callback) {
223
- this.exportImage(callback);
255
+ (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} - Export plugin with type ${type} not found`);
224
256
  }
225
257
  getAnimationStatus() {
226
258
  return !this._paused && !this.pageHidden && guardCheck(this);
@@ -231,53 +263,48 @@
231
263
  }
232
264
  this.particles.handleClickMode(mode);
233
265
  for (const [, plugin] of this.plugins) {
234
- if (plugin.handleClickMode) {
235
- plugin.handleClickMode(mode);
236
- }
266
+ plugin.handleClickMode && plugin.handleClickMode(mode);
237
267
  }
238
268
  }
239
269
  async init() {
240
270
  if (!guardCheck(this)) {
241
271
  return;
242
272
  }
243
- const shapes = this._engine.plugins.getSupportedShapes();
273
+ const shapes = this._engine.getSupportedShapes();
244
274
  for (const type of shapes) {
245
- const drawer = this._engine.plugins.getShapeDrawer(type);
275
+ const drawer = this._engine.getShapeDrawer(type);
246
276
  if (drawer) {
247
277
  this.drawers.set(type, drawer);
248
278
  }
249
279
  }
250
280
  this._options = loadContainerOptions(this._engine, this, this._initialSourceOptions, this.sourceOptions);
251
281
  this.actualOptions = loadContainerOptions(this._engine, this, this._options);
252
- const availablePlugins = this._engine.plugins.getAvailablePlugins(this);
282
+ const availablePlugins = this._engine.getAvailablePlugins(this);
253
283
  for (const [id, plugin] of availablePlugins) {
254
284
  this.plugins.set(id, plugin);
255
285
  }
256
286
  this.retina.init();
257
287
  await this.canvas.init();
288
+ this.updateActualOptions();
289
+ this.canvas.initBackground();
290
+ this.canvas.resize();
258
291
  this.zLayers = this.actualOptions.zLayers;
259
- this.duration = (0, NumberUtils_1.getRangeValue)(this.actualOptions.duration) * 1000;
260
- this._delay = (0, NumberUtils_1.getRangeValue)(this.actualOptions.delay) * 1000;
261
- this.lifeTime = 0;
292
+ this._duration = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.duration) * 1000;
293
+ this._delay = (0, NumberUtils_js_1.getRangeValue)(this.actualOptions.delay) * 1000;
294
+ this._lifeTime = 0;
262
295
  this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
263
296
  this.smooth = this.actualOptions.smooth;
264
297
  for (const [, drawer] of this.drawers) {
265
- if (drawer.init) {
266
- await drawer.init(this);
267
- }
298
+ drawer.init && (await drawer.init(this));
268
299
  }
269
300
  for (const [, plugin] of this.plugins) {
270
- if (plugin.init) {
271
- await plugin.init();
272
- }
301
+ plugin.init && (await plugin.init());
273
302
  }
274
303
  this._engine.dispatchEvent("containerInit", { container: this });
275
304
  this.particles.init();
276
305
  this.particles.setDensity();
277
306
  for (const [, plugin] of this.plugins) {
278
- if (plugin.particlesSetup) {
279
- plugin.particlesSetup();
280
- }
307
+ plugin.particlesSetup && plugin.particlesSetup();
281
308
  }
282
309
  this._engine.dispatchEvent("particlesSetup", { container: this });
283
310
  }
@@ -293,16 +320,14 @@
293
320
  return;
294
321
  }
295
322
  if (this._drawAnimationFrame !== undefined) {
296
- (0, Utils_1.cancelAnimation)()(this._drawAnimationFrame);
323
+ cancelAnimationFrame(this._drawAnimationFrame);
297
324
  delete this._drawAnimationFrame;
298
325
  }
299
326
  if (this._paused) {
300
327
  return;
301
328
  }
302
329
  for (const [, plugin] of this.plugins) {
303
- if (plugin.pause) {
304
- plugin.pause();
305
- }
330
+ plugin.pause && plugin.pause();
306
331
  }
307
332
  if (!this.pageHidden) {
308
333
  this._paused = true;
@@ -342,37 +367,11 @@
342
367
  if (!guardCheck(this)) {
343
368
  return;
344
369
  }
370
+ this._initialSourceOptions = undefined;
345
371
  this._options = loadContainerOptions(this._engine, this);
372
+ this.actualOptions = loadContainerOptions(this._engine, this, this._options);
346
373
  return this.refresh();
347
374
  }
348
- setNoise(noiseOrGenerator, init, update) {
349
- if (!guardCheck(this)) {
350
- return;
351
- }
352
- this.setPath(noiseOrGenerator, init, update);
353
- }
354
- setPath(pathOrGenerator, init, update) {
355
- if (!pathOrGenerator || !guardCheck(this)) {
356
- return;
357
- }
358
- const pathGenerator = Object.assign({}, defaultPathGenerator);
359
- if (typeof pathOrGenerator === "function") {
360
- pathGenerator.generate = pathOrGenerator;
361
- if (init) {
362
- pathGenerator.init = init;
363
- }
364
- if (update) {
365
- pathGenerator.update = update;
366
- }
367
- }
368
- else {
369
- const oldGenerator = pathGenerator;
370
- pathGenerator.generate = pathOrGenerator.generate || oldGenerator.generate;
371
- pathGenerator.init = pathOrGenerator.init || oldGenerator.init;
372
- pathGenerator.update = pathOrGenerator.update || oldGenerator.update;
373
- }
374
- this.addPath(defaultPathGeneratorKey, pathGenerator, true);
375
- }
376
375
  async start() {
377
376
  if (!guardCheck(this) || this.started) {
378
377
  return;
@@ -386,9 +385,7 @@
386
385
  this._intersectionObserver.observe(this.interactivity.element);
387
386
  }
388
387
  for (const [, plugin] of this.plugins) {
389
- if (plugin.start) {
390
- await plugin.start();
391
- }
388
+ plugin.start && (await plugin.start());
392
389
  }
393
390
  this._engine.dispatchEvent("containerStarted", { container: this });
394
391
  this.play();
@@ -409,14 +406,12 @@
409
406
  this._eventListeners.removeListeners();
410
407
  this.pause();
411
408
  this.particles.clear();
412
- this.canvas.clear();
409
+ this.canvas.stop();
413
410
  if (this.interactivity.element instanceof HTMLElement && this._intersectionObserver) {
414
411
  this._intersectionObserver.unobserve(this.interactivity.element);
415
412
  }
416
413
  for (const [, plugin] of this.plugins) {
417
- if (plugin.stop) {
418
- plugin.stop();
419
- }
414
+ plugin.stop && plugin.stop();
420
415
  }
421
416
  for (const key of this.plugins.keys()) {
422
417
  this.plugins.delete(key);
@@ -434,17 +429,6 @@
434
429
  this.responsiveMaxWidth = newMaxWidth;
435
430
  return true;
436
431
  }
437
- _intersectionManager(entries) {
438
- if (!guardCheck(this) || !this.actualOptions.pauseOnOutsideViewport) {
439
- return;
440
- }
441
- for (const entry of entries) {
442
- if (entry.target !== this.interactivity.element) {
443
- continue;
444
- }
445
- (entry.isIntersecting ? this.play : this.pause)();
446
- }
447
- }
448
432
  }
449
433
  exports.Container = Container;
450
434
  });
@@ -0,0 +1,285 @@
1
+ (function (factory) {
2
+ if (typeof module === "object" && typeof module.exports === "object") {
3
+ var v = factory(require, exports);
4
+ if (v !== undefined) module.exports = v;
5
+ }
6
+ else if (typeof define === "function" && define.amd) {
7
+ define(["require", "exports", "./Utils/Constants.js", "../Utils/Utils.js", "./Container.js", "../Utils/EventDispatcher.js", "../Utils/NumberUtils.js"], factory);
8
+ }
9
+ })(function (require, exports) {
10
+ "use strict";
11
+ Object.defineProperty(exports, "__esModule", { value: true });
12
+ exports.Engine = void 0;
13
+ const Constants_js_1 = require("./Utils/Constants.js");
14
+ const Utils_js_1 = require("../Utils/Utils.js");
15
+ const Container_js_1 = require("./Container.js");
16
+ const EventDispatcher_js_1 = require("../Utils/EventDispatcher.js");
17
+ const NumberUtils_js_1 = require("../Utils/NumberUtils.js");
18
+ function getItemsFromInitializer(container, map, initializers, force = false) {
19
+ let res = map.get(container);
20
+ if (!res || force) {
21
+ res = [...initializers.values()].map((t) => t(container));
22
+ map.set(container, res);
23
+ }
24
+ return res;
25
+ }
26
+ async function getDataFromUrl(data) {
27
+ const url = (0, Utils_js_1.itemFromSingleOrMultiple)(data.url, data.index);
28
+ if (!url) {
29
+ return data.fallback;
30
+ }
31
+ const response = await fetch(url);
32
+ if (response.ok) {
33
+ return response.json();
34
+ }
35
+ (0, Utils_js_1.getLogger)().error(`${Constants_js_1.errorPrefix} ${response.status} while retrieving config file`);
36
+ return data.fallback;
37
+ }
38
+ class Engine {
39
+ constructor() {
40
+ this._configs = new Map();
41
+ this._domArray = [];
42
+ this._eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
43
+ this._initialized = false;
44
+ this.plugins = [];
45
+ this._initializers = {
46
+ interactors: new Map(),
47
+ movers: new Map(),
48
+ updaters: new Map(),
49
+ };
50
+ this.interactors = new Map();
51
+ this.movers = new Map();
52
+ this.updaters = new Map();
53
+ this.presets = new Map();
54
+ this.drawers = new Map();
55
+ this.pathGenerators = new Map();
56
+ }
57
+ get configs() {
58
+ const res = {};
59
+ for (const [name, config] of this._configs) {
60
+ res[name] = config;
61
+ }
62
+ return res;
63
+ }
64
+ get version() {
65
+ return "3.0.0-beta.1";
66
+ }
67
+ addConfig(nameOrConfig, config) {
68
+ if ((0, Utils_js_1.isString)(nameOrConfig)) {
69
+ if (config) {
70
+ config.name = nameOrConfig;
71
+ this._configs.set(nameOrConfig, config);
72
+ }
73
+ }
74
+ else {
75
+ this._configs.set(nameOrConfig.name ?? "default", nameOrConfig);
76
+ }
77
+ }
78
+ addEventListener(type, listener) {
79
+ this._eventDispatcher.addEventListener(type, listener);
80
+ }
81
+ async addInteractor(name, interactorInitializer, refresh = true) {
82
+ this._initializers.interactors.set(name, interactorInitializer);
83
+ await this.refresh(refresh);
84
+ }
85
+ async addMover(name, moverInitializer, refresh = true) {
86
+ this._initializers.movers.set(name, moverInitializer);
87
+ await this.refresh(refresh);
88
+ }
89
+ async addParticleUpdater(name, updaterInitializer, refresh = true) {
90
+ this._initializers.updaters.set(name, updaterInitializer);
91
+ await this.refresh(refresh);
92
+ }
93
+ async addPathGenerator(name, generator, refresh = true) {
94
+ !this.getPathGenerator(name) && this.pathGenerators.set(name, generator);
95
+ await this.refresh(refresh);
96
+ }
97
+ async addPlugin(plugin, refresh = true) {
98
+ !this.getPlugin(plugin.id) && this.plugins.push(plugin);
99
+ await this.refresh(refresh);
100
+ }
101
+ async addPreset(preset, options, override = false, refresh = true) {
102
+ (override || !this.getPreset(preset)) && this.presets.set(preset, options);
103
+ await this.refresh(refresh);
104
+ }
105
+ async addShape(shape, drawer, initOrRefresh, afterEffectOrRefresh, destroyOrRefresh, refresh = true) {
106
+ let customDrawer;
107
+ let realRefresh = refresh, realInit, realAfterEffect, realDestroy;
108
+ if ((0, Utils_js_1.isBoolean)(initOrRefresh)) {
109
+ realRefresh = initOrRefresh;
110
+ realInit = undefined;
111
+ }
112
+ else {
113
+ realInit = initOrRefresh;
114
+ }
115
+ if ((0, Utils_js_1.isBoolean)(afterEffectOrRefresh)) {
116
+ realRefresh = afterEffectOrRefresh;
117
+ realAfterEffect = undefined;
118
+ }
119
+ else {
120
+ realAfterEffect = afterEffectOrRefresh;
121
+ }
122
+ if ((0, Utils_js_1.isBoolean)(destroyOrRefresh)) {
123
+ realRefresh = destroyOrRefresh;
124
+ realDestroy = undefined;
125
+ }
126
+ else {
127
+ realDestroy = destroyOrRefresh;
128
+ }
129
+ if ((0, Utils_js_1.isFunction)(drawer)) {
130
+ customDrawer = {
131
+ afterEffect: realAfterEffect,
132
+ destroy: realDestroy,
133
+ draw: drawer,
134
+ init: realInit,
135
+ };
136
+ }
137
+ else {
138
+ customDrawer = drawer;
139
+ }
140
+ (0, Utils_js_1.executeOnSingleOrMultiple)(shape, (type) => {
141
+ !this.getShapeDrawer(type) && this.drawers.set(type, customDrawer);
142
+ });
143
+ await this.refresh(realRefresh);
144
+ }
145
+ clearPlugins(container) {
146
+ this.updaters.delete(container);
147
+ this.movers.delete(container);
148
+ this.interactors.delete(container);
149
+ }
150
+ dispatchEvent(type, args) {
151
+ this._eventDispatcher.dispatchEvent(type, args);
152
+ }
153
+ dom() {
154
+ return this._domArray;
155
+ }
156
+ domItem(index) {
157
+ const dom = this.dom(), item = dom[index];
158
+ if (!item || item.destroyed) {
159
+ dom.splice(index, 1);
160
+ return;
161
+ }
162
+ return item;
163
+ }
164
+ getAvailablePlugins(container) {
165
+ const res = new Map();
166
+ for (const plugin of this.plugins) {
167
+ plugin.needsPlugin(container.actualOptions) && res.set(plugin.id, plugin.getPlugin(container));
168
+ }
169
+ return res;
170
+ }
171
+ getInteractors(container, force = false) {
172
+ return getItemsFromInitializer(container, this.interactors, this._initializers.interactors, force);
173
+ }
174
+ getMovers(container, force = false) {
175
+ return getItemsFromInitializer(container, this.movers, this._initializers.movers, force);
176
+ }
177
+ getPathGenerator(type) {
178
+ return this.pathGenerators.get(type);
179
+ }
180
+ getPlugin(plugin) {
181
+ return this.plugins.find((t) => t.id === plugin);
182
+ }
183
+ getPreset(preset) {
184
+ return this.presets.get(preset);
185
+ }
186
+ getShapeDrawer(type) {
187
+ return this.drawers.get(type);
188
+ }
189
+ getSupportedShapes() {
190
+ return this.drawers.keys();
191
+ }
192
+ getUpdaters(container, force = false) {
193
+ return getItemsFromInitializer(container, this.updaters, this._initializers.updaters, force);
194
+ }
195
+ init() {
196
+ if (this._initialized) {
197
+ return;
198
+ }
199
+ this._initialized = true;
200
+ }
201
+ async load(params) {
202
+ const id = params.id ?? `tsparticles${Math.floor((0, NumberUtils_js_1.getRandom)() * 10000)}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options;
203
+ let domContainer = params.element ?? document.getElementById(id);
204
+ if (!domContainer) {
205
+ domContainer = document.createElement("div");
206
+ domContainer.id = id;
207
+ document.body.append(domContainer);
208
+ }
209
+ const currentOptions = (0, Utils_js_1.itemFromSingleOrMultiple)(options, index), dom = this.dom(), oldIndex = dom.findIndex((v) => v.id === id);
210
+ if (oldIndex >= 0) {
211
+ const old = this.domItem(oldIndex);
212
+ if (old && !old.destroyed) {
213
+ old.destroy();
214
+ dom.splice(oldIndex, 1);
215
+ }
216
+ }
217
+ let canvasEl;
218
+ if (domContainer.tagName.toLowerCase() === "canvas") {
219
+ canvasEl = domContainer;
220
+ canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
221
+ }
222
+ else {
223
+ const existingCanvases = domContainer.getElementsByTagName("canvas");
224
+ if (existingCanvases.length) {
225
+ canvasEl = existingCanvases[0];
226
+ canvasEl.dataset[Constants_js_1.generatedAttribute] = "false";
227
+ }
228
+ else {
229
+ canvasEl = document.createElement("canvas");
230
+ canvasEl.dataset[Constants_js_1.generatedAttribute] = "true";
231
+ domContainer.appendChild(canvasEl);
232
+ }
233
+ }
234
+ if (!canvasEl.style.width) {
235
+ canvasEl.style.width = "100%";
236
+ }
237
+ if (!canvasEl.style.height) {
238
+ canvasEl.style.height = "100%";
239
+ }
240
+ const newItem = new Container_js_1.Container(this, id, currentOptions);
241
+ if (oldIndex >= 0) {
242
+ dom.splice(oldIndex, 0, newItem);
243
+ }
244
+ else {
245
+ dom.push(newItem);
246
+ }
247
+ newItem.canvas.loadCanvas(canvasEl);
248
+ await newItem.start();
249
+ return newItem;
250
+ }
251
+ loadOptions(options, sourceOptions) {
252
+ for (const plugin of this.plugins) {
253
+ plugin.loadOptions(options, sourceOptions);
254
+ }
255
+ }
256
+ loadParticlesOptions(container, options, ...sourceOptions) {
257
+ const updaters = this.updaters.get(container);
258
+ if (!updaters) {
259
+ return;
260
+ }
261
+ for (const updater of updaters) {
262
+ updater.loadOptions && updater.loadOptions(options, ...sourceOptions);
263
+ }
264
+ }
265
+ async refresh(refresh = true) {
266
+ if (!refresh) {
267
+ return;
268
+ }
269
+ this.dom().forEach((t) => t.refresh());
270
+ }
271
+ removeEventListener(type, listener) {
272
+ this._eventDispatcher.removeEventListener(type, listener);
273
+ }
274
+ setOnClickHandler(callback) {
275
+ const dom = this.dom();
276
+ if (!dom.length) {
277
+ throw new Error(`${Constants_js_1.errorPrefix} can only set click handlers after calling tsParticles.load()`);
278
+ }
279
+ for (const domItem of dom) {
280
+ domItem.addClickHandler(callback);
281
+ }
282
+ }
283
+ }
284
+ exports.Engine = Engine;
285
+ });