@tsparticles/engine 3.9.1 → 4.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/638.min.js +2 -0
- package/638.min.js.LICENSE.txt +1 -0
- package/browser/Core/Canvas.js +126 -181
- package/browser/Core/Container.js +22 -18
- package/browser/Core/Engine.js +64 -54
- package/browser/Core/Particle.js +43 -48
- package/browser/Core/Particles.js +33 -24
- package/browser/Core/Retina.js +2 -3
- package/browser/Core/Utils/Constants.js +2 -2
- package/browser/Core/Utils/EventListeners.js +74 -64
- package/browser/Core/Utils/QuadTree.js +1 -1
- package/browser/Core/Utils/Ranges.js +2 -2
- package/browser/Core/Utils/Vectors.js +15 -21
- package/browser/Options/Classes/AnimatableColor.js +3 -3
- package/browser/Options/Classes/AnimationOptions.js +1 -1
- package/browser/Options/Classes/ColorAnimation.js +1 -1
- package/browser/Options/Classes/Options.js +13 -10
- package/browser/Options/Classes/Particles/Move/Move.js +1 -4
- package/browser/Options/Classes/Particles/Move/MoveAngle.js +1 -1
- package/browser/Options/Classes/Particles/Move/MoveAttract.js +1 -1
- package/browser/Options/Classes/Particles/Move/MoveGravity.js +1 -1
- package/browser/Options/Classes/Particles/Move/Spin.js +1 -1
- package/browser/Options/Classes/Particles/ParticlesOptions.js +0 -6
- package/browser/Options/Classes/Particles/Stroke.js +1 -1
- package/browser/Options/Classes/ValueWithRandom.js +1 -1
- package/browser/Utils/CanvasUtils.js +65 -21
- package/browser/Utils/ColorUtils.js +61 -45
- package/browser/Utils/EventDispatcher.js +3 -1
- package/browser/Utils/LogUtils.js +22 -0
- package/browser/Utils/{NumberUtils.js → MathUtils.js} +14 -7
- package/browser/Utils/Utils.js +23 -125
- package/browser/bundle.js +3 -3
- package/browser/export-types.js +1 -99
- package/browser/exports.js +2 -9
- package/browser/index.js +3 -7
- package/browser/initEngine.js +4 -0
- package/cjs/Core/Canvas.js +136 -195
- package/cjs/Core/Container.js +57 -57
- package/cjs/Core/Engine.js +77 -71
- package/cjs/Core/Interfaces/Colors.js +1 -2
- package/cjs/Core/Interfaces/IBounds.js +1 -2
- package/cjs/Core/Interfaces/IBubbleParticleData.js +1 -2
- package/cjs/Core/Interfaces/ICircleBouncer.js +1 -2
- package/cjs/Core/Interfaces/IColorManager.js +1 -2
- package/cjs/Core/Interfaces/IContainerInteractivity.js +1 -2
- package/cjs/Core/Interfaces/IContainerPlugin.js +1 -2
- package/cjs/Core/Interfaces/ICoordinates.js +1 -2
- package/cjs/Core/Interfaces/IDelta.js +1 -2
- package/cjs/Core/Interfaces/IDimension.js +1 -2
- package/cjs/Core/Interfaces/IDistance.js +1 -2
- package/cjs/Core/Interfaces/IDrawParticleParams.js +1 -2
- package/cjs/Core/Interfaces/IEffectDrawer.js +1 -2
- package/cjs/Core/Interfaces/IExternalInteractor.js +1 -2
- package/cjs/Core/Interfaces/IInteractor.js +1 -2
- package/cjs/Core/Interfaces/ILoadParams.js +1 -2
- package/cjs/Core/Interfaces/IMouseData.js +1 -2
- package/cjs/Core/Interfaces/IMovePathGenerator.js +1 -2
- package/cjs/Core/Interfaces/IParticleColorStyle.js +1 -2
- package/cjs/Core/Interfaces/IParticleHslAnimation.js +1 -2
- package/cjs/Core/Interfaces/IParticleLife.js +1 -2
- package/cjs/Core/Interfaces/IParticleMover.js +1 -2
- package/cjs/Core/Interfaces/IParticleRetinaProps.js +1 -2
- package/cjs/Core/Interfaces/IParticleRoll.js +1 -2
- package/cjs/Core/Interfaces/IParticleTransformValues.js +1 -2
- package/cjs/Core/Interfaces/IParticleUpdater.js +1 -2
- package/cjs/Core/Interfaces/IParticleValueAnimation.js +1 -2
- package/cjs/Core/Interfaces/IParticlesInteractor.js +1 -2
- package/cjs/Core/Interfaces/IPlugin.js +1 -2
- package/cjs/Core/Interfaces/IPositionFromSizeParams.js +1 -2
- package/cjs/Core/Interfaces/IRangeValue.js +1 -2
- package/cjs/Core/Interfaces/IShapeDrawData.js +1 -2
- package/cjs/Core/Interfaces/IShapeDrawer.js +1 -2
- package/cjs/Core/Interfaces/IShapeValues.js +1 -2
- package/cjs/Core/Interfaces/ISlowParticleData.js +1 -2
- package/cjs/Core/Particle.js +99 -108
- package/cjs/Core/Particles.js +63 -58
- package/cjs/Core/Retina.js +13 -18
- package/cjs/Core/Utils/Constants.js +3 -7
- package/cjs/Core/Utils/EventListeners.js +94 -88
- package/cjs/Core/Utils/ExternalInteractorBase.js +3 -7
- package/cjs/Core/Utils/InteractionManager.js +4 -8
- package/cjs/Core/Utils/ParticlesInteractorBase.js +3 -7
- package/cjs/Core/Utils/Point.js +1 -5
- package/cjs/Core/Utils/QuadTree.js +10 -14
- package/cjs/Core/Utils/Ranges.js +14 -20
- package/cjs/Core/Utils/Vectors.js +24 -35
- package/cjs/Enums/AnimationStatus.js +2 -5
- package/cjs/Enums/Directions/MoveDirection.js +2 -5
- package/cjs/Enums/Directions/OutModeDirection.js +2 -5
- package/cjs/Enums/Directions/RotateDirection.js +2 -5
- package/cjs/Enums/InteractivityDetect.js +2 -5
- package/cjs/Enums/Modes/AnimationMode.js +2 -5
- package/cjs/Enums/Modes/LimitMode.js +2 -5
- package/cjs/Enums/Modes/OutMode.js +2 -5
- package/cjs/Enums/Modes/PixelMode.js +2 -5
- package/cjs/Enums/Modes/ResponsiveMode.js +2 -5
- package/cjs/Enums/Modes/ThemeMode.js +2 -5
- package/cjs/Enums/Types/AlterType.js +2 -5
- package/cjs/Enums/Types/DestroyType.js +2 -5
- package/cjs/Enums/Types/DivType.js +2 -5
- package/cjs/Enums/Types/EasingType.js +2 -5
- package/cjs/Enums/Types/EventType.js +2 -5
- package/cjs/Enums/Types/GradientType.js +2 -5
- package/cjs/Enums/Types/InteractorType.js +2 -5
- package/cjs/Enums/Types/ParticleOutType.js +2 -5
- package/cjs/Enums/Types/StartValueType.js +2 -5
- package/cjs/Options/Classes/AnimatableColor.js +10 -14
- package/cjs/Options/Classes/AnimationOptions.js +14 -19
- package/cjs/Options/Classes/Background/Background.js +6 -10
- package/cjs/Options/Classes/ColorAnimation.js +6 -10
- package/cjs/Options/Classes/FullScreen/FullScreen.js +3 -7
- package/cjs/Options/Classes/HslAnimation.js +7 -11
- package/cjs/Options/Classes/Interactivity/Events/ClickEvent.js +3 -7
- package/cjs/Options/Classes/Interactivity/Events/DivEvent.js +5 -9
- package/cjs/Options/Classes/Interactivity/Events/Events.js +14 -18
- package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js +5 -9
- package/cjs/Options/Classes/Interactivity/Events/Parallax.js +3 -7
- package/cjs/Options/Classes/Interactivity/Events/ResizeEvent.js +3 -7
- package/cjs/Options/Classes/Interactivity/Interactivity.js +9 -13
- package/cjs/Options/Classes/Interactivity/Modes/Modes.js +3 -7
- package/cjs/Options/Classes/ManualParticle.js +10 -14
- package/cjs/Options/Classes/Options.js +41 -42
- package/cjs/Options/Classes/OptionsColor.js +5 -9
- package/cjs/Options/Classes/Particles/Bounce/ParticlesBounce.js +6 -10
- package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +2 -6
- package/cjs/Options/Classes/Particles/Effect/Effect.js +5 -9
- package/cjs/Options/Classes/Particles/Move/Move.js +26 -33
- package/cjs/Options/Classes/Particles/Move/MoveAngle.js +6 -10
- package/cjs/Options/Classes/Particles/Move/MoveAttract.js +5 -9
- package/cjs/Options/Classes/Particles/Move/MoveCenter.js +5 -9
- package/cjs/Options/Classes/Particles/Move/MoveGravity.js +6 -10
- package/cjs/Options/Classes/Particles/Move/OutModes.js +5 -9
- package/cjs/Options/Classes/Particles/Move/Path/MovePath.js +7 -11
- package/cjs/Options/Classes/Particles/Move/Spin.js +7 -11
- package/cjs/Options/Classes/Particles/Number/ParticlesDensity.js +3 -7
- package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js +7 -11
- package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js +5 -9
- package/cjs/Options/Classes/Particles/Opacity/Opacity.js +6 -10
- package/cjs/Options/Classes/Particles/Opacity/OpacityAnimation.js +6 -10
- package/cjs/Options/Classes/Particles/ParticlesOptions.js +29 -39
- package/cjs/Options/Classes/Particles/Shape/Shape.js +5 -9
- package/cjs/Options/Classes/Particles/Size/Size.js +6 -10
- package/cjs/Options/Classes/Particles/Size/SizeAnimation.js +6 -10
- package/cjs/Options/Classes/Particles/Stroke.js +8 -12
- package/cjs/Options/Classes/Particles/ZIndex/ZIndex.js +4 -8
- package/cjs/Options/Classes/Responsive.js +13 -17
- package/cjs/Options/Classes/Theme/Theme.js +7 -11
- package/cjs/Options/Classes/Theme/ThemeDefault.js +5 -9
- package/cjs/Options/Classes/ValueWithRandom.js +12 -18
- package/cjs/Options/Interfaces/Background/IBackground.js +1 -2
- package/cjs/Options/Interfaces/FullScreen/IFullScreen.js +1 -2
- package/cjs/Options/Interfaces/IAnimatable.js +1 -2
- package/cjs/Options/Interfaces/IAnimatableColor.js +1 -2
- package/cjs/Options/Interfaces/IAnimation.js +1 -2
- package/cjs/Options/Interfaces/IColorAnimation.js +1 -2
- package/cjs/Options/Interfaces/IHslAnimation.js +1 -2
- package/cjs/Options/Interfaces/IManualParticle.js +1 -2
- package/cjs/Options/Interfaces/IOptionLoader.js +1 -2
- package/cjs/Options/Interfaces/IOptions.js +1 -2
- package/cjs/Options/Interfaces/IOptionsColor.js +1 -2
- package/cjs/Options/Interfaces/IResponsive.js +1 -2
- package/cjs/Options/Interfaces/IValueWithRandom.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IClickEvent.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IDivEvent.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IEvents.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IHoverEvent.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IParallax.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Events/IResizeEvent.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/IInteractivity.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Modes/IModeDiv.js +1 -2
- package/cjs/Options/Interfaces/Interactivity/Modes/IModes.js +1 -2
- package/cjs/Options/Interfaces/Particles/Bounce/IParticlesBounce.js +1 -2
- package/cjs/Options/Interfaces/Particles/Effect/IEffect.js +1 -2
- package/cjs/Options/Interfaces/Particles/IParticlesOptions.js +1 -2
- package/cjs/Options/Interfaces/Particles/IStroke.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IMove.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveAngle.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveAttract.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveCenter.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveGravity.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/IOutModes.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/ISpin.js +1 -2
- package/cjs/Options/Interfaces/Particles/Move/Path/IMovePath.js +1 -2
- package/cjs/Options/Interfaces/Particles/Number/IParticlesDensity.js +1 -2
- package/cjs/Options/Interfaces/Particles/Number/IParticlesNumber.js +1 -2
- package/cjs/Options/Interfaces/Particles/Number/IParticlesNumberLimit.js +1 -2
- package/cjs/Options/Interfaces/Particles/Opacity/IOpacity.js +1 -2
- package/cjs/Options/Interfaces/Particles/Opacity/IOpacityAnimation.js +1 -2
- package/cjs/Options/Interfaces/Particles/Shape/IShape.js +1 -2
- package/cjs/Options/Interfaces/Particles/Size/ISize.js +1 -2
- package/cjs/Options/Interfaces/Particles/Size/ISizeAnimation.js +1 -2
- package/cjs/Options/Interfaces/Particles/ZIndex/IZIndex.js +1 -2
- package/cjs/Options/Interfaces/Theme/ITheme.js +1 -2
- package/cjs/Options/Interfaces/Theme/IThemeDefault.js +1 -2
- package/cjs/Types/CustomEventArgs.js +1 -2
- package/cjs/Types/CustomEventListener.js +1 -2
- package/cjs/Types/EasingFunction.js +1 -2
- package/cjs/Types/ExportResult.js +1 -2
- package/cjs/Types/ISourceOptions.js +1 -2
- package/cjs/Types/ParticlesGroups.js +1 -2
- package/cjs/Types/PathOptions.js +1 -2
- package/cjs/Types/RangeValue.js +1 -2
- package/cjs/Types/RecursivePartial.js +1 -2
- package/cjs/Types/ShapeData.js +1 -2
- package/cjs/Types/SingleOrMultiple.js +1 -2
- package/cjs/Utils/CanvasUtils.js +86 -55
- package/cjs/Utils/ColorUtils.js +136 -141
- package/cjs/Utils/EventDispatcher.js +8 -10
- package/cjs/Utils/LogUtils.js +22 -0
- package/{esm/Utils/NumberUtils.js → cjs/Utils/MathUtils.js} +14 -7
- package/cjs/Utils/OptionsUtils.js +4 -8
- package/cjs/Utils/TypeUtils.js +7 -16
- package/cjs/Utils/Utils.js +104 -239
- package/cjs/bundle.js +5 -22
- package/cjs/export-types.js +1 -115
- package/cjs/exports.js +77 -100
- package/cjs/index.js +5 -26
- package/cjs/initEngine.js +4 -0
- package/dist_browser_Core_Container_js.js +102 -0
- package/esm/Core/Canvas.js +126 -181
- package/esm/Core/Container.js +22 -18
- package/esm/Core/Engine.js +64 -54
- package/esm/Core/Particle.js +43 -48
- package/esm/Core/Particles.js +33 -24
- package/esm/Core/Retina.js +2 -3
- package/esm/Core/Utils/Constants.js +2 -2
- package/esm/Core/Utils/EventListeners.js +74 -64
- package/esm/Core/Utils/QuadTree.js +1 -1
- package/esm/Core/Utils/Ranges.js +2 -2
- package/esm/Core/Utils/Vectors.js +15 -21
- package/esm/Enums/RangeType.js +5 -0
- package/esm/Options/Classes/AnimatableColor.js +3 -3
- package/esm/Options/Classes/AnimationOptions.js +1 -1
- package/esm/Options/Classes/ColorAnimation.js +1 -1
- package/esm/Options/Classes/Options.js +13 -10
- package/esm/Options/Classes/Particles/Move/Move.js +1 -4
- package/esm/Options/Classes/Particles/Move/MoveAngle.js +1 -1
- package/esm/Options/Classes/Particles/Move/MoveAttract.js +1 -1
- package/esm/Options/Classes/Particles/Move/MoveGravity.js +1 -1
- package/esm/Options/Classes/Particles/Move/Spin.js +1 -1
- package/esm/Options/Classes/Particles/ParticlesOptions.js +0 -6
- package/esm/Options/Classes/Particles/Stroke.js +1 -1
- package/esm/Options/Classes/ValueWithRandom.js +1 -1
- package/esm/Utils/CanvasUtils.js +65 -21
- package/esm/Utils/ColorUtils.js +61 -45
- package/esm/Utils/EventDispatcher.js +3 -1
- package/esm/Utils/LogUtils.js +22 -0
- package/esm/Utils/MathUtils.js +158 -0
- package/esm/Utils/Utils.js +23 -125
- package/esm/bundle.js +3 -3
- package/esm/export-types.js +1 -99
- package/esm/exports.js +2 -9
- package/esm/index.js +3 -7
- package/esm/initEngine.js +4 -0
- package/package.json +3 -2
- package/report.html +5 -4
- package/scripts/install.js +98 -17
- package/tsparticles.engine.js +492 -451
- package/tsparticles.engine.min.js +1 -1
- package/tsparticles.engine.min.js.LICENSE.txt +1 -1
- package/types/Core/Canvas.d.ts +6 -9
- package/types/Core/Container.d.ts +1 -0
- package/types/Core/Engine.d.ts +20 -16
- package/types/Core/Interfaces/Colors.d.ts +46 -2
- package/types/Core/Interfaces/IColorManager.d.ts +1 -1
- package/types/Core/Interfaces/IContainerPlugin.d.ts +4 -0
- package/types/Core/Interfaces/IDrawParticleParams.d.ts +0 -4
- package/types/Core/Interfaces/IEffectDrawer.d.ts +2 -1
- package/types/Core/Interfaces/IShapeDrawData.d.ts +2 -0
- package/types/Core/Interfaces/IShapeDrawer.d.ts +1 -0
- package/types/Core/Particle.d.ts +4 -5
- package/types/Core/Particles.d.ts +1 -1
- package/types/Core/Utils/Constants.d.ts +2 -2
- package/types/Core/Utils/EventListeners.d.ts +1 -0
- package/types/Core/Utils/Vectors.d.ts +3 -3
- package/types/Options/Classes/Options.d.ts +1 -2
- package/types/Options/Classes/OptionsColor.d.ts +2 -2
- package/types/Options/Classes/Particles/Move/Move.d.ts +0 -2
- package/types/Options/Classes/Particles/ParticlesOptions.d.ts +0 -4
- package/types/Options/Interfaces/IOptions.d.ts +1 -2
- package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts +0 -4
- package/types/Options/Interfaces/Particles/Move/IMove.d.ts +0 -2
- package/types/Utils/CanvasUtils.d.ts +4 -1
- package/types/Utils/ColorUtils.d.ts +2 -2
- package/types/Utils/LogUtils.d.ts +11 -0
- package/types/Utils/{NumberUtils.d.ts → MathUtils.d.ts} +2 -1
- package/types/Utils/TypeUtils.d.ts +2 -2
- package/types/Utils/Utils.d.ts +4 -16
- package/types/export-types.d.ts +91 -101
- package/types/exports.d.ts +2 -9
- package/types/index.d.ts +1 -1
- package/types/initEngine.d.ts +2 -0
- package/umd/Core/Canvas.js +123 -178
- package/umd/Core/Container.js +25 -21
- package/umd/Core/Engine.js +97 -53
- package/umd/Core/Particle.js +54 -59
- package/umd/Core/Particles.js +33 -24
- package/umd/Core/Retina.js +9 -10
- package/umd/Core/Utils/Constants.js +3 -3
- package/umd/Core/Utils/EventListeners.js +72 -62
- package/umd/Core/Utils/QuadTree.js +3 -3
- package/umd/Core/Utils/Ranges.js +4 -4
- package/umd/Core/Utils/Vectors.js +15 -21
- package/umd/Options/Classes/AnimatableColor.js +3 -3
- package/umd/Options/Classes/AnimationOptions.js +6 -6
- package/umd/Options/Classes/ColorAnimation.js +3 -3
- package/umd/Options/Classes/Options.js +16 -13
- package/umd/Options/Classes/Particles/Move/Move.js +5 -8
- package/umd/Options/Classes/Particles/Move/MoveAngle.js +4 -4
- package/umd/Options/Classes/Particles/Move/MoveAttract.js +3 -3
- package/umd/Options/Classes/Particles/Move/MoveGravity.js +4 -4
- package/umd/Options/Classes/Particles/Move/Spin.js +3 -3
- package/umd/Options/Classes/Particles/ParticlesOptions.js +1 -7
- package/umd/Options/Classes/Particles/Stroke.js +4 -4
- package/umd/Options/Classes/ValueWithRandom.js +3 -3
- package/umd/Utils/CanvasUtils.js +69 -22
- package/umd/Utils/ColorUtils.js +72 -56
- package/umd/Utils/EventDispatcher.js +3 -1
- package/umd/Utils/LogUtils.js +36 -0
- package/umd/Utils/{NumberUtils.js → MathUtils.js} +16 -8
- package/umd/Utils/Utils.js +36 -141
- package/umd/bundle.js +4 -4
- package/umd/export-types.js +1 -114
- package/umd/exports.js +3 -10
- package/umd/index.js +4 -8
- package/umd/{init.js → initEngine.js} +3 -5
- package/browser/Core/Interfaces/IRectSideResult.js +0 -1
- package/browser/Core/Interfaces/ITrailFillData.js +0 -1
- package/browser/Enums/Modes/CollisionMode.js +0 -6
- package/browser/Options/Classes/BackgroundMask/BackgroundMask.js +0 -24
- package/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js +0 -21
- package/browser/Options/Classes/Particles/Collisions/Collisions.js +0 -33
- package/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js +0 -14
- package/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js +0 -18
- package/browser/Options/Classes/Particles/Move/MoveTrail.js +0 -23
- package/browser/Options/Classes/Particles/Move/MoveTrailFill.js +0 -15
- package/browser/Options/Classes/Particles/Shadow.js +0 -35
- package/browser/Options/Interfaces/BackgroundMask/IBackgroundMask.js +0 -1
- package/browser/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js +0 -1
- package/browser/Options/Interfaces/Particles/Collisions/ICollisions.js +0 -1
- package/browser/Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js +0 -1
- package/browser/Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js +0 -1
- package/browser/Options/Interfaces/Particles/IShadow.js +0 -1
- package/browser/Options/Interfaces/Particles/Move/IMoveTrail.js +0 -1
- package/browser/Options/Interfaces/Particles/Move/IMoveTrailFill.js +0 -1
- package/browser/init.js +0 -6
- package/cjs/Core/Interfaces/IRectSideResult.js +0 -2
- package/cjs/Core/Interfaces/ITrailFillData.js +0 -2
- package/cjs/Enums/Modes/CollisionMode.js +0 -9
- package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js +0 -28
- package/cjs/Options/Classes/BackgroundMask/BackgroundMaskCover.js +0 -25
- package/cjs/Options/Classes/Particles/Collisions/Collisions.js +0 -37
- package/cjs/Options/Classes/Particles/Collisions/CollisionsAbsorb.js +0 -18
- package/cjs/Options/Classes/Particles/Collisions/CollisionsOverlap.js +0 -22
- package/cjs/Options/Classes/Particles/Move/MoveTrail.js +0 -27
- package/cjs/Options/Classes/Particles/Move/MoveTrailFill.js +0 -19
- package/cjs/Options/Classes/Particles/Shadow.js +0 -39
- package/cjs/Options/Interfaces/BackgroundMask/IBackgroundMask.js +0 -2
- package/cjs/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js +0 -2
- package/cjs/Options/Interfaces/Particles/Collisions/ICollisions.js +0 -2
- package/cjs/Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js +0 -2
- package/cjs/Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js +0 -2
- package/cjs/Options/Interfaces/Particles/IShadow.js +0 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveTrail.js +0 -2
- package/cjs/Options/Interfaces/Particles/Move/IMoveTrailFill.js +0 -2
- package/cjs/Types/RangeType.js +0 -8
- package/cjs/Utils/NumberUtils.js +0 -177
- package/cjs/init.js +0 -9
- package/esm/Core/Interfaces/IRectSideResult.js +0 -1
- package/esm/Core/Interfaces/ITrailFillData.js +0 -1
- package/esm/Enums/Modes/CollisionMode.js +0 -6
- package/esm/Options/Classes/BackgroundMask/BackgroundMask.js +0 -24
- package/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js +0 -21
- package/esm/Options/Classes/Particles/Collisions/Collisions.js +0 -33
- package/esm/Options/Classes/Particles/Collisions/CollisionsAbsorb.js +0 -14
- package/esm/Options/Classes/Particles/Collisions/CollisionsOverlap.js +0 -18
- package/esm/Options/Classes/Particles/Move/MoveTrail.js +0 -23
- package/esm/Options/Classes/Particles/Move/MoveTrailFill.js +0 -15
- package/esm/Options/Classes/Particles/Shadow.js +0 -35
- package/esm/Options/Interfaces/BackgroundMask/IBackgroundMask.js +0 -1
- package/esm/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js +0 -1
- package/esm/Options/Interfaces/Particles/Collisions/ICollisions.js +0 -1
- package/esm/Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js +0 -1
- package/esm/Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js +0 -1
- package/esm/Options/Interfaces/Particles/IShadow.js +0 -1
- package/esm/Options/Interfaces/Particles/Move/IMoveTrail.js +0 -1
- package/esm/Options/Interfaces/Particles/Move/IMoveTrailFill.js +0 -1
- package/esm/init.js +0 -6
- package/types/Core/Interfaces/IRectSideResult.d.ts +0 -5
- package/types/Core/Interfaces/ITrailFillData.d.ts +0 -6
- package/types/Enums/Modes/CollisionMode.d.ts +0 -5
- package/types/Options/Classes/BackgroundMask/BackgroundMask.d.ts +0 -11
- package/types/Options/Classes/BackgroundMask/BackgroundMaskCover.d.ts +0 -11
- package/types/Options/Classes/Particles/Collisions/Collisions.d.ts +0 -18
- package/types/Options/Classes/Particles/Collisions/CollisionsAbsorb.d.ts +0 -8
- package/types/Options/Classes/Particles/Collisions/CollisionsOverlap.d.ts +0 -9
- package/types/Options/Classes/Particles/Move/MoveTrail.d.ts +0 -11
- package/types/Options/Classes/Particles/Move/MoveTrailFill.d.ts +0 -9
- package/types/Options/Classes/Particles/Shadow.d.ts +0 -13
- package/types/Options/Interfaces/BackgroundMask/IBackgroundMask.d.ts +0 -8
- package/types/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.d.ts +0 -6
- package/types/Options/Interfaces/Particles/Collisions/ICollisions.d.ts +0 -13
- package/types/Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.d.ts +0 -3
- package/types/Options/Interfaces/Particles/Collisions/ICollisionsOverlap.d.ts +0 -4
- package/types/Options/Interfaces/Particles/IShadow.d.ts +0 -8
- package/types/Options/Interfaces/Particles/Move/IMoveTrail.d.ts +0 -6
- package/types/Options/Interfaces/Particles/Move/IMoveTrailFill.d.ts +0 -5
- package/types/init.d.ts +0 -2
- package/umd/Core/Interfaces/IRectSideResult.js +0 -12
- package/umd/Core/Interfaces/ITrailFillData.js +0 -12
- package/umd/Enums/Modes/CollisionMode.js +0 -19
- package/umd/Options/Classes/BackgroundMask/BackgroundMask.js +0 -38
- package/umd/Options/Classes/BackgroundMask/BackgroundMaskCover.js +0 -35
- package/umd/Options/Classes/Particles/Collisions/Collisions.js +0 -47
- package/umd/Options/Classes/Particles/Collisions/CollisionsAbsorb.js +0 -28
- package/umd/Options/Classes/Particles/Collisions/CollisionsOverlap.js +0 -32
- package/umd/Options/Classes/Particles/Move/MoveTrail.js +0 -37
- package/umd/Options/Classes/Particles/Move/MoveTrailFill.js +0 -29
- package/umd/Options/Classes/Particles/Shadow.js +0 -49
- package/umd/Options/Interfaces/BackgroundMask/IBackgroundMask.js +0 -12
- package/umd/Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js +0 -12
- package/umd/Options/Interfaces/Particles/Collisions/ICollisions.js +0 -12
- package/umd/Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js +0 -12
- package/umd/Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js +0 -12
- package/umd/Options/Interfaces/Particles/IShadow.js +0 -12
- package/umd/Options/Interfaces/Particles/Move/IMoveTrail.js +0 -12
- package/umd/Options/Interfaces/Particles/Move/IMoveTrailFill.js +0 -12
- /package/browser/{Types → Enums}/RangeType.js +0 -0
- /package/{esm/Types → cjs/Enums}/RangeType.js +0 -0
- /package/types/{Types → Enums}/RangeType.d.ts +0 -0
- /package/umd/{Types → Enums}/RangeType.js +0 -0
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.ResizeEvent = void 0;
|
|
4
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
5
|
-
class ResizeEvent {
|
|
1
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
2
|
+
export class ResizeEvent {
|
|
6
3
|
constructor() {
|
|
7
4
|
this.delay = 0.5;
|
|
8
5
|
this.enable = true;
|
|
9
6
|
}
|
|
10
7
|
load(data) {
|
|
11
|
-
if (
|
|
8
|
+
if (isNull(data)) {
|
|
12
9
|
return;
|
|
13
10
|
}
|
|
14
11
|
if (data.delay !== undefined) {
|
|
@@ -19,4 +16,3 @@ class ResizeEvent {
|
|
|
19
16
|
}
|
|
20
17
|
}
|
|
21
18
|
}
|
|
22
|
-
exports.ResizeEvent = ResizeEvent;
|
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const Modes_js_1 = require("./Modes/Modes.js");
|
|
7
|
-
const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
|
|
8
|
-
class Interactivity {
|
|
1
|
+
import { Events } from "./Events/Events.js";
|
|
2
|
+
import { InteractivityDetect } from "../../../Enums/InteractivityDetect.js";
|
|
3
|
+
import { Modes } from "./Modes/Modes.js";
|
|
4
|
+
import { isNull } from "../../../Utils/TypeUtils.js";
|
|
5
|
+
export class Interactivity {
|
|
9
6
|
constructor(engine, container) {
|
|
10
|
-
this.detectsOn =
|
|
11
|
-
this.events = new
|
|
12
|
-
this.modes = new
|
|
7
|
+
this.detectsOn = InteractivityDetect.window;
|
|
8
|
+
this.events = new Events();
|
|
9
|
+
this.modes = new Modes(engine, container);
|
|
13
10
|
}
|
|
14
11
|
load(data) {
|
|
15
|
-
if (
|
|
12
|
+
if (isNull(data)) {
|
|
16
13
|
return;
|
|
17
14
|
}
|
|
18
15
|
const detectsOn = data.detectsOn;
|
|
@@ -23,4 +20,3 @@ class Interactivity {
|
|
|
23
20
|
this.modes.load(data.modes);
|
|
24
21
|
}
|
|
25
22
|
}
|
|
26
|
-
exports.Interactivity = Interactivity;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.Modes = void 0;
|
|
4
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
5
|
-
class Modes {
|
|
1
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
2
|
+
export class Modes {
|
|
6
3
|
constructor(engine, container) {
|
|
7
4
|
this._engine = engine;
|
|
8
5
|
this._container = container;
|
|
9
6
|
}
|
|
10
7
|
load(data) {
|
|
11
|
-
if (
|
|
8
|
+
if (isNull(data)) {
|
|
12
9
|
return;
|
|
13
10
|
}
|
|
14
11
|
if (!this._container) {
|
|
@@ -26,4 +23,3 @@ class Modes {
|
|
|
26
23
|
}
|
|
27
24
|
}
|
|
28
25
|
}
|
|
29
|
-
exports.Modes = Modes;
|
|
@@ -1,25 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
|
|
7
|
-
const Constants_js_1 = require("../../Core/Utils/Constants.js");
|
|
8
|
-
class ManualParticle {
|
|
1
|
+
import { PixelMode } from "../../Enums/Modes/PixelMode.js";
|
|
2
|
+
import { deepExtend } from "../../Utils/Utils.js";
|
|
3
|
+
import { isNull } from "../../Utils/TypeUtils.js";
|
|
4
|
+
import { manualDefaultPosition } from "../../Core/Utils/Constants.js";
|
|
5
|
+
export class ManualParticle {
|
|
9
6
|
load(data) {
|
|
10
|
-
if (
|
|
7
|
+
if (isNull(data)) {
|
|
11
8
|
return;
|
|
12
9
|
}
|
|
13
10
|
if (data.position) {
|
|
14
11
|
this.position = {
|
|
15
|
-
x: data.position.x ??
|
|
16
|
-
y: data.position.y ??
|
|
17
|
-
mode: data.position.mode ??
|
|
12
|
+
x: data.position.x ?? manualDefaultPosition,
|
|
13
|
+
y: data.position.y ?? manualDefaultPosition,
|
|
14
|
+
mode: data.position.mode ?? PixelMode.percent,
|
|
18
15
|
};
|
|
19
16
|
}
|
|
20
17
|
if (data.options) {
|
|
21
|
-
this.options =
|
|
18
|
+
this.options = deepExtend({}, data.options);
|
|
22
19
|
}
|
|
23
20
|
}
|
|
24
21
|
}
|
|
25
|
-
exports.ManualParticle = ManualParticle;
|
|
@@ -1,24 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const ThemeMode_js_1 = require("../../Enums/Modes/ThemeMode.js");
|
|
15
|
-
const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
|
|
16
|
-
const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
|
|
17
|
-
class Options {
|
|
1
|
+
import { deepExtend, executeOnSingleOrMultiple, safeMatchMedia } from "../../Utils/Utils.js";
|
|
2
|
+
import { isBoolean, isNull } from "../../Utils/TypeUtils.js";
|
|
3
|
+
import { Background } from "./Background/Background.js";
|
|
4
|
+
import { FullScreen } from "./FullScreen/FullScreen.js";
|
|
5
|
+
import { Interactivity } from "./Interactivity/Interactivity.js";
|
|
6
|
+
import { ManualParticle } from "./ManualParticle.js";
|
|
7
|
+
import { Responsive } from "./Responsive.js";
|
|
8
|
+
import { ResponsiveMode } from "../../Enums/Modes/ResponsiveMode.js";
|
|
9
|
+
import { Theme } from "./Theme/Theme.js";
|
|
10
|
+
import { ThemeMode } from "../../Enums/Modes/ThemeMode.js";
|
|
11
|
+
import { loadParticlesOptions } from "../../Utils/OptionsUtils.js";
|
|
12
|
+
import { setRangeValue } from "../../Utils/MathUtils.js";
|
|
13
|
+
export class Options {
|
|
18
14
|
constructor(engine, container) {
|
|
19
15
|
this._findDefaultTheme = mode => {
|
|
20
16
|
return (this.themes.find(theme => theme.default.value && theme.default.mode === mode) ??
|
|
21
|
-
this.themes.find(theme => theme.default.value && theme.default.mode ===
|
|
17
|
+
this.themes.find(theme => theme.default.value && theme.default.mode === ThemeMode.any));
|
|
22
18
|
};
|
|
23
19
|
this._importPreset = preset => {
|
|
24
20
|
this.load(this._engine.getPreset(preset));
|
|
@@ -26,18 +22,18 @@ class Options {
|
|
|
26
22
|
this._engine = engine;
|
|
27
23
|
this._container = container;
|
|
28
24
|
this.autoPlay = true;
|
|
29
|
-
this.background = new
|
|
30
|
-
this.backgroundMask = new BackgroundMask_js_1.BackgroundMask();
|
|
25
|
+
this.background = new Background();
|
|
31
26
|
this.clear = true;
|
|
32
27
|
this.defaultThemes = {};
|
|
33
28
|
this.delay = 0;
|
|
34
|
-
this.fullScreen = new
|
|
29
|
+
this.fullScreen = new FullScreen();
|
|
35
30
|
this.detectRetina = true;
|
|
36
31
|
this.duration = 0;
|
|
37
32
|
this.fpsLimit = 120;
|
|
38
|
-
this.
|
|
33
|
+
this.hdr = true;
|
|
34
|
+
this.interactivity = new Interactivity(engine, container);
|
|
39
35
|
this.manualParticles = [];
|
|
40
|
-
this.particles =
|
|
36
|
+
this.particles = loadParticlesOptions(this._engine, this._container);
|
|
41
37
|
this.pauseOnBlur = true;
|
|
42
38
|
this.pauseOnOutsideViewport = true;
|
|
43
39
|
this.responsive = [];
|
|
@@ -47,11 +43,13 @@ class Options {
|
|
|
47
43
|
this.zLayers = 100;
|
|
48
44
|
}
|
|
49
45
|
load(data) {
|
|
50
|
-
if (
|
|
46
|
+
if (isNull(data)) {
|
|
51
47
|
return;
|
|
52
48
|
}
|
|
53
49
|
if (data.preset !== undefined) {
|
|
54
|
-
|
|
50
|
+
executeOnSingleOrMultiple(data.preset, preset => {
|
|
51
|
+
this._importPreset(preset);
|
|
52
|
+
});
|
|
55
53
|
}
|
|
56
54
|
if (data.autoPlay !== undefined) {
|
|
57
55
|
this.autoPlay = data.autoPlay;
|
|
@@ -66,19 +64,22 @@ class Options {
|
|
|
66
64
|
this.name = data.name;
|
|
67
65
|
}
|
|
68
66
|
if (data.delay !== undefined) {
|
|
69
|
-
this.delay =
|
|
67
|
+
this.delay = setRangeValue(data.delay);
|
|
70
68
|
}
|
|
71
69
|
const detectRetina = data.detectRetina;
|
|
72
70
|
if (detectRetina !== undefined) {
|
|
73
71
|
this.detectRetina = detectRetina;
|
|
74
72
|
}
|
|
75
73
|
if (data.duration !== undefined) {
|
|
76
|
-
this.duration =
|
|
74
|
+
this.duration = setRangeValue(data.duration);
|
|
77
75
|
}
|
|
78
76
|
const fpsLimit = data.fpsLimit;
|
|
79
77
|
if (fpsLimit !== undefined) {
|
|
80
78
|
this.fpsLimit = fpsLimit;
|
|
81
79
|
}
|
|
80
|
+
if (data.hdr !== undefined) {
|
|
81
|
+
this.hdr = data.hdr;
|
|
82
|
+
}
|
|
82
83
|
if (data.pauseOnBlur !== undefined) {
|
|
83
84
|
this.pauseOnBlur = data.pauseOnBlur;
|
|
84
85
|
}
|
|
@@ -90,23 +91,22 @@ class Options {
|
|
|
90
91
|
}
|
|
91
92
|
this.background.load(data.background);
|
|
92
93
|
const fullScreen = data.fullScreen;
|
|
93
|
-
if (
|
|
94
|
+
if (isBoolean(fullScreen)) {
|
|
94
95
|
this.fullScreen.enable = fullScreen;
|
|
95
96
|
}
|
|
96
97
|
else {
|
|
97
98
|
this.fullScreen.load(fullScreen);
|
|
98
99
|
}
|
|
99
|
-
this.backgroundMask.load(data.backgroundMask);
|
|
100
100
|
this.interactivity.load(data.interactivity);
|
|
101
101
|
if (data.manualParticles) {
|
|
102
102
|
this.manualParticles = data.manualParticles.map(t => {
|
|
103
|
-
const tmp = new
|
|
103
|
+
const tmp = new ManualParticle();
|
|
104
104
|
tmp.load(t);
|
|
105
105
|
return tmp;
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
this.particles.load(data.particles);
|
|
109
|
-
this.style =
|
|
109
|
+
this.style = deepExtend(this.style, data.style);
|
|
110
110
|
this._engine.loadOptions(this, data);
|
|
111
111
|
if (data.smooth !== undefined) {
|
|
112
112
|
this.smooth = data.smooth;
|
|
@@ -121,7 +121,7 @@ class Options {
|
|
|
121
121
|
}
|
|
122
122
|
if (data.responsive !== undefined) {
|
|
123
123
|
for (const responsive of data.responsive) {
|
|
124
|
-
const optResponsive = new
|
|
124
|
+
const optResponsive = new Responsive();
|
|
125
125
|
optResponsive.load(responsive);
|
|
126
126
|
this.responsive.push(optResponsive);
|
|
127
127
|
}
|
|
@@ -130,22 +130,22 @@ class Options {
|
|
|
130
130
|
if (data.themes !== undefined) {
|
|
131
131
|
for (const theme of data.themes) {
|
|
132
132
|
const existingTheme = this.themes.find(t => t.name === theme.name);
|
|
133
|
-
if (
|
|
134
|
-
|
|
135
|
-
optTheme.load(theme);
|
|
136
|
-
this.themes.push(optTheme);
|
|
133
|
+
if (existingTheme) {
|
|
134
|
+
existingTheme.load(theme);
|
|
137
135
|
}
|
|
138
136
|
else {
|
|
139
|
-
|
|
137
|
+
const optTheme = new Theme();
|
|
138
|
+
optTheme.load(theme);
|
|
139
|
+
this.themes.push(optTheme);
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
this.defaultThemes.dark = this._findDefaultTheme(
|
|
144
|
-
this.defaultThemes.light = this._findDefaultTheme(
|
|
143
|
+
this.defaultThemes.dark = this._findDefaultTheme(ThemeMode.dark)?.name;
|
|
144
|
+
this.defaultThemes.light = this._findDefaultTheme(ThemeMode.light)?.name;
|
|
145
145
|
}
|
|
146
146
|
setResponsive(width, pxRatio, defaultOptions) {
|
|
147
147
|
this.load(defaultOptions);
|
|
148
|
-
const responsiveOptions = this.responsive.find(t => t.mode ===
|
|
148
|
+
const responsiveOptions = this.responsive.find(t => t.mode === ResponsiveMode.screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
|
|
149
149
|
this.load(responsiveOptions?.options);
|
|
150
150
|
return responsiveOptions?.maxWidth;
|
|
151
151
|
}
|
|
@@ -157,11 +157,10 @@ class Options {
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
else {
|
|
160
|
-
const mediaMatch =
|
|
160
|
+
const mediaMatch = safeMatchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch?.matches, defaultTheme = this._findDefaultTheme(clientDarkMode ? ThemeMode.dark : ThemeMode.light);
|
|
161
161
|
if (defaultTheme) {
|
|
162
162
|
this.load(defaultTheme.options);
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
exports.Options = Options;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.OptionsColor = void 0;
|
|
4
|
-
const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
|
|
5
|
-
class OptionsColor {
|
|
1
|
+
import { isArray, isNull, isString } from "../../Utils/TypeUtils.js";
|
|
2
|
+
export class OptionsColor {
|
|
6
3
|
constructor() {
|
|
7
4
|
this.value = "";
|
|
8
5
|
}
|
|
@@ -10,7 +7,7 @@ class OptionsColor {
|
|
|
10
7
|
const color = new OptionsColor();
|
|
11
8
|
color.load(source);
|
|
12
9
|
if (data !== undefined) {
|
|
13
|
-
if (
|
|
10
|
+
if (isString(data) || isArray(data)) {
|
|
14
11
|
color.load({ value: data });
|
|
15
12
|
}
|
|
16
13
|
else {
|
|
@@ -20,12 +17,11 @@ class OptionsColor {
|
|
|
20
17
|
return color;
|
|
21
18
|
}
|
|
22
19
|
load(data) {
|
|
23
|
-
if (
|
|
20
|
+
if (isNull(data)) {
|
|
24
21
|
return;
|
|
25
22
|
}
|
|
26
|
-
if (!
|
|
23
|
+
if (!isNull(data.value)) {
|
|
27
24
|
this.value = data.value;
|
|
28
25
|
}
|
|
29
26
|
}
|
|
30
27
|
}
|
|
31
|
-
exports.OptionsColor = OptionsColor;
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const ParticlesBounceFactor_js_1 = require("./ParticlesBounceFactor.js");
|
|
5
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
6
|
-
class ParticlesBounce {
|
|
1
|
+
import { ParticlesBounceFactor } from "./ParticlesBounceFactor.js";
|
|
2
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
3
|
+
export class ParticlesBounce {
|
|
7
4
|
constructor() {
|
|
8
|
-
this.horizontal = new
|
|
9
|
-
this.vertical = new
|
|
5
|
+
this.horizontal = new ParticlesBounceFactor();
|
|
6
|
+
this.vertical = new ParticlesBounceFactor();
|
|
10
7
|
}
|
|
11
8
|
load(data) {
|
|
12
|
-
if (
|
|
9
|
+
if (isNull(data)) {
|
|
13
10
|
return;
|
|
14
11
|
}
|
|
15
12
|
this.horizontal.load(data.horizontal);
|
|
16
13
|
this.vertical.load(data.vertical);
|
|
17
14
|
}
|
|
18
15
|
}
|
|
19
|
-
exports.ParticlesBounce = ParticlesBounce;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.ParticlesBounceFactor = void 0;
|
|
4
|
-
const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
|
|
5
|
-
class ParticlesBounceFactor extends ValueWithRandom_js_1.ValueWithRandom {
|
|
1
|
+
import { ValueWithRandom } from "../../ValueWithRandom.js";
|
|
2
|
+
export class ParticlesBounceFactor extends ValueWithRandom {
|
|
6
3
|
constructor() {
|
|
7
4
|
super();
|
|
8
5
|
this.value = 1;
|
|
9
6
|
}
|
|
10
7
|
}
|
|
11
|
-
exports.ParticlesBounceFactor = ParticlesBounceFactor;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const Utils_js_1 = require("../../../../Utils/Utils.js");
|
|
5
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
6
|
-
class Effect {
|
|
1
|
+
import { deepExtend } from "../../../../Utils/Utils.js";
|
|
2
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
3
|
+
export class Effect {
|
|
7
4
|
constructor() {
|
|
8
5
|
this.close = true;
|
|
9
6
|
this.fill = true;
|
|
@@ -11,7 +8,7 @@ class Effect {
|
|
|
11
8
|
this.type = [];
|
|
12
9
|
}
|
|
13
10
|
load(data) {
|
|
14
|
-
if (
|
|
11
|
+
if (isNull(data)) {
|
|
15
12
|
return;
|
|
16
13
|
}
|
|
17
14
|
const options = data.options;
|
|
@@ -19,7 +16,7 @@ class Effect {
|
|
|
19
16
|
for (const effect in options) {
|
|
20
17
|
const item = options[effect];
|
|
21
18
|
if (item) {
|
|
22
|
-
this.options[effect] =
|
|
19
|
+
this.options[effect] = deepExtend(this.options[effect] ?? {}, item);
|
|
23
20
|
}
|
|
24
21
|
}
|
|
25
22
|
}
|
|
@@ -34,4 +31,3 @@ class Effect {
|
|
|
34
31
|
}
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
|
-
exports.Effect = Effect;
|
|
@@ -1,54 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const OutModes_js_1 = require("./OutModes.js");
|
|
13
|
-
const Spin_js_1 = require("./Spin.js");
|
|
14
|
-
const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
|
|
15
|
-
class Move {
|
|
1
|
+
import { MoveDirection } from "../../../../Enums/Directions/MoveDirection.js";
|
|
2
|
+
import { isNull, isNumber, isObject } from "../../../../Utils/TypeUtils.js";
|
|
3
|
+
import { MoveAngle } from "./MoveAngle.js";
|
|
4
|
+
import { MoveAttract } from "./MoveAttract.js";
|
|
5
|
+
import { MoveCenter } from "./MoveCenter.js";
|
|
6
|
+
import { MoveGravity } from "./MoveGravity.js";
|
|
7
|
+
import { MovePath } from "./Path/MovePath.js";
|
|
8
|
+
import { OutModes } from "./OutModes.js";
|
|
9
|
+
import { Spin } from "./Spin.js";
|
|
10
|
+
import { setRangeValue } from "../../../../Utils/MathUtils.js";
|
|
11
|
+
export class Move {
|
|
16
12
|
constructor() {
|
|
17
|
-
this.angle = new
|
|
18
|
-
this.attract = new
|
|
19
|
-
this.center = new
|
|
13
|
+
this.angle = new MoveAngle();
|
|
14
|
+
this.attract = new MoveAttract();
|
|
15
|
+
this.center = new MoveCenter();
|
|
20
16
|
this.decay = 0;
|
|
21
17
|
this.distance = {};
|
|
22
|
-
this.direction =
|
|
18
|
+
this.direction = MoveDirection.none;
|
|
23
19
|
this.drift = 0;
|
|
24
20
|
this.enable = false;
|
|
25
|
-
this.gravity = new
|
|
26
|
-
this.path = new
|
|
27
|
-
this.outModes = new
|
|
21
|
+
this.gravity = new MoveGravity();
|
|
22
|
+
this.path = new MovePath();
|
|
23
|
+
this.outModes = new OutModes();
|
|
28
24
|
this.random = false;
|
|
29
25
|
this.size = false;
|
|
30
26
|
this.speed = 2;
|
|
31
|
-
this.spin = new
|
|
27
|
+
this.spin = new Spin();
|
|
32
28
|
this.straight = false;
|
|
33
|
-
this.trail = new MoveTrail_js_1.MoveTrail();
|
|
34
29
|
this.vibrate = false;
|
|
35
30
|
this.warp = false;
|
|
36
31
|
}
|
|
37
32
|
load(data) {
|
|
38
|
-
if (
|
|
33
|
+
if (isNull(data)) {
|
|
39
34
|
return;
|
|
40
35
|
}
|
|
41
|
-
this.angle.load(
|
|
36
|
+
this.angle.load(isNumber(data.angle) ? { value: data.angle } : data.angle);
|
|
42
37
|
this.attract.load(data.attract);
|
|
43
38
|
this.center.load(data.center);
|
|
44
39
|
if (data.decay !== undefined) {
|
|
45
|
-
this.decay =
|
|
40
|
+
this.decay = setRangeValue(data.decay);
|
|
46
41
|
}
|
|
47
42
|
if (data.direction !== undefined) {
|
|
48
43
|
this.direction = data.direction;
|
|
49
44
|
}
|
|
50
45
|
if (data.distance !== undefined) {
|
|
51
|
-
this.distance =
|
|
46
|
+
this.distance = isNumber(data.distance)
|
|
52
47
|
? {
|
|
53
48
|
horizontal: data.distance,
|
|
54
49
|
vertical: data.distance,
|
|
@@ -56,7 +51,7 @@ class Move {
|
|
|
56
51
|
: { ...data.distance };
|
|
57
52
|
}
|
|
58
53
|
if (data.drift !== undefined) {
|
|
59
|
-
this.drift =
|
|
54
|
+
this.drift = setRangeValue(data.drift);
|
|
60
55
|
}
|
|
61
56
|
if (data.enable !== undefined) {
|
|
62
57
|
this.enable = data.enable;
|
|
@@ -64,7 +59,7 @@ class Move {
|
|
|
64
59
|
this.gravity.load(data.gravity);
|
|
65
60
|
const outModes = data.outModes;
|
|
66
61
|
if (outModes !== undefined) {
|
|
67
|
-
if (
|
|
62
|
+
if (isObject(outModes)) {
|
|
68
63
|
this.outModes.load(outModes);
|
|
69
64
|
}
|
|
70
65
|
else {
|
|
@@ -81,13 +76,12 @@ class Move {
|
|
|
81
76
|
this.size = data.size;
|
|
82
77
|
}
|
|
83
78
|
if (data.speed !== undefined) {
|
|
84
|
-
this.speed =
|
|
79
|
+
this.speed = setRangeValue(data.speed);
|
|
85
80
|
}
|
|
86
81
|
this.spin.load(data.spin);
|
|
87
82
|
if (data.straight !== undefined) {
|
|
88
83
|
this.straight = data.straight;
|
|
89
84
|
}
|
|
90
|
-
this.trail.load(data.trail);
|
|
91
85
|
if (data.vibrate !== undefined) {
|
|
92
86
|
this.vibrate = data.vibrate;
|
|
93
87
|
}
|
|
@@ -96,4 +90,3 @@ class Move {
|
|
|
96
90
|
}
|
|
97
91
|
}
|
|
98
92
|
}
|
|
99
|
-
exports.Move = Move;
|
|
@@ -1,23 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
5
|
-
const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
|
|
6
|
-
class MoveAngle {
|
|
1
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
2
|
+
import { setRangeValue } from "../../../../Utils/MathUtils.js";
|
|
3
|
+
export class MoveAngle {
|
|
7
4
|
constructor() {
|
|
8
5
|
this.offset = 0;
|
|
9
6
|
this.value = 90;
|
|
10
7
|
}
|
|
11
8
|
load(data) {
|
|
12
|
-
if (
|
|
9
|
+
if (isNull(data)) {
|
|
13
10
|
return;
|
|
14
11
|
}
|
|
15
12
|
if (data.offset !== undefined) {
|
|
16
|
-
this.offset =
|
|
13
|
+
this.offset = setRangeValue(data.offset);
|
|
17
14
|
}
|
|
18
15
|
if (data.value !== undefined) {
|
|
19
|
-
this.value =
|
|
16
|
+
this.value = setRangeValue(data.value);
|
|
20
17
|
}
|
|
21
18
|
}
|
|
22
19
|
}
|
|
23
|
-
exports.MoveAngle = MoveAngle;
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
5
|
-
const NumberUtils_js_1 = require("../../../../Utils/NumberUtils.js");
|
|
6
|
-
class MoveAttract {
|
|
1
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
2
|
+
import { setRangeValue } from "../../../../Utils/MathUtils.js";
|
|
3
|
+
export class MoveAttract {
|
|
7
4
|
constructor() {
|
|
8
5
|
this.distance = 200;
|
|
9
6
|
this.enable = false;
|
|
@@ -13,11 +10,11 @@ class MoveAttract {
|
|
|
13
10
|
};
|
|
14
11
|
}
|
|
15
12
|
load(data) {
|
|
16
|
-
if (
|
|
13
|
+
if (isNull(data)) {
|
|
17
14
|
return;
|
|
18
15
|
}
|
|
19
16
|
if (data.distance !== undefined) {
|
|
20
|
-
this.distance =
|
|
17
|
+
this.distance = setRangeValue(data.distance);
|
|
21
18
|
}
|
|
22
19
|
if (data.enable !== undefined) {
|
|
23
20
|
this.enable = data.enable;
|
|
@@ -34,4 +31,3 @@ class MoveAttract {
|
|
|
34
31
|
}
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
|
-
exports.MoveAttract = MoveAttract;
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const PixelMode_js_1 = require("../../../../Enums/Modes/PixelMode.js");
|
|
5
|
-
const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
|
|
6
|
-
class MoveCenter {
|
|
1
|
+
import { PixelMode } from "../../../../Enums/Modes/PixelMode.js";
|
|
2
|
+
import { isNull } from "../../../../Utils/TypeUtils.js";
|
|
3
|
+
export class MoveCenter {
|
|
7
4
|
constructor() {
|
|
8
5
|
this.x = 50;
|
|
9
6
|
this.y = 50;
|
|
10
|
-
this.mode =
|
|
7
|
+
this.mode = PixelMode.percent;
|
|
11
8
|
this.radius = 0;
|
|
12
9
|
}
|
|
13
10
|
load(data) {
|
|
14
|
-
if (
|
|
11
|
+
if (isNull(data)) {
|
|
15
12
|
return;
|
|
16
13
|
}
|
|
17
14
|
if (data.x !== undefined) {
|
|
@@ -28,4 +25,3 @@ class MoveCenter {
|
|
|
28
25
|
}
|
|
29
26
|
}
|
|
30
27
|
}
|
|
31
|
-
exports.MoveCenter = MoveCenter;
|