Merge pull request tsparticles#5642 from tsparticles/v4

4.0.0-beta.1

Author: matteobruni

.github/workflows/nodejs.yml

@@ -25,7 +25,7 @@ jobs:
           fetch-depth: 0
 
       - name: Derive SHAs for nx affected
-        uses: nrwl/nx-set-shas@v4
+        uses: nrwl/nx-set-shas@v5
 
       - uses: actions/setup-node@v6
         with:

CHANGELOG.md

@@ -3,6 +3,18 @@
 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.1](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.0...v4.0.0-beta.1) (2026-03-31)
+
+### Bug Fixes
+
+- improved cannon and interactivity events ([b836a59](https://github.com/tsparticles/tsparticles/commit/b836a59e90afdc68b6307e8d37898e71b5881a21))
+- improved cannon options loading ([8cfcc50](https://github.com/tsparticles/tsparticles/commit/8cfcc50f4375582b73ff79569a097aea8464c8c7))
+- improved cannon vector draw ([5d55e8f](https://github.com/tsparticles/tsparticles/commit/5d55e8f22aa34939ac96a58ef9e1eb478f33e9f6))
+
+### Features
+
+- added cannon external interaction ([e133ab3](https://github.com/tsparticles/tsparticles/commit/e133ab35835b6411c0da1b151b046a36bcfd9ee1))
+
 # [4.0.0-beta.0](https://github.com/tsparticles/tsparticles/compare/v4.0.0-alpha.28...v4.0.0-beta.0) (2026-03-19)
 
 ### Bug Fixes

README.md

@@ -98,8 +98,6 @@ React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.j
   - [Migrating from Particles.js](#migrating-from-particlesjs)
   - [Plugins/Customizations](#pluginscustomizations)
   - [Dependency Graph](#dependency-graph)
-  - [Sponsors](#sponsors)
-    - [Huge thanks to JetBrains for the 2020-2022 Open Source Licenses!](#huge-thanks-to-jetbrains-for-the-2020-2022-open-source-licenses)
 
 ---
 
@@ -989,22 +987,3 @@ flowchart TD
 
   bundle-full --> bundle-all
 ```
-
----
-
-<p>  
-    <a href="https://www.jetbrains.com/?from=tsParticles">  
-        <img src="https://raw.githubusercontent.com/tsparticles/tsparticles/gh-pages/images/jetbrains-logos/jetbrains-variant-4.png" height="150" alt="JetBrains" />  
-    </a>  
-    <a href="https://www.jetbrains.com/webstorm/?from=tsParticles">  
-        <img src="https://raw.githubusercontent.com/tsparticles/tsparticles/gh-pages/images/jetbrains-logos/logo.png" height="150" alt="JetBrains" />  
-    </a>  
-</p>
-
-## Sponsors
-
-### JetBrains
-
-Huge thanks to [JetBrains](https://www.jetbrains.com/?from=tsParticles) for the 2020-2022 Open Source Licenses!
-
-[JetBrains WebStorm](https://www.jetbrains.com/webstorm/?from=tsParticles) is used to maintain this project.

bundles/all/CHANGELOG.md

@@ -3,6 +3,12 @@
 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.1](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.0...v4.0.0-beta.1) (2026-03-31)
+
+### Features
+
+- added cannon external interaction ([e133ab3](https://github.com/tsparticles/tsparticles/commit/e133ab35835b6411c0da1b151b046a36bcfd9ee1))
+
 # [4.0.0-beta.0](https://github.com/tsparticles/tsparticles/compare/v4.0.0-alpha.28...v4.0.0-beta.0) (2026-03-19)
 
 **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.0",
+  "version": "4.0.0-beta.1",
   "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": {
@@ -99,82 +99,83 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "4.0.0-beta.0",
-    "@tsparticles/effect-particles": "4.0.0-beta.0",
-    "@tsparticles/effect-shadow": "4.0.0-beta.0",
-    "@tsparticles/effect-trail": "4.0.0-beta.0",
-    "@tsparticles/engine": "4.0.0-beta.0",
-    "@tsparticles/interaction-external-particle": "4.0.0-beta.0",
-    "@tsparticles/interaction-external-pop": "4.0.0-beta.0",
-    "@tsparticles/interaction-light": "4.0.0-beta.0",
-    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.0",
-    "@tsparticles/path-branches": "4.0.0-beta.0",
-    "@tsparticles/path-brownian": "4.0.0-beta.0",
-    "@tsparticles/path-curl-noise": "4.0.0-beta.0",
-    "@tsparticles/path-curves": "4.0.0-beta.0",
-    "@tsparticles/path-fractal-noise": "4.0.0-beta.0",
-    "@tsparticles/path-grid": "4.0.0-beta.0",
-    "@tsparticles/path-levy": "4.0.0-beta.0",
-    "@tsparticles/path-perlin-noise": "4.0.0-beta.0",
-    "@tsparticles/path-polygon": "4.0.0-beta.0",
-    "@tsparticles/path-random": "4.0.0-beta.0",
-    "@tsparticles/path-simplex-noise": "4.0.0-beta.0",
-    "@tsparticles/path-spiral": "4.0.0-beta.0",
-    "@tsparticles/path-svg": "4.0.0-beta.0",
-    "@tsparticles/path-zig-zag": "4.0.0-beta.0",
-    "@tsparticles/plugin-background-mask": "4.0.0-beta.0",
-    "@tsparticles/plugin-blend": "4.0.0-beta.0",
-    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-back": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-circ": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-expo": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-linear": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-quart": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-quint": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-sine": "4.0.0-beta.0",
-    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.0",
-    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.0",
-    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.0",
-    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.0",
-    "@tsparticles/plugin-export-image": "4.0.0-beta.0",
-    "@tsparticles/plugin-export-json": "4.0.0-beta.0",
-    "@tsparticles/plugin-export-video": "4.0.0-beta.0",
-    "@tsparticles/plugin-hsv-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-hwb-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-infection": "4.0.0-beta.0",
-    "@tsparticles/plugin-lab-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-lch-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-manual-particles": "4.0.0-beta.0",
-    "@tsparticles/plugin-motion": "4.0.0-beta.0",
-    "@tsparticles/plugin-named-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-oklab-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-oklch-color": "4.0.0-beta.0",
-    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.0",
-    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.0",
-    "@tsparticles/plugin-responsive": "4.0.0-beta.0",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.0",
-    "@tsparticles/plugin-themes": "4.0.0-beta.0",
-    "@tsparticles/plugin-trail": "4.0.0-beta.0",
-    "@tsparticles/plugin-zoom": "4.0.0-beta.0",
-    "@tsparticles/shape-arrow": "4.0.0-beta.0",
-    "@tsparticles/shape-cards": "4.0.0-beta.0",
-    "@tsparticles/shape-cog": "4.0.0-beta.0",
-    "@tsparticles/shape-heart": "4.0.0-beta.0",
-    "@tsparticles/shape-infinity": "4.0.0-beta.0",
-    "@tsparticles/shape-matrix": "4.0.0-beta.0",
-    "@tsparticles/shape-path": "4.0.0-beta.0",
-    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.0",
-    "@tsparticles/shape-rounded-rect": "4.0.0-beta.0",
-    "@tsparticles/shape-spiral": "4.0.0-beta.0",
-    "@tsparticles/shape-squircle": "4.0.0-beta.0",
-    "@tsparticles/updater-gradient": "4.0.0-beta.0",
-    "@tsparticles/updater-orbit": "4.0.0-beta.0",
-    "tsparticles": "4.0.0-beta.0"
+    "@tsparticles/effect-bubble": "4.0.0-beta.1",
+    "@tsparticles/effect-particles": "4.0.0-beta.1",
+    "@tsparticles/effect-shadow": "4.0.0-beta.1",
+    "@tsparticles/effect-trail": "4.0.0-beta.1",
+    "@tsparticles/engine": "4.0.0-beta.1",
+    "@tsparticles/interaction-external-cannon": "4.0.0-beta.1",
+    "@tsparticles/interaction-external-particle": "4.0.0-beta.1",
+    "@tsparticles/interaction-external-pop": "4.0.0-beta.1",
+    "@tsparticles/interaction-light": "4.0.0-beta.1",
+    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.1",
+    "@tsparticles/path-branches": "4.0.0-beta.1",
+    "@tsparticles/path-brownian": "4.0.0-beta.1",
+    "@tsparticles/path-curl-noise": "4.0.0-beta.1",
+    "@tsparticles/path-curves": "4.0.0-beta.1",
+    "@tsparticles/path-fractal-noise": "4.0.0-beta.1",
+    "@tsparticles/path-grid": "4.0.0-beta.1",
+    "@tsparticles/path-levy": "4.0.0-beta.1",
+    "@tsparticles/path-perlin-noise": "4.0.0-beta.1",
+    "@tsparticles/path-polygon": "4.0.0-beta.1",
+    "@tsparticles/path-random": "4.0.0-beta.1",
+    "@tsparticles/path-simplex-noise": "4.0.0-beta.1",
+    "@tsparticles/path-spiral": "4.0.0-beta.1",
+    "@tsparticles/path-svg": "4.0.0-beta.1",
+    "@tsparticles/path-zig-zag": "4.0.0-beta.1",
+    "@tsparticles/plugin-background-mask": "4.0.0-beta.1",
+    "@tsparticles/plugin-blend": "4.0.0-beta.1",
+    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-back": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-circ": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-expo": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-linear": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-quart": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-quint": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-sine": "4.0.0-beta.1",
+    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.1",
+    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.1",
+    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.1",
+    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.1",
+    "@tsparticles/plugin-export-image": "4.0.0-beta.1",
+    "@tsparticles/plugin-export-json": "4.0.0-beta.1",
+    "@tsparticles/plugin-export-video": "4.0.0-beta.1",
+    "@tsparticles/plugin-hsv-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-hwb-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-infection": "4.0.0-beta.1",
+    "@tsparticles/plugin-lab-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-lch-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-manual-particles": "4.0.0-beta.1",
+    "@tsparticles/plugin-motion": "4.0.0-beta.1",
+    "@tsparticles/plugin-named-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-oklab-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-oklch-color": "4.0.0-beta.1",
+    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.1",
+    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.1",
+    "@tsparticles/plugin-responsive": "4.0.0-beta.1",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.1",
+    "@tsparticles/plugin-themes": "4.0.0-beta.1",
+    "@tsparticles/plugin-trail": "4.0.0-beta.1",
+    "@tsparticles/plugin-zoom": "4.0.0-beta.1",
+    "@tsparticles/shape-arrow": "4.0.0-beta.1",
+    "@tsparticles/shape-cards": "4.0.0-beta.1",
+    "@tsparticles/shape-cog": "4.0.0-beta.1",
+    "@tsparticles/shape-heart": "4.0.0-beta.1",
+    "@tsparticles/shape-infinity": "4.0.0-beta.1",
+    "@tsparticles/shape-matrix": "4.0.0-beta.1",
+    "@tsparticles/shape-path": "4.0.0-beta.1",
+    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.1",
+    "@tsparticles/shape-rounded-rect": "4.0.0-beta.1",
+    "@tsparticles/shape-spiral": "4.0.0-beta.1",
+    "@tsparticles/shape-squircle": "4.0.0-beta.1",
+    "@tsparticles/updater-gradient": "4.0.0-beta.1",
+    "@tsparticles/updater-orbit": "4.0.0-beta.1",
+    "tsparticles": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"