+76 -83

package-lock.json

··· 11 11 "dependencies": { 12 12 "@fontsource/fira-sans": "5.0.20", 13 13 "@fontsource/josefin-sans": "5.0.20", 14 14 + "@tsparticles/engine": "3.3.0", 15 15 + "@tsparticles/move-base": "3.3.0", 16 16 + "@tsparticles/shape-circle": "3.3.0", 17 17 + "@tsparticles/updater-angle": "3.0.0-alpha.1", 18 18 + "@tsparticles/updater-color": "3.3.0", 19 19 + "@tsparticles/updater-opacity": "3.3.0", 20 20 + "@tsparticles/updater-size": "3.3.0", 14 21 "base64url": "3.0.1", 15 22 "hls.js": "1.5.8", 16 23 "normalize.scss": "0.1.0", 17 17 - "ovenplayer": "0.10.35", 18 18 - "tsparticles-engine": "2.12.0", 19 19 - "tsparticles-move-base": "2.12.0", 20 20 - "tsparticles-shape-circle": "2.12.0", 21 21 - "tsparticles-updater-angle": "2.9.3", 22 22 - "tsparticles-updater-color": "2.12.0", 23 23 - "tsparticles-updater-opacity": "2.12.0", 24 24 - "tsparticles-updater-size": "2.12.0" 24 24 + "ovenplayer": "0.10.35" 25 25 }, 26 26 "devDependencies": { 27 27 "@parcel/compressor-brotli": "2.12.0", ··· 2450 2450 "dev": true, 2451 2451 "engines": { 2452 2452 "node": ">=10.13.0" 2453 2453 + } 2454 2454 + }, 2455 2455 + "node_modules/@tsparticles/engine": { 2456 2456 + "version": "3.3.0", 2457 2457 + "resolved": "https://registry.npmjs.org/@tsparticles/engine/-/engine-3.3.0.tgz", 2458 2458 + "integrity": "sha512-Sr24epYquTelGrUbMaknXTscib8IMQJrbmShJnEemU+wpZNIPtAh09sQgGtq1pUxrGQRUSQIgaybYuXcNgk8rg==", 2459 2459 + "funding": [ 2460 2460 + { 2461 2461 + "type": "github", 2462 2462 + "url": "https://github.com/sponsors/matteobruni" 2463 2463 + }, 2464 2464 + { 2465 2465 + "type": "github", 2466 2466 + "url": "https://github.com/sponsors/tsparticles" 2467 2467 + }, 2468 2468 + { 2469 2469 + "type": "buymeacoffee", 2470 2470 + "url": "https://www.buymeacoffee.com/matteobruni" 2471 2471 + } 2472 2472 + ], 2473 2473 + "hasInstallScript": true 2474 2474 + }, 2475 2475 + "node_modules/@tsparticles/move-base": { 2476 2476 + "version": "3.3.0", 2477 2477 + "resolved": "https://registry.npmjs.org/@tsparticles/move-base/-/move-base-3.3.0.tgz", 2478 2478 + "integrity": "sha512-yxfynO0CHWYlhyXy53/HzsN8zyD+v1RX0wT9X1Wry5lgnxhJoFTAP/Pk+srgyLOdaD0WwoRjB3yA/0f/haBWkg==", 2479 2479 + "dependencies": { 2480 2480 + "@tsparticles/engine": "^3.3.0" 2481 2481 + } 2482 2482 + }, 2483 2483 + "node_modules/@tsparticles/shape-circle": { 2484 2484 + "version": "3.3.0", 2485 2485 + "resolved": "https://registry.npmjs.org/@tsparticles/shape-circle/-/shape-circle-3.3.0.tgz", 2486 2486 + "integrity": "sha512-m/T3SbZf8Zrn0m4Rd+8KTCMy54cofkaXa1Z7oikQYr/gPigT2C7Bo4vwQpiP8HKU+Xh5CEHFyc0s6ogfOaA2fA==", 2487 2487 + "dependencies": { 2488 2488 + "@tsparticles/engine": "^3.3.0" 2489 2489 + } 2490 2490 + }, 2491 2491 + "node_modules/@tsparticles/updater-angle": { 2492 2492 + "version": "3.0.0-alpha.1", 2493 2493 + "resolved": "https://registry.npmjs.org/@tsparticles/updater-angle/-/updater-angle-3.0.0-alpha.1.tgz", 2494 2494 + "integrity": "sha512-IudnQ/0q7s9lV4tlrcFXeW7+B+nfEa3tIfgjhxFYz+kIdDFqf6vRCaFpwush+KwB++g74ZnmUW7LmDhYQsWD3g==", 2495 2495 + "dependencies": { 2496 2496 + "@tsparticles/engine": "^3.0.0-alpha.1" 2497 2497 + } 2498 2498 + }, 2499 2499 + "node_modules/@tsparticles/updater-color": { 2500 2500 + "version": "3.3.0", 2501 2501 + "resolved": "https://registry.npmjs.org/@tsparticles/updater-color/-/updater-color-3.3.0.tgz", 2502 2502 + "integrity": "sha512-4ZggZr4jTXXOCLXqMXkH/jfhylf9wLt2G7D/F9ZZPihh8l8F2x0YM/JvzRePynhIFXfZaMD1PRfdXNTr6HnFFQ==", 2503 2503 + "dependencies": { 2504 2504 + "@tsparticles/engine": "^3.3.0" 2505 2505 + } 2506 2506 + }, 2507 2507 + "node_modules/@tsparticles/updater-opacity": { 2508 2508 + "version": "3.3.0", 2509 2509 + "resolved": "https://registry.npmjs.org/@tsparticles/updater-opacity/-/updater-opacity-3.3.0.tgz", 2510 2510 + "integrity": "sha512-aQZJheqvoD69YYPiSlcRuWU7yEPs9dSmeOALP+fcaQwUQbVvr+wNJSUVkVNzeawtv4tPwou4QnytoWaBmZoqog==", 2511 2511 + "dependencies": { 2512 2512 + "@tsparticles/engine": "^3.3.0" 2513 2513 + } 2514 2514 + }, 2515 2515 + "node_modules/@tsparticles/updater-size": { 2516 2516 + "version": "3.3.0", 2517 2517 + "resolved": "https://registry.npmjs.org/@tsparticles/updater-size/-/updater-size-3.3.0.tgz", 2518 2518 + "integrity": "sha512-8s0dSh8bV4CN13oM86x1MPkI1T6KwuKPIiSdTcO1qKTcN1WBYzuuIPOU7Q3+fbQhSZ6F+da3zdG9unqU5sPYUA==", 2519 2519 + "dependencies": { 2520 2520 + "@tsparticles/engine": "^3.3.0" 2453 2521 } 2454 2522 }, 2455 2523 "node_modules/@xmldom/xmldom": { ··· 7176 7244 "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", 7177 7245 "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", 7178 7246 "dev": true 7179 7179 - }, 7180 7180 - "node_modules/tsparticles-engine": { 7181 7181 - "version": "2.12.0", 7182 7182 - "resolved": "https://registry.npmjs.org/tsparticles-engine/-/tsparticles-engine-2.12.0.tgz", 7183 7183 - "integrity": "sha512-ZjDIYex6jBJ4iMc9+z0uPe7SgBnmb6l+EJm83MPIsOny9lPpetMsnw/8YJ3xdxn8hV+S3myTpTN1CkOVmFv0QQ==", 7184 7184 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7185 7185 - "funding": [ 7186 7186 - { 7187 7187 - "type": "github", 7188 7188 - "url": "https://github.com/sponsors/matteobruni" 7189 7189 - }, 7190 7190 - { 7191 7191 - "type": "github", 7192 7192 - "url": "https://github.com/sponsors/tsparticles" 7193 7193 - }, 7194 7194 - { 7195 7195 - "type": "buymeacoffee", 7196 7196 - "url": "https://www.buymeacoffee.com/matteobruni" 7197 7197 - } 7198 7198 - ], 7199 7199 - "hasInstallScript": true 7200 7200 - }, 7201 7201 - "node_modules/tsparticles-move-base": { 7202 7202 - "version": "2.12.0", 7203 7203 - "resolved": "https://registry.npmjs.org/tsparticles-move-base/-/tsparticles-move-base-2.12.0.tgz", 7204 7204 - "integrity": "sha512-oSogCDougIImq+iRtIFJD0YFArlorSi8IW3HD2gO3USkH+aNn3ZqZNTqp321uB08K34HpS263DTbhLHa/D6BWw==", 7205 7205 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7206 7206 - "dependencies": { 7207 7207 - "tsparticles-engine": "^2.12.0" 7208 7208 - } 7209 7209 - }, 7210 7210 - "node_modules/tsparticles-shape-circle": { 7211 7211 - "version": "2.12.0", 7212 7212 - "resolved": "https://registry.npmjs.org/tsparticles-shape-circle/-/tsparticles-shape-circle-2.12.0.tgz", 7213 7213 - "integrity": "sha512-L6OngbAlbadG7b783x16ns3+SZ7i0SSB66M8xGa5/k+YcY7zm8zG0uPt1Hd+xQDR2aNA3RngVM10O23/Lwk65Q==", 7214 7214 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7215 7215 - "dependencies": { 7216 7216 - "tsparticles-engine": "^2.12.0" 7217 7217 - } 7218 7218 - }, 7219 7219 - "node_modules/tsparticles-updater-angle": { 7220 7220 - "version": "2.9.3", 7221 7221 - "resolved": "https://registry.npmjs.org/tsparticles-updater-angle/-/tsparticles-updater-angle-2.9.3.tgz", 7222 7222 - "integrity": "sha512-Z8VLOw2UUxrvV3YH44My5kmeBUcJUHTSCMRUIqFvgvxDs0Q/g2eVWkr1L+Crpw6PE5FJMdDGWRjWwxMwNdVfuQ==", 7223 7223 - "deprecated": "replaced by tsparticles-updater-rotate", 7224 7224 - "dependencies": { 7225 7225 - "tsparticles-engine": "^2.9.3" 7226 7226 - } 7227 7227 - }, 7228 7228 - "node_modules/tsparticles-updater-color": { 7229 7229 - "version": "2.12.0", 7230 7230 - "resolved": "https://registry.npmjs.org/tsparticles-updater-color/-/tsparticles-updater-color-2.12.0.tgz", 7231 7231 - "integrity": "sha512-KcG3a8zd0f8CTiOrylXGChBrjhKcchvDJjx9sp5qpwQK61JlNojNCU35xoaSk2eEHeOvFjh0o3CXWUmYPUcBTQ==", 7232 7232 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7233 7233 - "dependencies": { 7234 7234 - "tsparticles-engine": "^2.12.0" 7235 7235 - } 7236 7236 - }, 7237 7237 - "node_modules/tsparticles-updater-opacity": { 7238 7238 - "version": "2.12.0", 7239 7239 - "resolved": "https://registry.npmjs.org/tsparticles-updater-opacity/-/tsparticles-updater-opacity-2.12.0.tgz", 7240 7240 - "integrity": "sha512-YUjMsgHdaYi4HN89LLogboYcCi1o9VGo21upoqxq19yRy0hRCtx2NhH22iHF/i5WrX6jqshN0iuiiNefC53CsA==", 7241 7241 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7242 7242 - "dependencies": { 7243 7243 - "tsparticles-engine": "^2.12.0" 7244 7244 - } 7245 7245 - }, 7246 7246 - "node_modules/tsparticles-updater-size": { 7247 7247 - "version": "2.12.0", 7248 7248 - "resolved": "https://registry.npmjs.org/tsparticles-updater-size/-/tsparticles-updater-size-2.12.0.tgz", 7249 7249 - "integrity": "sha512-B0yRdEDd/qZXCGDL/ussHfx5YJ9UhTqNvmS5X2rR2hiZhBAE2fmsXLeWkdtF2QusjPeEqFDxrkGiLOsh6poqRA==", 7250 7250 - "deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name", 7251 7251 - "dependencies": { 7252 7252 - "tsparticles-engine": "^2.12.0" 7253 7253 - } 7254 7247 }, 7255 7248 "node_modules/ttf2eot": { 7256 7249 "version": "3.1.0",

+8 -8

package.json

··· 21 21 "dependencies": { 22 22 "@fontsource/fira-sans": "5.0.20", 23 23 "@fontsource/josefin-sans": "5.0.20", 24 24 + "@tsparticles/engine": "3.3.0", 25 25 + "@tsparticles/move-base": "3.3.0", 26 26 + "@tsparticles/shape-circle": "3.3.0", 27 27 + "@tsparticles/updater-angle": "3.0.0-alpha.1", 28 28 + "@tsparticles/updater-color": "3.3.0", 29 29 + "@tsparticles/updater-opacity": "3.3.0", 30 30 + "@tsparticles/updater-size": "3.3.0", 24 31 "base64url": "3.0.1", 25 32 "hls.js": "1.5.8", 26 33 "normalize.scss": "0.1.0", 27 27 - "ovenplayer": "0.10.35", 28 28 - "tsparticles-engine": "2.12.0", 29 29 - "tsparticles-move-base": "2.12.0", 30 30 - "tsparticles-shape-circle": "2.12.0", 31 31 - "tsparticles-updater-angle": "2.9.3", 32 32 - "tsparticles-updater-color": "2.12.0", 33 33 - "tsparticles-updater-opacity": "2.12.0", 34 34 - "tsparticles-updater-size": "2.12.0" 34 34 + "ovenplayer": "0.10.35" 35 35 }, 36 36 "devDependencies": { 37 37 "@parcel/compressor-brotli": "2.12.0",

+9 -9

src/js/particles.js

··· 16 16 * along with this program. If not, see <https://www.gnu.org/licenses/>. 17 17 */ 18 18 19 19 - import { tsParticles } from "tsparticles-engine"; 20 20 - import { loadAngleUpdater } from "tsparticles-updater-angle"; 21 21 - import { loadBaseMover } from "tsparticles-move-base"; 22 22 - import { loadCircleShape } from "tsparticles-shape-circle"; 23 23 - import { loadColorUpdater } from "tsparticles-updater-color"; 24 24 - import { loadOpacityUpdater } from "tsparticles-updater-opacity"; 25 25 - import { loadSizeUpdater } from "tsparticles-updater-size"; 19 19 + import { tsParticles } from "@tsparticles/engine"; 20 20 + import { loadAngleUpdater } from "@tsparticles/updater-angle"; 21 21 + import { loadBaseMover } from "@tsparticles/move-base"; 22 22 + import { loadCircleShape } from "@tsparticles/shape-circle"; 23 23 + import { loadColorUpdater } from "@tsparticles/updater-color"; 24 24 + import { loadOpacityUpdater } from "@tsparticles/updater-opacity"; 25 25 + import { loadSizeUpdater } from "@tsparticles/updater-size"; 26 26 27 27 - import config from "./tsParticles-config.json"; 27 27 + import options from "./tsParticles-config.json"; 28 28 import ready from "./_utils"; 29 29 30 30 const { matches } = matchMedia("(min-width: 768px)"); ··· 37 37 await loadOpacityUpdater(tsParticles); 38 38 await loadSizeUpdater(tsParticles); 39 39 tsParticles 40 40 - .load("particles-js", config) 40 40 + .load({ id: "particles-js", options }) 41 41 .then() 42 42 .catch((e) => { 43 43 console.error("tsparticles failed to load :(");