Merge pull request tsparticles#5669 from tsparticles/v4

4.0.0-beta.10

Author: matteobruni

CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.10](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.9...v4.0.0-beta.10) (2026-04-08)
+
+**Note:** Version bump only for package @tsparticles/workspace
+
 # [4.0.0-beta.9](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.8...v4.0.0-beta.9) (2026-04-08)
 
 ### Bug Fixes

bundles/all/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.10](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.9...v4.0.0-beta.10) (2026-04-08)
+
+**Note:** Version bump only for package @tsparticles/all
+
 # [4.0.0-beta.9](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.8...v4.0.0-beta.9) (2026-04-08)
 
 **Note:** Version bump only for package @tsparticles/all

bundles/all/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -98,84 +98,84 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "4.0.0-beta.9",
-    "@tsparticles/effect-filter": "4.0.0-beta.9",
-    "@tsparticles/effect-particles": "4.0.0-beta.9",
-    "@tsparticles/effect-shadow": "4.0.0-beta.9",
-    "@tsparticles/effect-trail": "4.0.0-beta.9",
-    "@tsparticles/engine": "4.0.0-beta.9",
-    "@tsparticles/interaction-external-cannon": "4.0.0-beta.9",
-    "@tsparticles/interaction-external-particle": "4.0.0-beta.9",
-    "@tsparticles/interaction-external-pop": "4.0.0-beta.9",
-    "@tsparticles/interaction-light": "4.0.0-beta.9",
-    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.9",
-    "@tsparticles/path-branches": "4.0.0-beta.9",
-    "@tsparticles/path-brownian": "4.0.0-beta.9",
-    "@tsparticles/path-curl-noise": "4.0.0-beta.9",
-    "@tsparticles/path-curves": "4.0.0-beta.9",
-    "@tsparticles/path-fractal-noise": "4.0.0-beta.9",
-    "@tsparticles/path-grid": "4.0.0-beta.9",
-    "@tsparticles/path-levy": "4.0.0-beta.9",
-    "@tsparticles/path-perlin-noise": "4.0.0-beta.9",
-    "@tsparticles/path-polygon": "4.0.0-beta.9",
-    "@tsparticles/path-random": "4.0.0-beta.9",
-    "@tsparticles/path-simplex-noise": "4.0.0-beta.9",
-    "@tsparticles/path-spiral": "4.0.0-beta.9",
-    "@tsparticles/path-svg": "4.0.0-beta.9",
-    "@tsparticles/path-zig-zag": "4.0.0-beta.9",
-    "@tsparticles/plugin-background-mask": "4.0.0-beta.9",
-    "@tsparticles/plugin-blend": "4.0.0-beta.9",
-    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-back": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-circ": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-expo": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-linear": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-quart": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-quint": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-sine": "4.0.0-beta.9",
-    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.9",
-    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.9",
-    "@tsparticles/plugin-export-image": "4.0.0-beta.9",
-    "@tsparticles/plugin-export-json": "4.0.0-beta.9",
-    "@tsparticles/plugin-export-video": "4.0.0-beta.9",
-    "@tsparticles/plugin-hsv-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-hwb-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-infection": "4.0.0-beta.9",
-    "@tsparticles/plugin-lab-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-lch-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-manual-particles": "4.0.0-beta.9",
-    "@tsparticles/plugin-motion": "4.0.0-beta.9",
-    "@tsparticles/plugin-named-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-oklab-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-oklch-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.9",
-    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.9",
-    "@tsparticles/plugin-responsive": "4.0.0-beta.9",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.9",
-    "@tsparticles/plugin-themes": "4.0.0-beta.9",
-    "@tsparticles/plugin-trail": "4.0.0-beta.9",
-    "@tsparticles/plugin-zoom": "4.0.0-beta.9",
-    "@tsparticles/shape-arrow": "4.0.0-beta.9",
-    "@tsparticles/shape-cards": "4.0.0-beta.9",
-    "@tsparticles/shape-cog": "4.0.0-beta.9",
-    "@tsparticles/shape-heart": "4.0.0-beta.9",
-    "@tsparticles/shape-infinity": "4.0.0-beta.9",
-    "@tsparticles/shape-matrix": "4.0.0-beta.9",
-    "@tsparticles/shape-path": "4.0.0-beta.9",
-    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.9",
-    "@tsparticles/shape-rounded-rect": "4.0.0-beta.9",
-    "@tsparticles/shape-spiral": "4.0.0-beta.9",
-    "@tsparticles/shape-squircle": "4.0.0-beta.9",
-    "@tsparticles/updater-gradient": "4.0.0-beta.9",
-    "@tsparticles/updater-orbit": "4.0.0-beta.9",
-    "tsparticles": "4.0.0-beta.9"
+    "@tsparticles/effect-bubble": "4.0.0-beta.10",
+    "@tsparticles/effect-filter": "4.0.0-beta.10",
+    "@tsparticles/effect-particles": "4.0.0-beta.10",
+    "@tsparticles/effect-shadow": "4.0.0-beta.10",
+    "@tsparticles/effect-trail": "4.0.0-beta.10",
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/interaction-external-cannon": "4.0.0-beta.10",
+    "@tsparticles/interaction-external-particle": "4.0.0-beta.10",
+    "@tsparticles/interaction-external-pop": "4.0.0-beta.10",
+    "@tsparticles/interaction-light": "4.0.0-beta.10",
+    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.10",
+    "@tsparticles/path-branches": "4.0.0-beta.10",
+    "@tsparticles/path-brownian": "4.0.0-beta.10",
+    "@tsparticles/path-curl-noise": "4.0.0-beta.10",
+    "@tsparticles/path-curves": "4.0.0-beta.10",
+    "@tsparticles/path-fractal-noise": "4.0.0-beta.10",
+    "@tsparticles/path-grid": "4.0.0-beta.10",
+    "@tsparticles/path-levy": "4.0.0-beta.10",
+    "@tsparticles/path-perlin-noise": "4.0.0-beta.10",
+    "@tsparticles/path-polygon": "4.0.0-beta.10",
+    "@tsparticles/path-random": "4.0.0-beta.10",
+    "@tsparticles/path-simplex-noise": "4.0.0-beta.10",
+    "@tsparticles/path-spiral": "4.0.0-beta.10",
+    "@tsparticles/path-svg": "4.0.0-beta.10",
+    "@tsparticles/path-zig-zag": "4.0.0-beta.10",
+    "@tsparticles/plugin-background-mask": "4.0.0-beta.10",
+    "@tsparticles/plugin-blend": "4.0.0-beta.10",
+    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-back": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-circ": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-expo": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-linear": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-quart": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-quint": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-sine": "4.0.0-beta.10",
+    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.10",
+    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.10",
+    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.10",
+    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.10",
+    "@tsparticles/plugin-export-image": "4.0.0-beta.10",
+    "@tsparticles/plugin-export-json": "4.0.0-beta.10",
+    "@tsparticles/plugin-export-video": "4.0.0-beta.10",
+    "@tsparticles/plugin-hsv-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-hwb-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-infection": "4.0.0-beta.10",
+    "@tsparticles/plugin-lab-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-lch-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-manual-particles": "4.0.0-beta.10",
+    "@tsparticles/plugin-motion": "4.0.0-beta.10",
+    "@tsparticles/plugin-named-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-oklab-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-oklch-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.10",
+    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.10",
+    "@tsparticles/plugin-responsive": "4.0.0-beta.10",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.10",
+    "@tsparticles/plugin-themes": "4.0.0-beta.10",
+    "@tsparticles/plugin-trail": "4.0.0-beta.10",
+    "@tsparticles/plugin-zoom": "4.0.0-beta.10",
+    "@tsparticles/shape-arrow": "4.0.0-beta.10",
+    "@tsparticles/shape-cards": "4.0.0-beta.10",
+    "@tsparticles/shape-cog": "4.0.0-beta.10",
+    "@tsparticles/shape-heart": "4.0.0-beta.10",
+    "@tsparticles/shape-infinity": "4.0.0-beta.10",
+    "@tsparticles/shape-matrix": "4.0.0-beta.10",
+    "@tsparticles/shape-path": "4.0.0-beta.10",
+    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.10",
+    "@tsparticles/shape-rounded-rect": "4.0.0-beta.10",
+    "@tsparticles/shape-spiral": "4.0.0-beta.10",
+    "@tsparticles/shape-squircle": "4.0.0-beta.10",
+    "@tsparticles/updater-gradient": "4.0.0-beta.10",
+    "@tsparticles/updater-orbit": "4.0.0-beta.10",
+    "tsparticles": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"

bundles/all/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {

bundles/basic/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.10](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.9...v4.0.0-beta.10) (2026-04-08)
+
+**Note:** Version bump only for package @tsparticles/basic
+
 # [4.0.0-beta.9](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.8...v4.0.0-beta.9) (2026-04-08)
 
 **Note:** Version bump only for package @tsparticles/basic

bundles/basic/README.md

@@ -14,7 +14,7 @@
 - [@tsparticles/plugin-hsl-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hslColor)
 - [@tsparticles/plugin-rgb-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/rgbColor)
 - [@tsparticles/shape-circle](https://github.com/tsparticles/tsparticles/tree/main/shapes/circle)
-- [@tsparticles/updater-fill-color](https://github.com/tsparticles/tsparticles/tree/main/updaters/color)
+- [@tsparticles/updater-paint](https://github.com/tsparticles/tsparticles/tree/main/updaters/paint)
 - [@tsparticles/updater-opacity](https://github.com/tsparticles/tsparticles/tree/main/updaters/opacity)
 - [@tsparticles/updater-out-modes](https://github.com/tsparticles/tsparticles/tree/main/updaters/outModes)
 - [@tsparticles/updater-size](https://github.com/tsparticles/tsparticles/tree/main/updaters/size)
@@ -44,7 +44,7 @@ subgraph s [Shapes]
 end
 
 subgraph u [Updaters]
-  uf[tsparticles/updater-fill-color]
+  up[tsparticles/updater-paint]
   uo[tsparticles/updater-opacity]
   uom[tsparticles/updater-out-modes]
   us[tsparticles/updater-size]

bundles/basic/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -98,16 +98,16 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.9",
-    "@tsparticles/plugin-hex-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-hsl-color": "4.0.0-beta.9",
-    "@tsparticles/plugin-move": "4.0.0-beta.9",
-    "@tsparticles/plugin-rgb-color": "4.0.0-beta.9",
-    "@tsparticles/shape-circle": "4.0.0-beta.9",
-    "@tsparticles/updater-fill-color": "4.0.0-beta.9",
-    "@tsparticles/updater-opacity": "4.0.0-beta.9",
-    "@tsparticles/updater-out-modes": "4.0.0-beta.9",
-    "@tsparticles/updater-size": "4.0.0-beta.9"
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/plugin-hex-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-hsl-color": "4.0.0-beta.10",
+    "@tsparticles/plugin-move": "4.0.0-beta.10",
+    "@tsparticles/plugin-rgb-color": "4.0.0-beta.10",
+    "@tsparticles/shape-circle": "4.0.0-beta.10",
+    "@tsparticles/updater-opacity": "4.0.0-beta.10",
+    "@tsparticles/updater-out-modes": "4.0.0-beta.10",
+    "@tsparticles/updater-paint": "4.0.0-beta.10",
+    "@tsparticles/updater-size": "4.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"

bundles/basic/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {
@@ -112,9 +112,9 @@
     "@tsparticles/plugin-move": "workspace:*",
     "@tsparticles/plugin-rgb-color": "workspace:*",
     "@tsparticles/shape-circle": "workspace:*",
-    "@tsparticles/updater-fill-color": "workspace:*",
     "@tsparticles/updater-opacity": "workspace:*",
     "@tsparticles/updater-out-modes": "workspace:*",
+    "@tsparticles/updater-paint": "workspace:*",
     "@tsparticles/updater-size": "workspace:*"
   },
   "publishConfig": {

bundles/basic/src/index.ts

@@ -22,7 +22,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
 
       { loadCircleShape },
 
-      { loadFillColorUpdater },
+      { loadPaintUpdater },
       { loadOpacityUpdater },
       { loadOutModesUpdater },
       { loadSizeUpdater },
@@ -34,7 +34,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
 
       import("@tsparticles/shape-circle"),
 
-      import("@tsparticles/updater-fill-color"),
+      import("@tsparticles/updater-paint"),
       import("@tsparticles/updater-opacity"),
       import("@tsparticles/updater-out-modes"),
       import("@tsparticles/updater-size"),
@@ -46,7 +46,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
       loadRgbColorPlugin(e),
       loadMovePlugin(e),
       loadCircleShape(e),
-      loadFillColorUpdater(e),
+      loadPaintUpdater(e),
       loadOpacityUpdater(e),
       loadOutModesUpdater(e),
       loadSizeUpdater(e),

bundles/confetti/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.10](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.9...v4.0.0-beta.10) (2026-04-08)
+
+**Note:** Version bump only for package @tsparticles/confetti
+
 # [4.0.0-beta.9](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.8...v4.0.0-beta.9) (2026-04-08)
 
 **Note:** Version bump only for package @tsparticles/confetti