├── .github ├── FUNDING.yml └── workflows │ └── nodejs.yml ├── .gitignore ├── .husky ├── .gitignore └── commit-msg ├── CHANGELOG.md ├── LICENSE ├── README.md ├── apps └── jquery │ ├── CHANGELOG.md │ ├── README.md │ ├── app.js │ ├── package.json │ ├── public │ ├── images │ │ ├── background.jpg │ │ ├── deer.gvdesign │ │ ├── deer.svg │ │ ├── demo.png │ │ ├── favicon.ico │ │ ├── fruits │ │ │ ├── apple.png │ │ │ ├── avocado.png │ │ │ ├── banana.png │ │ │ ├── berries.png │ │ │ ├── cherry.png │ │ │ ├── grapes.png │ │ │ ├── lemon.png │ │ │ ├── orange.png │ │ │ ├── peach.png │ │ │ ├── pear.png │ │ │ ├── pepper.png │ │ │ ├── plum.png │ │ │ ├── star.png │ │ │ ├── strawberry.png │ │ │ ├── watermelon.png │ │ │ └── watermelon_slice.png │ │ ├── gifs │ │ │ ├── chars.gif │ │ │ ├── connect.gif │ │ │ ├── covid.gif │ │ │ ├── demo.gif │ │ │ ├── mask.gif │ │ │ ├── nasa.gif │ │ │ ├── nyancat.gif │ │ │ ├── snow.gif │ │ │ └── snow_trees.gif │ │ ├── github.png │ │ ├── github.svg │ │ ├── hollowknight.svg │ │ ├── sars-cov-2.png │ │ └── smalldeer.svg │ ├── javascripts │ │ └── demo.js │ ├── stylesheets │ │ ├── .gitignore │ │ └── main.styl │ └── videos │ │ ├── chars.mov │ │ ├── connect.mov │ │ ├── covid.mov │ │ ├── demo.mov │ │ ├── mask.mov │ │ ├── nasa.mov │ │ ├── nyancat.mov │ │ ├── snow.mov │ │ └── snow_trees.mov │ └── views │ ├── .gitignore │ └── index.pug ├── components └── jquery │ ├── .babelrc │ ├── .eslintignore │ ├── .eslintrc.js │ ├── .prettierrc │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── rollup.config.mjs │ ├── src │ └── particles.ts │ ├── tsconfig.json │ └── typedoc.json ├── lerna.json ├── package.json ├── pnpm-lock.yaml ├── pnpm-workspace.yaml └── renovate.json /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: matteobruni,tsparticles 4 | -------------------------------------------------------------------------------- /.github/workflows/nodejs.yml: -------------------------------------------------------------------------------- 1 | name: Node.js CI 2 | on: 3 | push: 4 | branches: 5 | - main 6 | - legacy 7 | pull_request: 8 | branches: 9 | - main 10 | - legacy 11 | 12 | #env: 13 | #NX_CLOUD_DISTRIBUTED_EXECUTION: true 14 | #NX_CLOUD_ACCESS_TOKEN: '${{ secrets.NX_CLOUD_ACCESS_TOKEN }}' 15 | #NX_BRANCH: '${{github.event.pull_request.number || github.ref_name}}' 16 | 17 | jobs: 18 | 19 | main: 20 | runs-on: ubuntu-latest 21 | if: ${{ github.event_name != 'pull_request' }} 22 | steps: 23 | - uses: actions/checkout@v4 24 | name: Checkout [main] 25 | with: 26 | fetch-depth: 0 27 | #- name: Derive appropriate SHAs for base and head for `nx affected` commands 28 | # uses: nrwl/nx-set-shas@v3 29 | - uses: actions/setup-node@v4 30 | with: 31 | node-version: '16' 32 | - uses: pnpm/action-setup@v2.4.0 33 | name: Install pnpm 34 | id: pnpm-install 35 | with: 36 | version: 8 37 | run_install: false 38 | - name: Get pnpm version 39 | id: pnpm-version 40 | run: | 41 | echo "$(pnpm --version)" 42 | 43 | - name: Get pnpm store directory 44 | id: pnpm-cache 45 | run: | 46 | echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 47 | 48 | - uses: actions/cache@v3 49 | name: Setup pnpm cache 50 | with: 51 | path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 52 | key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 53 | restore-keys: | 54 | ${{ runner.os }}-pnpm-store- 55 | - run: pnpm install --no-frozen-lockfile 56 | #- run: npx nx-cloud start-ci-run 57 | #- run: pnpm run prettify:ci:readme 58 | - run: npx lerna run build:ci #--concurrency 3 59 | #- run: npx nx-cloud stop-all-agents 60 | pr: 61 | runs-on: ubuntu-latest 62 | if: ${{ github.event_name == 'pull_request' }} 63 | steps: 64 | - uses: actions/checkout@v4 65 | with: 66 | ref: ${{ github.event.pull_request.head.ref }} 67 | repository: ${{ github.event.pull_request.head.repo.full_name }} 68 | fetch-depth: 0 69 | #- name: Derive appropriate SHAs for base and head for `nx affected` commands 70 | # uses: nrwl/nx-set-shas@v3 71 | - uses: actions/setup-node@v4 72 | with: 73 | node-version: '16' 74 | - uses: pnpm/action-setup@v2.4.0 75 | name: Install pnpm 76 | id: pnpm-install 77 | with: 78 | version: 8 79 | run_install: false 80 | - name: Get pnpm version 81 | id: pnpm-version 82 | run: | 83 | echo "$(pnpm --version)" 84 | 85 | - name: Get pnpm store directory 86 | id: pnpm-cache 87 | run: | 88 | echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 89 | 90 | - uses: actions/cache@v3 91 | name: Setup pnpm cache 92 | with: 93 | path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 94 | key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 95 | restore-keys: | 96 | ${{ runner.os }}-pnpm-store- 97 | - run: pnpm install --no-frozen-lockfile 98 | #- run: npx nx-cloud start-ci-run 99 | #- run: pnpm run prettify:ci:readme 100 | - run: npx lerna run build:ci #--concurrency 3 101 | #- run: npx nx-cloud stop-all-agents 102 | - run: echo ${{ github.repository_owner }} 103 | - run: echo ${{ github.actor }} 104 | 105 | # agents: 106 | # runs-on: ubuntu-latest 107 | # name: Nx Agent 108 | # timeout-minutes: 60 109 | # strategy: 110 | # matrix: 111 | # agent: [ 1, 2, 3 ] 112 | # steps: 113 | # - uses: actions/checkout@v3 114 | # - uses: actions/setup-node@v3 115 | # with: 116 | # node-version: '16' 117 | # - uses: pnpm/action-setup@v2.2.2 118 | # name: Install pnpm 119 | # id: pnpm-install 120 | # with: 121 | # version: 8 122 | # run_install: false 123 | # - name: Get pnpm version 124 | # id: pnpm-version 125 | # run: | 126 | # echo "$(pnpm --version)" 127 | # 128 | # - name: Get pnpm store directory 129 | # id: pnpm-cache 130 | # run: | 131 | # echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 132 | # 133 | # - uses: actions/cache@v3 134 | # name: Setup pnpm cache 135 | # with: 136 | # path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 137 | # key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 138 | # restore-keys: | 139 | # ${{ runner.os }}-pnpm-store- 140 | # - run: pnpm install --no-frozen-lockfile 141 | # - name: Start Nx Agent ${{ matrix.agent }} 142 | # run: npx nx-cloud start-agent 143 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Aa][Rr][Mm]/ 27 | [Aa][Rr][Mm]64/ 28 | bld/ 29 | [Bb]in/ 30 | [Oo]bj/ 31 | [Ll]og/ 32 | [Ll]ogs/ 33 | 34 | # Visual Studio 2015/2017 cache/options directory 35 | .vs/ 36 | # Uncomment if you have tasks that create the project's static files in wwwroot 37 | #wwwroot/ 38 | 39 | # Visual Studio 2017 auto generated files 40 | Generated\ Files/ 41 | 42 | # MSTest test Results 43 | [Tt]est[Rr]esult*/ 44 | [Bb]uild[Ll]og.* 45 | 46 | # NUnit 47 | *.VisualState.xml 48 | TestResult.xml 49 | nunit-*.xml 50 | 51 | # Build Results of an ATL Project 52 | [Dd]ebugPS/ 53 | [Rr]eleasePS/ 54 | dlldata.c 55 | 56 | # Benchmark Results 57 | BenchmarkDotNet.Artifacts/ 58 | 59 | # .NET Core 60 | project.lock.json 61 | project.fragment.lock.json 62 | artifacts/ 63 | 64 | # StyleCop 65 | StyleCopReport.xml 66 | 67 | # Files built by Visual Studio 68 | *_i.c 69 | *_p.c 70 | *_h.h 71 | *.ilk 72 | *.meta 73 | *.obj 74 | *.iobj 75 | *.pch 76 | *.pdb 77 | *.ipdb 78 | *.pgc 79 | *.pgd 80 | *.rsp 81 | *.sbr 82 | *.tlb 83 | *.tli 84 | *.tlh 85 | *.tmp 86 | *.tmp_proj 87 | *_wpftmp.csproj 88 | *.log 89 | *.vspscc 90 | *.vssscc 91 | .builds 92 | *.pidb 93 | *.svclog 94 | *.scc 95 | 96 | # Chutzpah Test files 97 | _Chutzpah* 98 | 99 | # Visual C++ cache files 100 | ipch/ 101 | *.aps 102 | *.ncb 103 | *.opendb 104 | *.opensdf 105 | *.sdf 106 | *.cachefile 107 | *.VC.db 108 | *.VC.VC.opendb 109 | 110 | # Visual Studio profiler 111 | *.psess 112 | *.vsp 113 | *.vspx 114 | *.sap 115 | 116 | # Visual Studio Trace Files 117 | *.e2e 118 | 119 | # TFS 2012 Local Workspace 120 | $tf/ 121 | 122 | # Guidance Automation Toolkit 123 | *.gpState 124 | 125 | # ReSharper is a .NET coding add-in 126 | _ReSharper*/ 127 | *.[Rr]e[Ss]harper 128 | *.DotSettings.user 129 | 130 | # JustCode is a .NET coding add-in 131 | .JustCode 132 | 133 | # TeamCity is a build add-in 134 | _TeamCity* 135 | 136 | # DotCover is a Code Coverage Tool 137 | *.dotCover 138 | 139 | # AxoCover is a Code Coverage Tool 140 | .axoCover/* 141 | !.axoCover/settings.json 142 | 143 | # Visual Studio code coverage results 144 | *.coverage 145 | *.coveragexml 146 | 147 | # NCrunch 148 | _NCrunch_* 149 | .*crunch*.local.xml 150 | nCrunchTemp_* 151 | 152 | # MightyMoose 153 | *.mm.* 154 | AutoTest.Net/ 155 | 156 | # Web workbench (sass) 157 | .sass-cache/ 158 | 159 | # Installshield output folder 160 | [Ee]xpress/ 161 | 162 | # DocProject is a documentation generator add-in 163 | DocProject/buildhelp/ 164 | DocProject/Help/*.HxT 165 | DocProject/Help/*.HxC 166 | DocProject/Help/*.hhc 167 | DocProject/Help/*.hhk 168 | DocProject/Help/*.hhp 169 | DocProject/Help/Html2 170 | DocProject/Help/html 171 | 172 | # Click-Once directory 173 | publish/ 174 | 175 | # Publish Web Output 176 | *.[Pp]ublish.xml 177 | *.azurePubxml 178 | # Note: Comment the next line if you want to checkin your web deploy settings, 179 | # but database connection strings (with potential passwords) will be unencrypted 180 | *.pubxml 181 | *.publishproj 182 | 183 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 184 | # checkin your Azure Web App publish settings, but sensitive information contained 185 | # in these scripts will be unencrypted 186 | PublishScripts/ 187 | 188 | # NuGet Packages 189 | *.nupkg 190 | # NuGet Symbol Packages 191 | *.snupkg 192 | # The packages folder can be ignored because of Package Restore 193 | **/[Pp]ackages/* 194 | # except build/, which is used as an MSBuild target. 195 | !**/[Pp]ackages/build/ 196 | # Uncomment if necessary however generally it will be regenerated when needed 197 | #!**/[Pp]ackages/repositories.config 198 | # NuGet v3's project.json files produces more ignorable files 199 | *.nuget.props 200 | *.nuget.targets 201 | 202 | # Microsoft Azure Build Output 203 | csx/ 204 | *.build.csdef 205 | 206 | # Microsoft Azure Emulator 207 | ecf/ 208 | rcf/ 209 | 210 | # Windows Store app package directories and files 211 | AppPackages/ 212 | BundleArtifacts/ 213 | Package.StoreAssociation.xml 214 | _pkginfo.txt 215 | *.appx 216 | *.appxbundle 217 | *.appxupload 218 | 219 | # Visual Studio cache files 220 | # files ending in .cache can be ignored 221 | *.[Cc]ache 222 | # but keep track of directories ending in .cache 223 | !?*.[Cc]ache/ 224 | 225 | # Others 226 | ClientBin/ 227 | ~$* 228 | *~ 229 | *.dbmdl 230 | *.dbproj.schemaview 231 | *.jfm 232 | *.pfx 233 | *.publishsettings 234 | orleans.codegen.cs 235 | 236 | # Including strong name files can present a security risk 237 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 238 | #*.snk 239 | 240 | # Since there are multiple workflows, uncomment next line to ignore bower_components 241 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 242 | #bower_components/ 243 | 244 | # RIA/Silverlight projects 245 | Generated_Code/ 246 | 247 | # Backup & report files from converting an old project file 248 | # to a newer Visual Studio version. Backup files are not needed, 249 | # because we have git ;-) 250 | _UpgradeReport_Files/ 251 | Backup*/ 252 | UpgradeLog*.XML 253 | UpgradeLog*.htm 254 | ServiceFabricBackup/ 255 | *.rptproj.bak 256 | 257 | # SQL Server files 258 | *.mdf 259 | *.ldf 260 | *.ndf 261 | 262 | # Business Intelligence projects 263 | *.rdl.data 264 | *.bim.layout 265 | *.bim_*.settings 266 | *.rptproj.rsuser 267 | *- [Bb]ackup.rdl 268 | *- [Bb]ackup ([0-9]).rdl 269 | *- [Bb]ackup ([0-9][0-9]).rdl 270 | 271 | # Microsoft Fakes 272 | FakesAssemblies/ 273 | 274 | # GhostDoc plugin setting file 275 | *.GhostDoc.xml 276 | 277 | # Node.js Tools for Visual Studio 278 | .ntvs_analysis.dat 279 | node_modules/ 280 | 281 | # Visual Studio 6 build log 282 | *.plg 283 | 284 | # Visual Studio 6 workspace options file 285 | *.opt 286 | 287 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 288 | *.vbw 289 | 290 | # Visual Studio LightSwitch build output 291 | **/*.HTMLClient/GeneratedArtifacts 292 | **/*.DesktopClient/GeneratedArtifacts 293 | **/*.DesktopClient/ModelManifest.xml 294 | **/*.Server/GeneratedArtifacts 295 | **/*.Server/ModelManifest.xml 296 | _Pvt_Extensions 297 | 298 | # Paket dependency manager 299 | .paket/paket.exe 300 | paket-files/ 301 | 302 | # FAKE - F# Make 303 | .fake/ 304 | 305 | # CodeRush personal settings 306 | .cr/personal 307 | 308 | # Python Tools for Visual Studio (PTVS) 309 | __pycache__/ 310 | *.pyc 311 | 312 | # Cake - Uncomment if you are using it 313 | # tools/** 314 | # !tools/packages.config 315 | 316 | # Tabs Studio 317 | *.tss 318 | 319 | # Telerik's JustMock configuration file 320 | *.jmconfig 321 | 322 | # BizTalk build output 323 | *.btp.cs 324 | *.btm.cs 325 | *.odx.cs 326 | *.xsd.cs 327 | 328 | # OpenCover UI analysis results 329 | OpenCover/ 330 | 331 | # Azure Stream Analytics local run output 332 | ASALocalRun/ 333 | 334 | # MSBuild Binary and Structured Log 335 | *.binlog 336 | 337 | # NVidia Nsight GPU debugger configuration file 338 | *.nvuser 339 | 340 | # MFractors (Xamarin productivity tool) working folder 341 | .mfractor/ 342 | 343 | # Local History for Visual Studio 344 | .localhistory/ 345 | 346 | # BeatPulse healthcheck temp database 347 | healthchecksdb 348 | 349 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 350 | MigrationBackup/ 351 | 352 | # Ionide (cross platform F# VS Code tools) working folder 353 | .ionide/ 354 | 355 | .DS_Store 356 | dist/ 357 | tmp/ 358 | build/ 359 | 360 | .idea/ 361 | .vscode/ 362 | .nyc_output/ 363 | coverage/ 364 | .codacy-coverage/ 365 | 366 | package-lock.json 367 | yarn.lock 368 | 369 | size-plugin.json 370 | size-plugin-ssr.json 371 | 372 | .parcel-cache 373 | -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx --no -- commitlint --edit "" 5 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | # 3.0.0 (2023-12-26) 7 | 8 | 9 | ### Features 10 | 11 | * completed transition to v3 ([a6af1b6](https://github.com/tsparticles/jquery/commit/a6af1b64e72361ba3ed349ff2d218656c247e9de)) 12 | * migrated to v3 ([d6f1e64](https://github.com/tsparticles/jquery/commit/d6f1e6481c02b9ad835fd5b9b85ae1570ee89bac)) 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Matteo Bruni 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org) 2 | 3 | # @tsparticles/jquery 4 | 5 | [![npm](https://img.shields.io/npm/v/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![npm](https://img.shields.io/npm/dm/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni) 6 | 7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin 8 | 9 | [![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) 10 | 11 | [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") 12 | 13 | ## Installation 14 | 15 | ```shell 16 | $ npm install @tsparticles/jquery 17 | ``` 18 | 19 | or 20 | 21 | ```shell 22 | $ yarn add @tsparticles/jquery 23 | ``` 24 | 25 | or from jsDelivr 26 | 27 | [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/jquery/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/jquery) 28 | 29 | ```html 30 | 31 | 32 | 33 | 34 | 35 | ``` 36 | 37 | ## How to use 38 | 39 | HTML 40 | 41 | ```html 42 |
43 | ``` 44 | 45 | ```javascript 46 | // this loads the tsparticles package bundle, it's the easiest method for getting everything ready 47 | // starting from v2 you can add only the features you need reducing the bundle size 48 | $(document).ready(async function () { 49 | await loadFull(tsParticles); 50 | 51 | $("#tsparticles") 52 | .particles() 53 | .init( 54 | { 55 | background: { 56 | color: { 57 | value: "#0d47a1", 58 | }, 59 | }, 60 | fpsLimit: 120, 61 | interactivity: { 62 | events: { 63 | onClick: { 64 | enable: true, 65 | mode: "push", 66 | }, 67 | onHover: { 68 | enable: true, 69 | mode: "repulse", 70 | }, 71 | }, 72 | modes: { 73 | push: { 74 | quantity: 4, 75 | }, 76 | repulse: { 77 | distance: 200, 78 | duration: 0.4, 79 | }, 80 | }, 81 | }, 82 | particles: { 83 | color: { 84 | value: "#ffffff", 85 | }, 86 | links: { 87 | color: "#ffffff", 88 | distance: 150, 89 | enable: true, 90 | opacity: 0.5, 91 | width: 1, 92 | }, 93 | move: { 94 | direction: "none", 95 | enable: true, 96 | outModes: { 97 | default: "bounce", 98 | }, 99 | random: false, 100 | speed: 6, 101 | straight: false, 102 | }, 103 | number: { 104 | density: { 105 | enable: true, 106 | }, 107 | value: 80, 108 | }, 109 | opacity: { 110 | value: 0.5, 111 | }, 112 | shape: { 113 | type: "circle", 114 | }, 115 | size: { 116 | value: { min: 1, max: 5 }, 117 | }, 118 | }, 119 | detectRetina: true, 120 | }, 121 | function (container) { 122 | // container is the particles container where you can play/pause or stop/start. 123 | // the container is already started, you don't need to start it manually. 124 | }, 125 | ); 126 | 127 | // or 128 | 129 | $("#tsparticles") 130 | .particles() 131 | .ajax("particles.json", function (container) { 132 | // container is the particles container where you can play/pause or stop/start. 133 | // the container is already started, you don't need to start it manually. 134 | }); 135 | }); 136 | ``` 137 | 138 | ## Demos 139 | 140 | The demo website is [here](https://particles.js.org) 141 | 142 | 143 | 144 | There's also a CodePen collection actively maintained and updated [here](https://codepen.io/collection/DPOage) 145 | 146 | 147 | -------------------------------------------------------------------------------- /apps/jquery/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | # 3.0.0 (2023-12-26) 7 | 8 | 9 | ### Features 10 | 11 | * completed transition to v3 ([a6af1b6](https://github.com/tsparticles/jquery/commit/a6af1b64e72361ba3ed349ff2d218656c247e9de)) 12 | * migrated to v3 ([d6f1e64](https://github.com/tsparticles/jquery/commit/d6f1e6481c02b9ad835fd5b9b85ae1570ee89bac)) 13 | -------------------------------------------------------------------------------- /apps/jquery/README.md: -------------------------------------------------------------------------------- 1 | # `jquery` 2 | 3 | > TODO: description 4 | 5 | ## Usage 6 | 7 | ```javascript 8 | const jquery = require('jquery'); 9 | 10 | // TODO: DEMONSTRATE API 11 | ``` 12 | -------------------------------------------------------------------------------- /apps/jquery/app.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const helmet = require('helmet'); 3 | const stylus = require('stylus'); 4 | const rateLimit = require("express-rate-limit"); 5 | 6 | const app = express(); 7 | 8 | const limiter = rateLimit({ 9 | windowMs: 15 * 60 * 1000, // 15 minutes 10 | max: 100 // limit each IP to 100 requests per windowMs 11 | }); 12 | 13 | //app.use(limiter); 14 | //app.use(helmet()); 15 | 16 | const port = 3002; 17 | 18 | app.set('views', './views'); 19 | app.set('view engine', 'pug'); 20 | app.use(stylus.middleware('./public')); 21 | app.use(express.static('./public')); 22 | app.use("/lodash", express.static("./node_modules/lodash")); 23 | app.use("/fontawesome", express.static("./node_modules/@fortawesome/fontawesome-free")); 24 | app.use("/jsoneditor", express.static("./node_modules/jsoneditor/dist")); 25 | app.use("/tsparticles", express.static("./node_modules/tsparticles")); 26 | app.use("/demo-configs", express.static("./node_modules/@tsparticles/configs")); 27 | app.use("/jquery-particles", express.static("./node_modules/@tsparticles/jquery/dist")); 28 | app.use("/preset-links", express.static("./node_modules/@tsparticles/preset-links")); 29 | app.use("/stats.ts", express.static("./node_modules/stats.ts/")); 30 | app.use("/jquery", express.static("./node_modules/jquery/dist/")); 31 | 32 | app.get('/', function (req, res) { 33 | res.render('index'); 34 | }); 35 | 36 | app.listen(port, () => console.log(`Demo app listening on port ${port}!`)); 37 | -------------------------------------------------------------------------------- /apps/jquery/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@tsparticles/jquery-demo", 3 | "private": true, 4 | "version": "3.0.0", 5 | "description": "> TODO: description", 6 | "author": "Matteo Bruni ", 7 | "homepage": "https://particles.js.org", 8 | "license": "MIT", 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/tsparticles/jquery.git" 12 | }, 13 | "scripts": { 14 | "build": "pnpm run build:style && pnpm run build:index", 15 | "build:ci": "pnpm run build:style && pnpm run build:index", 16 | "build:index": "echo \"pug ./views/index.pug\"", 17 | "build:style": "stylus ./public/stylesheets/main.styl", 18 | "start": "pnpm run build && node ./app.js" 19 | }, 20 | "bugs": { 21 | "url": "https://github.com/tsparticles/jquery/issues" 22 | }, 23 | "dependencies": { 24 | "@tsparticles/configs": "^3.0.2", 25 | "@tsparticles/engine": "^3.0.2", 26 | "@tsparticles/jquery": "workspace:^", 27 | "@tsparticles/preset-links": "^3.0.1", 28 | "jquery": "^3.7.1", 29 | "tsparticles": "^3.0.2" 30 | }, 31 | "devDependencies": { 32 | "@fortawesome/fontawesome-free": "^6.5.1", 33 | "@typescript-eslint/eslint-plugin": "^6.16.0", 34 | "@typescript-eslint/parser": "^6.16.0", 35 | "babel-preset-env": "^1.7.0", 36 | "eslint": "^8.56.0", 37 | "eslint-config-prettier": "^9.1.0", 38 | "express": "^4.18.2", 39 | "express-rate-limit": "^7.1.5", 40 | "helmet": "^7.1.0", 41 | "jsoneditor": "^10.0.0", 42 | "lodash": "^4.17.21", 43 | "prettier": "^3.1.1", 44 | "pug": "^3.0.2", 45 | "stats.ts": "^1.1.0", 46 | "stylus": "^0.62.0", 47 | "typescript": "^5.3.3" 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /apps/jquery/public/images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/background.jpg -------------------------------------------------------------------------------- /apps/jquery/public/images/deer.gvdesign: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/deer.gvdesign -------------------------------------------------------------------------------- /apps/jquery/public/images/deer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /apps/jquery/public/images/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/demo.png -------------------------------------------------------------------------------- /apps/jquery/public/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/favicon.ico -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/apple.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/avocado.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/avocado.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/banana.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/berries.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/berries.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/cherry.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/cherry.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/grapes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/grapes.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/lemon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/lemon.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/orange.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/peach.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/peach.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/pear.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/pepper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/pepper.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/plum.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/plum.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/star.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/star.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/strawberry.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/strawberry.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/watermelon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/watermelon.png -------------------------------------------------------------------------------- /apps/jquery/public/images/fruits/watermelon_slice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/fruits/watermelon_slice.png -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/chars.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/chars.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/connect.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/connect.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/covid.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/covid.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/demo.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/mask.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/mask.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/nasa.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/nasa.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/nyancat.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/nyancat.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/snow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/snow.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/gifs/snow_trees.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/gifs/snow_trees.gif -------------------------------------------------------------------------------- /apps/jquery/public/images/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/github.png -------------------------------------------------------------------------------- /apps/jquery/public/images/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /apps/jquery/public/images/hollowknight.svg: -------------------------------------------------------------------------------- 1 | 2 | 13 | 15 | 17 | 18 | 20 | image/svg+xml 21 | 23 | 24 | 25 | 26 | 27 | 30 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /apps/jquery/public/images/sars-cov-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/images/sars-cov-2.png -------------------------------------------------------------------------------- /apps/jquery/public/images/smalldeer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /apps/jquery/public/javascripts/demo.js: -------------------------------------------------------------------------------- 1 | const stats = new Stats(); 2 | 3 | stats.addPanel('count', '#ff8', 0, () => { 4 | const container = tsParticles.domItem(0); 5 | if (container) { 6 | maxParticles = Math.max(container.particles.count, maxParticles); 7 | 8 | return { 9 | value: container.particles.count, 10 | maxValue: maxParticles 11 | }; 12 | } 13 | }); 14 | 15 | let maxParticles = 0; 16 | stats.showPanel(0); 17 | stats.dom.style.position = "absolute"; 18 | stats.dom.style.left = "0px"; 19 | stats.dom.style.top = "0px"; 20 | 21 | let updateStats = function () { 22 | const update = function () { 23 | stats.begin(); 24 | stats.end(); 25 | 26 | requestAnimationFrame(update); 27 | }; 28 | 29 | requestAnimationFrame(update); 30 | }; 31 | 32 | let updateParticles = function (editor) { 33 | let presetId = localStorage.presetId || 'basic'; 34 | 35 | $('#tsparticles').particles().init(tsParticles.configs[presetId], (particles) => { 36 | localStorage.presetId = presetId; 37 | 38 | const omit = obj => { 39 | return _.omitBy(obj, (value, key) => { 40 | return _.startsWith(key, "_"); 41 | }); 42 | }; 43 | 44 | const transform = obj => { 45 | return _.transform(omit(obj), function (result, value, key) { 46 | result[key] = !_.isArray(value) && _.isObject(value) ? transform(omit(value)) : value; 47 | }); 48 | }; 49 | 50 | editor.update(transform(particles.options)); 51 | editor.expandAll(); 52 | updateStats(); 53 | }); 54 | }; 55 | 56 | $(document).ready(function () { 57 | for (const presetId in tsParticles.configs) { 58 | const preset = tsParticles.configs[presetId]; 59 | 60 | const option = document.createElement('option'); 61 | option.value = presetId; 62 | option.text = preset.name || presetId; 63 | 64 | document.getElementById('presets').appendChild(option); 65 | } 66 | 67 | const element = document.getElementById('editor'); 68 | const options = { 69 | mode: 'tree', 70 | modes: [ 'code', 'form', 'text', 'tree', 'view', 'preview' ], // allowed modes 71 | onError: function (err) { 72 | alert(err.toString()) 73 | }, 74 | onModeChange: function (newMode, oldMode) { 75 | }, 76 | onChange: function () { 77 | } 78 | }; 79 | 80 | const editor = new JSONEditor(element, options); 81 | 82 | const cmbPresets = $('#presets'); 83 | 84 | cmbPresets.change(function () { 85 | localStorage.presetId = this.value; 86 | 87 | updateParticles(editor); 88 | }); 89 | 90 | if (!localStorage.presetId) { 91 | localStorage.presetId = 'basic'; 92 | } 93 | 94 | cmbPresets.val(localStorage.presetId); 95 | cmbPresets.change(); 96 | 97 | const btnUpdate = $('#btnUpdate'); 98 | btnUpdate.click(function () { 99 | const particles = tsParticles.domItem(0); 100 | 101 | particles.reset().then(() => { 102 | particles.options.load(editor.get()); 103 | particles.refresh().then(() => { 104 | // do nothing 105 | }); 106 | }); 107 | }); 108 | 109 | //document.body.querySelector('#tsparticles-container').appendChild(stats.dom); 110 | }); 111 | -------------------------------------------------------------------------------- /apps/jquery/public/stylesheets/.gitignore: -------------------------------------------------------------------------------- 1 | *.css -------------------------------------------------------------------------------- /apps/jquery/public/stylesheets/main.styl: -------------------------------------------------------------------------------- 1 | html 2 | height 100% 3 | overflow hidden 4 | 5 | body 6 | line-height 1 7 | height 100% 8 | overflow auto 9 | padding 0 10 | margin 0 11 | 12 | #container 13 | display flex 14 | width 100% 15 | height 100% 16 | min-height 1vh 17 | 18 | #editor 19 | background-color white 20 | z-index 1 21 | 22 | #editor-container 23 | z-index 1 24 | position fixed 25 | top 0 26 | left 0 27 | height 100% 28 | max-width 400px 29 | 30 | #tsparticles-container 31 | position relative 32 | flex 3 33 | width 100% 34 | height 100% 35 | 36 | #tsparticles 37 | width 100% 38 | height 100% 39 | background-size cover 40 | background-position 50% 50% 41 | 42 | #editor-container 43 | flex 1 44 | width 100% 45 | 46 | #editor 47 | height 100% 48 | 49 | #header 50 | display flex 51 | 52 | #filler 53 | flex 100% 54 | 55 | #docs 56 | flex auto 57 | white-space nowrap 58 | 59 | #inputs 60 | display flex 61 | 62 | select 63 | flex 2 64 | 65 | button 66 | flex 1 67 | white-space nowrap 68 | 69 | /* ---- stats.js ---- */ 70 | .count-particles 71 | background #000022 72 | position absolute 73 | top 48px 74 | left 0 75 | width 80px 76 | color #13e8e9 77 | font-size 0.8em 78 | text-align left 79 | text-indent 4px 80 | line-height 14px 81 | padding-bottom 2px 82 | font-family Helvetica, Arial, sans-serif 83 | font-weight bold 84 | 85 | .js-count-particles 86 | font-size 1.1em 87 | 88 | #stats, 89 | .count-particles 90 | -webkit-user-select none 91 | 92 | #stats 93 | border-radius 3px 3px 0 0 94 | overflow hidden 95 | display none 96 | 97 | * 98 | display none 99 | 100 | .count-particles 101 | border-radius 0 0 3px 3px 102 | -------------------------------------------------------------------------------- /apps/jquery/public/videos/chars.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/chars.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/connect.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/connect.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/covid.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/covid.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/demo.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/demo.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/mask.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/mask.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/nasa.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/nasa.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/nyancat.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/nyancat.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/snow.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/snow.mov -------------------------------------------------------------------------------- /apps/jquery/public/videos/snow_trees.mov: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/jquery/e067b94cfcb6c4764a956c64d9e141807eab7121/apps/jquery/public/videos/snow_trees.mov -------------------------------------------------------------------------------- /apps/jquery/views/.gitignore: -------------------------------------------------------------------------------- 1 | *.html -------------------------------------------------------------------------------- /apps/jquery/views/index.pug: -------------------------------------------------------------------------------- 1 | doctype html 2 | html(lang="en") 3 | head 4 | meta(charset="utf-8") 5 | meta(name="description", content= "tsParticles") 6 | meta(name="author", content= "Matteo Bruni") 7 | meta(name="apple-mobile-web-app-capable", content="yes") 8 | meta(name="viewport", content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no") 9 | 10 | meta(name="twitter:card", content="summary_large_image") 11 | meta(name="twitter:creator", content="@HollowMatt_ITA") 12 | meta(name="twitter:image:src", content="https://particles.js.org/images/demo2.png") 13 | meta(property="og:title", content="tsParticles - A lightweight TypeScript library for creating particles") 14 | meta(property="og:site_name", content="tsParticles") 15 | meta(property="og:url", content="https://particles.js.org/") 16 | meta(property="og:description", content="A lightweight TypeScript library for creating particles.") 17 | meta(property="og:image", content="https://particles.js.org/images/demo2.png") 18 | 19 | title tsParticles 20 | link(href="/fontawesome/css/all.css", rel="stylesheet", type="text/css") 21 | link(href="/jsoneditor/jsoneditor.css", rel="stylesheet", type="text/css") 22 | link(href="/stylesheets/main.css", rel="stylesheet", type="text/css") 23 | 24 | body 25 | #header 26 | // stats - count particles 27 | #filler 28 | #docs 29 | a(href="/docs") API Documentation 30 | 31 | #container 32 | #editor-container 33 | #inputs 34 | button#btnUpdate(type="button") Refresh Particles 35 | select#presets 36 | 37 | #editor 38 | #tsparticles-container 39 | #tsparticles 40 | #stats(hidden) 41 | 42 | script(src="/lodash/lodash.min.js") 43 | script(src="/fontawesome/js/all.js") 44 | script(src="/jsoneditor/jsoneditor.js") 45 | script(src="/stats.ts/dist/stats.min.js") 46 | script(src="/jquery/jquery.js") 47 | script(src="/tsparticles/tsparticles.bundle.min.js") 48 | script(src="/demo-configs/tsparticles.configs.min.js") 49 | script(src="/jquery-particles/jquery.particles.js") 50 | script(src="/javascripts/demo.js") 51 | -------------------------------------------------------------------------------- /components/jquery/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["@babel/preset-env", { 4 | "modules": false 5 | }] 6 | ] 7 | } -------------------------------------------------------------------------------- /components/jquery/.eslintignore: -------------------------------------------------------------------------------- 1 | demo 2 | dist 3 | node_modules -------------------------------------------------------------------------------- /components/jquery/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | parser: "@typescript-eslint/parser", 4 | plugins: [ 5 | "@typescript-eslint" 6 | ], 7 | extends: [ 8 | "eslint:recommended", 9 | "plugin:@typescript-eslint/eslint-recommended", 10 | "plugin:@typescript-eslint/recommended", 11 | "prettier" 12 | ], 13 | rules: { 14 | "@typescript-eslint/no-explicit-any": "warn", 15 | "@typescript-eslint/no-var-requires": "warn", 16 | "@typescript-eslint/ban-types": "warn", 17 | "@typescript-eslint/explicit-member-accessibility": ["error", { 18 | "accessibility": "no-public" 19 | }] 20 | } 21 | }; 22 | -------------------------------------------------------------------------------- /components/jquery/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 120, 3 | "endOfLine": "lf", 4 | "overrides": [ 5 | { 6 | "files": "*.ts", 7 | "options": { 8 | "tabWidth": 4 9 | } 10 | } 11 | ] 12 | } -------------------------------------------------------------------------------- /components/jquery/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | # 3.0.0 (2023-12-26) 7 | 8 | 9 | ### Features 10 | 11 | * completed transition to v3 ([a6af1b6](https://github.com/tsparticles/jquery/commit/a6af1b64e72361ba3ed349ff2d218656c247e9de)) 12 | * migrated to v3 ([d6f1e64](https://github.com/tsparticles/jquery/commit/d6f1e6481c02b9ad835fd5b9b85ae1570ee89bac)) 13 | 14 | 15 | 16 | 17 | 18 | ## [2.9.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.9.2...jquery-particles@2.9.3) (2023-02-12) 19 | 20 | **Note:** Version bump only for package jquery-particles 21 | 22 | ## [2.9.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.9.1...jquery-particles@2.9.2) (2023-02-12) 23 | 24 | **Note:** Version bump only for package jquery-particles 25 | 26 | ## [2.9.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.9.0...jquery-particles@2.9.1) (2023-02-11) 27 | 28 | **Note:** Version bump only for package jquery-particles 29 | 30 | # [2.9.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.8.0...jquery-particles@2.9.0) (2023-02-10) 31 | 32 | **Note:** Version bump only for package jquery-particles 33 | 34 | # [2.8.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.7.1...jquery-particles@2.8.0) (2023-01-18) 35 | 36 | **Note:** Version bump only for package jquery-particles 37 | 38 | ## [2.7.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.7.0...jquery-particles@2.7.1) (2022-12-25) 39 | 40 | **Note:** Version bump only for package jquery-particles 41 | 42 | # [2.7.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.6.0...jquery-particles@2.7.0) (2022-12-23) 43 | 44 | **Note:** Version bump only for package jquery-particles 45 | 46 | # [2.6.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.5.3...jquery-particles@2.6.0) (2022-12-06) 47 | 48 | **Note:** Version bump only for package jquery-particles 49 | 50 | ## [2.5.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.5.2...jquery-particles@2.5.3) (2022-11-07) 51 | 52 | **Note:** Version bump only for package jquery-particles 53 | 54 | ## [2.5.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.5.1...jquery-particles@2.5.2) (2022-11-07) 55 | 56 | **Note:** Version bump only for package jquery-particles 57 | 58 | ## [2.5.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.5.0...jquery-particles@2.5.1) (2022-11-03) 59 | 60 | **Note:** Version bump only for package jquery-particles 61 | 62 | # [2.5.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.4.0...jquery-particles@2.5.0) (2022-11-02) 63 | 64 | **Note:** Version bump only for package jquery-particles 65 | 66 | # [2.4.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.3.3...jquery-particles@2.4.0) (2022-10-30) 67 | 68 | **Note:** Version bump only for package jquery-particles 69 | 70 | ## [2.3.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.3.2...jquery-particles@2.3.3) (2022-09-30) 71 | 72 | **Note:** Version bump only for package jquery-particles 73 | 74 | ## [2.3.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.3.1...jquery-particles@2.3.2) (2022-09-21) 75 | 76 | **Note:** Version bump only for package jquery-particles 77 | 78 | ## [2.3.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.3.0...jquery-particles@2.3.1) (2022-09-13) 79 | 80 | **Note:** Version bump only for package jquery-particles 81 | 82 | # [2.3.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.2.4...jquery-particles@2.3.0) (2022-09-11) 83 | 84 | **Note:** Version bump only for package jquery-particles 85 | 86 | ## [2.2.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.2.2...jquery-particles@2.2.4) (2022-08-26) 87 | 88 | **Note:** Version bump only for package jquery-particles 89 | 90 | ## [2.2.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.2.2...jquery-particles@2.2.3) (2022-08-21) 91 | 92 | **Note:** Version bump only for package jquery-particles 93 | 94 | ## [2.2.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.2.1...jquery-particles@2.2.2) (2022-08-16) 95 | 96 | ### Bug Fixes 97 | 98 | - fixed double mouse events on mobile using pointer events, closes [#4622](https://github.com/matteobruni/tsparticles/issues/4622) ([1019fa4](https://github.com/matteobruni/tsparticles/commit/1019fa431f8a43cbd45d6adeb5adf94433e6e04b)) 99 | 100 | ## [2.2.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.2.0...jquery-particles@2.2.1) (2022-08-12) 101 | 102 | **Note:** Version bump only for package jquery-particles 103 | 104 | # [2.2.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.1.4...jquery-particles@2.2.0) (2022-08-11) 105 | 106 | ### Bug Fixes 107 | 108 | - **deps:** update capacitor monorepo to v4 ([a63d3a0](https://github.com/matteobruni/tsparticles/commit/a63d3a005ff47dd38ca7924b29267f4796ffebdb)) 109 | - **deps:** update dependency riot to v7 ([116fa3f](https://github.com/matteobruni/tsparticles/commit/116fa3f0808bb8e1e3df767513ebcb82c2f9e0e5)) 110 | 111 | ### Features 112 | 113 | - added new tspRandom function and setRandom for customizing all the random behaviors ([bd83a57](https://github.com/matteobruni/tsparticles/commit/bd83a57b2eb8b455450a5940ba4c4d5ff34834b2)) 114 | 115 | ## [2.1.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.1.3...jquery-particles@2.1.4) (2022-07-28) 116 | 117 | **Note:** Version bump only for package jquery-particles 118 | 119 | ## [2.1.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.1.2...jquery-particles@2.1.3) (2022-07-01) 120 | 121 | **Note:** Version bump only for package jquery-particles 122 | 123 | ## [2.1.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.1.1...jquery-particles@2.1.2) (2022-07-01) 124 | 125 | **Note:** Version bump only for package jquery-particles 126 | 127 | ## [2.1.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.1.0...jquery-particles@2.1.1) (2022-07-01) 128 | 129 | **Note:** Version bump only for package jquery-particles 130 | 131 | # [2.1.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.0.6...jquery-particles@2.1.0) (2022-06-18) 132 | 133 | ### Bug Fixes 134 | 135 | - **deps:** update dependency @capacitor/core to v3.5.0 ([581bb7e](https://github.com/matteobruni/tsparticles/commit/581bb7e2f4f6aceb3535daf9223954a80f2daa81)) 136 | - **deps:** update dependency gh-pages to v4 ([cf6e957](https://github.com/matteobruni/tsparticles/commit/cf6e9577132afcec26410f7321fcf5ffcfb05930)) 137 | - **deps:** update dependency minify to v9 ([a12fb3e](https://github.com/matteobruni/tsparticles/commit/a12fb3e6f2a94677b4be32ebc69a17b085d2f3d2)) 138 | - **deps:** update react monorepo to v18.1.0 ([6b45793](https://github.com/matteobruni/tsparticles/commit/6b457937c41d7681a2135dfcb6ff220e578f22bb)) 139 | 140 | ## [2.0.6](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.0.5...jquery-particles@2.0.6) (2022-04-16) 141 | 142 | **Note:** Version bump only for package jquery-particles 143 | 144 | ## [2.0.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.0.4...jquery-particles@2.0.5) (2022-04-14) 145 | 146 | **Note:** Version bump only for package jquery-particles 147 | 148 | ## [2.0.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.43.1...jquery-particles@2.0.4) (2022-04-06) 149 | 150 | ### Bug Fixes 151 | 152 | - **deps:** update angular monorepo to ~13.2.0 ([fa858b8](https://github.com/matteobruni/tsparticles/commit/fa858b8bad73331485a63d2a31124369c8cb8168)) 153 | - **deps:** update dependency @ionic/angular to v6 ([b20503f](https://github.com/matteobruni/tsparticles/commit/b20503ff2a29f6c8617f42c764c8a868fc334c5f)) 154 | - **deps:** update react monorepo to v18 ([3f6aa46](https://github.com/matteobruni/tsparticles/commit/3f6aa46e399d0092ae13ba494db86256c0d05c40)) 155 | - fixed some components init functions, they must be async ([0541dfa](https://github.com/matteobruni/tsparticles/commit/0541dfa82fb04264e2cd01ffd25e458b72847fdb)) 156 | - removed deprecated options ([fc1676d](https://github.com/matteobruni/tsparticles/commit/fc1676d94799326f2bd0285995f2b166647e6b6d)) 157 | 158 | ### Features 159 | 160 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 161 | 162 | ## [2.0.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.1...jquery-particles@2.0.3) (2022-03-11) 163 | 164 | ### Bug Fixes 165 | 166 | - **deps:** update angular monorepo to ~13.2.0 ([fa858b8](https://github.com/matteobruni/tsparticles/commit/fa858b8bad73331485a63d2a31124369c8cb8168)) 167 | - **deps:** update dependency @ionic/angular to v6 ([b20503f](https://github.com/matteobruni/tsparticles/commit/b20503ff2a29f6c8617f42c764c8a868fc334c5f)) 168 | - fixed some components init functions, they must be async ([0541dfa](https://github.com/matteobruni/tsparticles/commit/0541dfa82fb04264e2cd01ffd25e458b72847fdb)) 169 | - removed deprecated options ([fc1676d](https://github.com/matteobruni/tsparticles/commit/fc1676d94799326f2bd0285995f2b166647e6b6d)) 170 | 171 | ### Features 172 | 173 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 174 | 175 | ## [2.0.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.4...jquery-particles@2.0.2) (2022-02-21) 176 | 177 | ### Bug Fixes 178 | 179 | - **deps:** update angular monorepo to ~13.2.0 ([fa858b8](https://github.com/matteobruni/tsparticles/commit/fa858b8bad73331485a63d2a31124369c8cb8168)) 180 | - **deps:** update dependency @ionic/angular to v6 ([b20503f](https://github.com/matteobruni/tsparticles/commit/b20503ff2a29f6c8617f42c764c8a868fc334c5f)) 181 | - fixed some components init functions, they must be async ([0541dfa](https://github.com/matteobruni/tsparticles/commit/0541dfa82fb04264e2cd01ffd25e458b72847fdb)) 182 | - removed deprecated options ([fc1676d](https://github.com/matteobruni/tsparticles/commit/fc1676d94799326f2bd0285995f2b166647e6b6d)) 183 | 184 | ### Features 185 | 186 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 187 | 188 | ## [1.43.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.43.0...jquery-particles@1.43.1) (2022-04-06) 189 | 190 | **Note:** Version bump only for package jquery-particles 191 | 192 | # [1.43.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.4...jquery-particles@1.43.0) (2022-04-04) 193 | 194 | **Note:** Version bump only for package jquery-particles 195 | 196 | ## [1.42.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.3...jquery-particles@1.42.4) (2022-03-20) 197 | 198 | **Note:** Version bump only for package jquery-particles 199 | 200 | ## [1.42.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.2...jquery-particles@1.42.3) (2022-03-18) 201 | 202 | **Note:** Version bump only for package jquery-particles 203 | 204 | ## [1.42.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.1...jquery-particles@1.42.2) (2022-03-14) 205 | 206 | **Note:** Version bump only for package jquery-particles 207 | 208 | ## [1.42.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.42.0...jquery-particles@1.42.1) (2022-03-09) 209 | 210 | **Note:** Version bump only for package jquery-particles 211 | 212 | # [1.42.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.6...jquery-particles@1.42.0) (2022-03-08) 213 | 214 | **Note:** Version bump only for package jquery-particles 215 | 216 | ## [2.0.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.0.0...jquery-particles@2.0.1) (2022-02-15) 217 | 218 | ## [1.41.6](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.5...jquery-particles@1.41.6) (2022-03-03) 219 | 220 | **Note:** Version bump only for package jquery-particles 221 | 222 | ## [1.41.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.4...jquery-particles@1.41.5) (2022-02-24) 223 | 224 | **Note:** Version bump only for package jquery-particles 225 | 226 | ## [1.41.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.3...jquery-particles@1.41.4) (2022-02-20) 227 | 228 | **Note:** Version bump only for package jquery-particles 229 | 230 | ## [1.41.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.2...jquery-particles@1.41.3) (2022-02-19) 231 | 232 | **Note:** Version bump only for package jquery-particles 233 | 234 | ## [1.41.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.1...jquery-particles@1.41.2) (2022-02-16) 235 | 236 | **Note:** Version bump only for package jquery-particles 237 | 238 | # [2.0.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.1...jquery-particles@2.0.0) (2022-02-15) 239 | 240 | ### Bug Fixes 241 | 242 | - **deps:** update angular monorepo to ~13.2.0 ([fa858b8](https://github.com/matteobruni/tsparticles/commit/fa858b8bad73331485a63d2a31124369c8cb8168)) 243 | - **deps:** update dependency @ionic/angular to v6 ([b20503f](https://github.com/matteobruni/tsparticles/commit/b20503ff2a29f6c8617f42c764c8a868fc334c5f)) 244 | - fixed some components init functions, they must be async ([0541dfa](https://github.com/matteobruni/tsparticles/commit/0541dfa82fb04264e2cd01ffd25e458b72847fdb)) 245 | - removed deprecated options ([fc1676d](https://github.com/matteobruni/tsparticles/commit/fc1676d94799326f2bd0285995f2b166647e6b6d)) 246 | 247 | ### Features 248 | 249 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 250 | 251 | # [2.0.0-beta.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.39.2...jquery-particles@2.0.0-beta.4) (2022-01-30) 252 | 253 | ## [1.41.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.41.0...jquery-particles@1.41.1) (2022-02-14) 254 | 255 | **Note:** Version bump only for package jquery-particles 256 | 257 | # [1.41.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.40.2...jquery-particles@1.41.0) (2022-02-10) 258 | 259 | **Note:** Version bump only for package jquery-particles 260 | 261 | ## [1.40.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.40.1...jquery-particles@1.40.2) (2022-02-07) 262 | 263 | **Note:** Version bump only for package jquery-particles 264 | 265 | ## [1.40.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.40.0...jquery-particles@1.40.1) (2022-02-06) 266 | 267 | **Note:** Version bump only for package jquery-particles 268 | 269 | # [1.40.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.39.3...jquery-particles@1.40.0) (2022-02-04) 270 | 271 | **Note:** Version bump only for package jquery-particles 272 | 273 | ## [1.39.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.39.2...jquery-particles@1.39.3) (2022-02-02) 274 | 275 | ### Features 276 | 277 | - updated fpsLimit default value to 120 build: updated all presets to have a fpsLimit of 120 ([d1eff05](https://github.com/matteobruni/tsparticles/commit/d1eff050224c4d65727c0abc3f100d70d3807eb8)) 278 | 279 | ## [1.39.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.39.1...jquery-particles@1.39.2) (2022-01-29) 280 | 281 | ### Bug Fixes 282 | 283 | - **deps:** update angular monorepo to ~13.2.0 ([fa858b8](https://github.com/matteobruni/tsparticles/commit/fa858b8bad73331485a63d2a31124369c8cb8168)) 284 | - **deps:** update dependency @ionic/angular to v6 ([b20503f](https://github.com/matteobruni/tsparticles/commit/b20503ff2a29f6c8617f42c764c8a868fc334c5f)) 285 | - removed deprecated options ([fc1676d](https://github.com/matteobruni/tsparticles/commit/fc1676d94799326f2bd0285995f2b166647e6b6d)) 286 | 287 | ### Features 288 | 289 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 290 | 291 | # [2.0.0-beta.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.0.0-beta.2...jquery-particles@2.0.0-beta.3) (2021-12-07) 292 | 293 | # [1.39.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.38.0...jquery-particles@1.39.0) (2022-01-08) 294 | 295 | **Note:** Version bump only for package jquery-particles 296 | 297 | # [1.38.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.6...jquery-particles@1.38.0) (2021-12-29) 298 | 299 | **Note:** Version bump only for package jquery-particles 300 | 301 | # [2.0.0-beta.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.5...jquery-particles@2.0.0-beta.2) (2021-12-04) 302 | 303 | ### Features 304 | 305 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 306 | 307 | # [2.0.0-beta.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.4...jquery-particles@2.0.0-beta.1) (2021-10-06) 308 | 309 | ### Features 310 | 311 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 312 | 313 | # [2.0.0-beta.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.3...jquery-particles@2.0.0-beta.0) (2021-10-06) 314 | 315 | ### Features 316 | 317 | - splitting engine from slim and full bundles (v2) ([268b78c](https://github.com/matteobruni/tsparticles/commit/268b78c12d6c54069893d27643cfe7a30f3be777)) 318 | 319 | ## [1.37.6](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.5...jquery-particles@1.37.6) (2021-12-24) 320 | 321 | ### Bug Fixes 322 | 323 | - fixed some readmes ([93f371a](https://github.com/matteobruni/tsparticles/commit/93f371ab82a5074d34ec7632ade41edc3dbf0ec7)) 324 | 325 | ## [1.37.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.4...jquery-particles@1.37.5) (2021-11-28) 326 | 327 | **Note:** Version bump only for package jquery-particles 328 | 329 | ## [1.37.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.3...jquery-particles@1.37.4) (2021-11-17) 330 | 331 | **Note:** Version bump only for package jquery-particles 332 | 333 | ## [1.37.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.2...jquery-particles@1.37.3) (2021-11-05) 334 | 335 | **Note:** Version bump only for package jquery-particles 336 | 337 | ## [1.37.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.1...jquery-particles@1.37.2) (2021-10-31) 338 | 339 | **Note:** Version bump only for package jquery-particles 340 | 341 | ## [1.37.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.37.0...jquery-particles@1.37.1) (2021-10-30) 342 | 343 | **Note:** Version bump only for package jquery-particles 344 | 345 | # [1.37.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.36.0...jquery-particles@1.37.0) (2021-10-28) 346 | 347 | **Note:** Version bump only for package jquery-particles 348 | 349 | # [1.36.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.4...jquery-particles@1.36.0) (2021-10-14) 350 | 351 | **Note:** Version bump only for package jquery-particles 352 | 353 | ## [1.35.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.3...jquery-particles@1.35.4) (2021-10-06) 354 | 355 | **Note:** Version bump only for package jquery-particles 356 | 357 | ## [1.35.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.2...jquery-particles@1.35.3) (2021-10-03) 358 | 359 | **Note:** Version bump only for package jquery-particles 360 | 361 | ## [1.35.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.1...jquery-particles@1.35.2) (2021-09-27) 362 | 363 | **Note:** Version bump only for package jquery-particles 364 | 365 | ## [1.35.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.35.0...jquery-particles@1.35.1) (2021-09-20) 366 | 367 | **Note:** Version bump only for package jquery-particles 368 | 369 | # [1.35.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.34.1...jquery-particles@1.35.0) (2021-09-18) 370 | 371 | **Note:** Version bump only for package jquery-particles 372 | 373 | ## [1.34.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.34.0...jquery-particles@1.34.1) (2021-09-15) 374 | 375 | **Note:** Version bump only for package jquery-particles 376 | 377 | # [1.34.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.33.3...jquery-particles@1.34.0) (2021-08-23) 378 | 379 | ### Bug Fixes 380 | 381 | - **deps:** pin dependencies ([23be870](https://github.com/matteobruni/tsparticles/commit/23be8708d698e1e37a18f2ed292cbccffb0f1e47)) 382 | 383 | ## [1.33.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.33.2...jquery-particles@1.33.3) (2021-08-10) 384 | 385 | ### Features 386 | 387 | - added new methods to particle class ([5743453](https://github.com/matteobruni/tsparticles/commit/5743453906001569f262888aa54539ad4e1463ac)) 388 | 389 | ## [1.33.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.33.1...jquery-particles@1.33.2) (2021-07-31) 390 | 391 | **Note:** Version bump only for package jquery-particles 392 | 393 | ## [1.33.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.33.0...jquery-particles@1.33.1) (2021-07-29) 394 | 395 | **Note:** Version bump only for package jquery-particles 396 | 397 | # [1.33.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.32.0...jquery-particles@1.33.0) (2021-07-29) 398 | 399 | **Note:** Version bump only for package jquery-particles 400 | 401 | ## [1.18.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0...jquery-particles@1.18.1) (2020-10-06) 402 | 403 | **Note:** Version bump only for package jquery-particles 404 | 405 | # [1.18.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.5...jquery-particles@1.18.0) (2020-10-05) 406 | 407 | **Note:** Version bump only for package jquery-particles 408 | 409 | # [1.18.0-beta.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.4...jquery-particles@1.18.0-beta.5) (2020-10-04) 410 | 411 | **Note:** Version bump only for package jquery-particles 412 | 413 | # [1.18.0-beta.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.3...jquery-particles@1.18.0-beta.4) (2020-10-04) 414 | 415 | **Note:** Version bump only for package jquery-particles 416 | 417 | # [1.18.0-beta.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.2...jquery-particles@1.18.0-beta.3) (2020-10-03) 418 | 419 | **Note:** Version bump only for package jquery-particles 420 | 421 | # [1.18.0-beta.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.1...jquery-particles@1.18.0-beta.2) (2020-10-03) 422 | 423 | **Note:** Version bump only for package jquery-particles 424 | 425 | # [1.18.0-beta.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-beta.0...jquery-particles@1.18.0-beta.1) (2020-10-03) 426 | 427 | **Note:** Version bump only for package jquery-particles 428 | 429 | # [1.18.0-beta.0](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.12...jquery-particles@1.18.0-beta.0) (2020-10-02) 430 | 431 | **Note:** Version bump only for package jquery-particles 432 | 433 | # [1.18.0-alpha.14](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.9...jquery-particles@1.18.0-alpha.14) (2020-08-22) 434 | 435 | **Note:** Version bump only for package jquery-particles 436 | 437 | # [1.18.0-alpha.13](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.12...jquery-particles@1.18.0-alpha.13) (2020-08-17) 438 | 439 | **Note:** Version bump only for package jquery-particles 440 | 441 | # [1.18.0-alpha.12](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.8...jquery-particles@1.18.0-alpha.12) (2020-08-16) 442 | 443 | **Note:** Version bump only for package jquery-particles 444 | 445 | # [1.18.0-alpha.11](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.10...jquery-particles@1.18.0-alpha.11) (2020-08-13) 446 | 447 | **Note:** Version bump only for package jquery-particles 448 | 449 | # [1.18.0-alpha.10](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.9...jquery-particles@1.18.0-alpha.10) (2020-08-13) 450 | 451 | **Note:** Version bump only for package jquery-particles 452 | 453 | # [1.18.0-alpha.9](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.8...jquery-particles@1.18.0-alpha.9) (2020-08-13) 454 | 455 | **Note:** Version bump only for package jquery-particles 456 | 457 | # [1.18.0-alpha.8](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.7...jquery-particles@1.18.0-alpha.8) (2020-08-13) 458 | 459 | **Note:** Version bump only for package jquery-particles 460 | 461 | # [1.18.0-alpha.7](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.6...jquery-particles@1.18.0-alpha.7) (2020-08-12) 462 | 463 | **Note:** Version bump only for package jquery-particles 464 | 465 | # [1.18.0-alpha.6](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.5...jquery-particles@1.18.0-alpha.6) (2020-08-11) 466 | 467 | **Note:** Version bump only for package jquery-particles 468 | 469 | # [1.18.0-alpha.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.4...jquery-particles@1.18.0-alpha.5) (2020-08-11) 470 | 471 | **Note:** Version bump only for package jquery-particles 472 | 473 | # [1.18.0-alpha.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.3...jquery-particles@1.18.0-alpha.4) (2020-08-11) 474 | 475 | **Note:** Version bump only for package jquery-particles 476 | 477 | # [1.18.0-alpha.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.2...jquery-particles@1.18.0-alpha.3) (2020-08-10) 478 | 479 | **Note:** Version bump only for package jquery-particles 480 | 481 | # [1.18.0-alpha.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.18.0-alpha.1...jquery-particles@1.18.0-alpha.2) (2020-08-09) 482 | 483 | **Note:** Version bump only for package jquery-particles 484 | 485 | # [1.18.0-alpha.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.7...jquery-particles@1.18.0-alpha.1) (2020-08-08) 486 | 487 | **Note:** Version bump only for package jquery-particles 488 | 489 | # [1.17.0-alpha.14](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.13...jquery-particles@1.17.0-alpha.14) (2020-07-05) 490 | 491 | **Note:** Version bump only for package jquery-particles 492 | 493 | # [1.17.0-alpha.13](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.12...jquery-particles@1.17.0-alpha.13) (2020-07-05) 494 | 495 | **Note:** Version bump only for package jquery-particles 496 | 497 | # [1.17.0-alpha.12](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.11...jquery-particles@1.17.0-alpha.12) (2020-07-04) 498 | 499 | **Note:** Version bump only for package jquery-particles 500 | 501 | # [1.17.0-alpha.11](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.2...jquery-particles@1.17.0-alpha.11) (2020-07-02) 502 | 503 | **Note:** Version bump only for package jquery-particles 504 | 505 | # [1.17.0-alpha.10](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.9...jquery-particles@1.17.0-alpha.10) (2020-06-29) 506 | 507 | **Note:** Version bump only for package jquery-particles 508 | 509 | # [1.17.0-alpha.9](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.8...jquery-particles@1.17.0-alpha.9) (2020-06-29) 510 | 511 | **Note:** Version bump only for package jquery-particles 512 | 513 | # [1.17.0-alpha.8](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.7...jquery-particles@1.17.0-alpha.8) (2020-06-26) 514 | 515 | **Note:** Version bump only for package jquery-particles 516 | 517 | # [1.17.0-alpha.7](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.6...jquery-particles@1.17.0-alpha.7) (2020-06-26) 518 | 519 | **Note:** Version bump only for package jquery-particles 520 | 521 | # [1.17.0-alpha.6](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.17.0-alpha.5...jquery-particles@1.17.0-alpha.6) (2020-06-24) 522 | 523 | **Note:** Version bump only for package jquery-particles 524 | 525 | # [1.17.0-alpha.5](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.1...jquery-particles@1.17.0-alpha.5) (2020-06-23) 526 | 527 | **Note:** Version bump only for package jquery-particles 528 | 529 | # [1.17.0-alpha.4](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.0...jquery-particles@1.17.0-alpha.4) (2020-06-22) 530 | 531 | **Note:** Version bump only for package jquery-particles 532 | 533 | # [1.17.0-alpha.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.0...jquery-particles@1.17.0-alpha.3) (2020-06-21) 534 | 535 | **Note:** Version bump only for package jquery-particles 536 | 537 | # [1.17.0-alpha.2](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.0...jquery-particles@1.17.0-alpha.2) (2020-06-21) 538 | 539 | **Note:** Version bump only for package jquery-particles 540 | 541 | # [1.17.0-alpha.1](https://github.com/matteobruni/tsparticles/compare/jquery-particles@1.16.0...jquery-particles@1.17.0-alpha.1) (2020-06-20) 542 | 543 | **Note:** Version bump only for package jquery-particles 544 | -------------------------------------------------------------------------------- /components/jquery/LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Matteo Bruni 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /components/jquery/README.md: -------------------------------------------------------------------------------- 1 | [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org) 2 | 3 | # @tsparticles/jquery 4 | 5 | [![npm](https://img.shields.io/npm/v/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![npm](https://img.shields.io/npm/dm/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni) 6 | 7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin 8 | 9 | [![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) 10 | 11 | [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") 12 | 13 | ## Installation 14 | 15 | ```shell 16 | $ npm install @tsparticles/jquery 17 | ``` 18 | 19 | or 20 | 21 | ```shell 22 | $ yarn add @tsparticles/jquery 23 | ``` 24 | 25 | or from jsDelivr 26 | 27 | [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/jquery/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/jquery) 28 | 29 | ```html 30 | 31 | 32 | 33 | 34 | 35 | ``` 36 | 37 | ## How to use 38 | 39 | HTML 40 | 41 | ```html 42 |
43 | ``` 44 | 45 | ```javascript 46 | // this loads the tsparticles package bundle, it's the easiest method for getting everything ready 47 | // starting from v2 you can add only the features you need reducing the bundle size 48 | $(document).ready(async function () { 49 | await loadFull(tsParticles); 50 | 51 | $("#tsparticles") 52 | .particles() 53 | .init( 54 | { 55 | background: { 56 | color: { 57 | value: "#0d47a1", 58 | }, 59 | }, 60 | fpsLimit: 120, 61 | interactivity: { 62 | events: { 63 | onClick: { 64 | enable: true, 65 | mode: "push", 66 | }, 67 | onHover: { 68 | enable: true, 69 | mode: "repulse", 70 | }, 71 | }, 72 | modes: { 73 | push: { 74 | quantity: 4, 75 | }, 76 | repulse: { 77 | distance: 200, 78 | duration: 0.4, 79 | }, 80 | }, 81 | }, 82 | particles: { 83 | color: { 84 | value: "#ffffff", 85 | }, 86 | links: { 87 | color: "#ffffff", 88 | distance: 150, 89 | enable: true, 90 | opacity: 0.5, 91 | width: 1, 92 | }, 93 | move: { 94 | direction: "none", 95 | enable: true, 96 | outModes: { 97 | default: "bounce", 98 | }, 99 | random: false, 100 | speed: 6, 101 | straight: false, 102 | }, 103 | number: { 104 | density: { 105 | enable: true, 106 | }, 107 | value: 80, 108 | }, 109 | opacity: { 110 | value: 0.5, 111 | }, 112 | shape: { 113 | type: "circle", 114 | }, 115 | size: { 116 | value: { min: 1, max: 5 }, 117 | }, 118 | }, 119 | detectRetina: true, 120 | }, 121 | function (container) { 122 | // container is the particles container where you can play/pause or stop/start. 123 | // the container is already started, you don't need to start it manually. 124 | }, 125 | ); 126 | 127 | // or 128 | 129 | $("#tsparticles") 130 | .particles() 131 | .ajax("particles.json", function (container) { 132 | // container is the particles container where you can play/pause or stop/start. 133 | // the container is already started, you don't need to start it manually. 134 | }); 135 | }); 136 | ``` 137 | 138 | ## Demos 139 | 140 | The demo website is [here](https://particles.js.org) 141 | 142 | 143 | 144 | There's also a CodePen collection actively maintained and updated [here](https://codepen.io/collection/DPOage) 145 | 146 | 147 | -------------------------------------------------------------------------------- /components/jquery/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@tsparticles/jquery", 3 | "version": "3.0.0", 4 | "description": "Official tsParticles jQuery Plugin - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Angular, Svelte, Preact, Riot.js, Solid.js, Inferno.", 5 | "main": "dist/jquery.particles.min.js", 6 | "scripts": { 7 | "prettify:ci:src": "prettier --check ./src/*", 8 | "prettify:ci:readme": "prettier --check ./README.md", 9 | "prettify:src": "prettier --write ./src/*", 10 | "prettify:readme": "prettier --write ./README.md", 11 | "lint": "eslint src --ext .js,.jsx,.ts,.tsx --fix", 12 | "lint:ci": "eslint src --ext .js,.jsx,.ts,.tsx", 13 | "compile": "tsc", 14 | "bundle": "rollup -c", 15 | "minify": "uglifyjs dist/jquery.particles.js --output dist/jquery.particles.min.js --source-map \"filename='dist/jquery.particles.min.js.map',url='jquery.particles.min.js.map',content='dist/jquery.particles.js.map'\"", 16 | "build": "pnpm run prettify:src && pnpm run lint && pnpm run compile && pnpm run bundle && pnpm run minify && pnpm run prettify:readme", 17 | "build:ci": "pnpm run prettify:src && pnpm run lint:ci && pnpm run compile && pnpm run bundle && pnpm run minify && pnpm run prettify:readme", 18 | "prepack": "pnpm run build" 19 | }, 20 | "files": [ 21 | "dist/**/*" 22 | ], 23 | "repository": { 24 | "type": "git", 25 | "url": "git+https://github.com/tsparticles/jquery.git", 26 | "directory": "components/jquery" 27 | }, 28 | "keywords": [ 29 | "front-end", 30 | "frontend", 31 | "jquery-plugin", 32 | "ecosystem:jquery", 33 | "tsparticles", 34 | "particles.js", 35 | "particlesjs", 36 | "particles", 37 | "particle", 38 | "canvas", 39 | "jsparticles", 40 | "xparticles", 41 | "particles-js", 42 | "particles-bg", 43 | "particles-bg-vue", 44 | "particles-ts", 45 | "particles.ts", 46 | "react-particles-js", 47 | "react-particles.js", 48 | "react-particles", 49 | "react", 50 | "reactjs", 51 | "vue-particles", 52 | "ngx-particles", 53 | "angular-particles", 54 | "particleground", 55 | "vue", 56 | "vuejs", 57 | "preact", 58 | "preactjs", 59 | "jquery", 60 | "angularjs", 61 | "angular", 62 | "typescript", 63 | "javascript", 64 | "animation", 65 | "web", 66 | "html5", 67 | "web-design", 68 | "webdesign", 69 | "css", 70 | "html", 71 | "css3", 72 | "animated", 73 | "background", 74 | "confetti", 75 | "canvas", 76 | "fireworks", 77 | "fireworks-js", 78 | "confetti-js", 79 | "confettijs", 80 | "fireworksjs", 81 | "canvas-confetti" 82 | ], 83 | "author": "Matteo Bruni ", 84 | "license": "MIT", 85 | "bugs": { 86 | "url": "https://github.com/tsparticles/jquery/issues" 87 | }, 88 | "homepage": "https://particles.js.org", 89 | "funding": [ 90 | { 91 | "type": "github", 92 | "url": "https://github.com/sponsors/matteobruni" 93 | }, 94 | { 95 | "type": "github", 96 | "url": "https://github.com/sponsors/tsparticles" 97 | }, 98 | { 99 | "type": "buymeacoffee", 100 | "url": "https://www.buymeacoffee.com/matteobruni" 101 | } 102 | ], 103 | "prettier": "@tsparticles/prettier-config", 104 | "publishConfig": { 105 | "access": "public" 106 | }, 107 | "peerDependencies": { 108 | "jquery": "^3.7.1" 109 | }, 110 | "dependencies": { 111 | "@tsparticles/engine": "^3.0.2" 112 | }, 113 | "devDependencies": { 114 | "@babel/core": "^7.23.6", 115 | "@babel/preset-env": "^7.23.6", 116 | "@rollup/plugin-babel": "^6.0.4", 117 | "@tsparticles/prettier-config": "^2.0.1", 118 | "@types/jquery": "^3.5.29", 119 | "@types/node": "^20.10.5", 120 | "@types/webpack-env": "^1.18.4", 121 | "@typescript-eslint/eslint-plugin": "^6.16.0", 122 | "@typescript-eslint/parser": "^6.16.0", 123 | "babel-preset-env": "^1.7.0", 124 | "eslint": "^8.56.0", 125 | "eslint-config-prettier": "^9.1.0", 126 | "jquery": "^3.7.1", 127 | "prettier": "^3.1.1", 128 | "rollup": "^4.9.1", 129 | "typescript": "^5.3.3", 130 | "uglify-js": "^3.17.4" 131 | } 132 | } 133 | -------------------------------------------------------------------------------- /components/jquery/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | import babel from '@rollup/plugin-babel'; 2 | 3 | export default { 4 | input: 'dist/particles.js', 5 | output: { 6 | file: 'dist/jquery.particles.js', 7 | format: 'iife', 8 | sourcemap: true, 9 | globals: { 10 | jquery: 'jQuery', 11 | '@tsparticles/engine': 'window' 12 | } 13 | }, 14 | external: [ 15 | 'jquery', 16 | '@tsparticles/engine' 17 | ], 18 | plugins: [ 19 | babel({ 20 | exclude: 'node_modules/**', 21 | inputSourceMap: true, 22 | }), 23 | ] 24 | }; 25 | -------------------------------------------------------------------------------- /components/jquery/src/particles.ts: -------------------------------------------------------------------------------- 1 | import { type Container, type ISourceOptions, getRandom, tsParticles } from "@tsparticles/engine"; 2 | 3 | /** 4 | * Extend the jQuery result declaration with the example plugin. 5 | */ 6 | type ParticlesResult = { 7 | init: (options: ISourceOptions, callback: (container: Container | undefined) => Promise) => void; 8 | ajax: (jsonUrl: string, callback: (container: Container | undefined) => Promise) => void; 9 | }; 10 | 11 | export type IParticlesProps = ISourceOptions; 12 | 13 | declare global { 14 | interface JQuery { 15 | /** 16 | * Extension of the example plugin. 17 | */ 18 | particles: () => ParticlesResult; 19 | } 20 | } 21 | 22 | $.fn.particles = function (): ParticlesResult { 23 | const baseId = "tsparticles"; 24 | 25 | const init = (options: IParticlesProps, callback: (container: Container | undefined) => Promise): void => { 26 | this.each((index, element) => { 27 | if (element.id === undefined) { 28 | element.id = baseId + Math.floor(getRandom() * 1000); 29 | } 30 | 31 | tsParticles.load({ id: element.id, options }).then(callback); 32 | }); 33 | }; 34 | 35 | const ajax = (jsonUrl: string, callback: (container: Container | undefined) => Promise): void => { 36 | this.each((index, element) => { 37 | if (element.id === undefined) { 38 | element.id = baseId + Math.floor(getRandom() * 1000); 39 | } 40 | 41 | tsParticles.load({ id: element.id, url: jsonUrl }).then(callback); 42 | }); 43 | }; 44 | 45 | return { init, ajax }; 46 | }; 47 | -------------------------------------------------------------------------------- /components/jquery/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | /* Basic Options */ 4 | // "incremental": true, /* Enable incremental compilation */ 5 | "target": "ES2021", 6 | /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */ 7 | "module": "esnext", 8 | /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ 9 | "lib": ["ESNext", "ES2022", "ES2021", "ES2020", "ES2019", "ES2018", "ES2017", "ES2016", "ES2015", "DOM"], 10 | /* Specify library files to be included in the compilation. */ 11 | // "allowJs": true, /* Allow javascript files to be compiled. */ 12 | // "checkJs": true, /* Report errors in .js files. */ 13 | // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */ 14 | "declaration": true, 15 | /* Generates corresponding '.d.ts' file. */ 16 | // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */ 17 | // "sourceMap": true, /* Generates corresponding '.map' file. */ 18 | // "outFile": "./", /* Concatenate and emit output to single file. */ 19 | "outDir": "./dist", 20 | /* Redirect output structure to the directory. */ 21 | "rootDir": "./src", 22 | /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */ 23 | // "composite": true, /* Enable project compilation */ 24 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ 25 | "removeComments": true, 26 | /* Do not emit comments to output. */ 27 | // "noEmit": true, /* Do not emit outputs. */ 28 | "importHelpers": false, 29 | /* Import emit helpers from 'tslib'. */ 30 | // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */ 31 | // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */ 32 | 33 | /* Strict Type-Checking Options */ 34 | "strict": true, 35 | /* Enable all strict type-checking options. */ 36 | "noImplicitAny": true, 37 | /* Raise error on expressions and declarations with an implied 'any' type. */ 38 | "strictNullChecks": true, 39 | /* Enable strict null checks. */ 40 | // "strictFunctionTypes": true, /* Enable strict checking of function types. */ 41 | // "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */ 42 | "strictPropertyInitialization": true, 43 | /* Enable strict checking of property initialization in classes. */ 44 | // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */ 45 | "alwaysStrict": true, 46 | /* Parse in strict mode and emit "use strict" for each source file. */ 47 | 48 | /* Additional Checks */ 49 | // "noUnusedLocals": true, /* Report errors on unused locals. */ 50 | // "noUnusedParameters": true, /* Report errors on unused parameters. */ 51 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ 52 | "noFallthroughCasesInSwitch": true, 53 | /* Report errors for fallthrough cases in switch statement. */ 54 | 55 | /* Module Resolution Options */ 56 | "moduleResolution": "node", 57 | /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */ 58 | // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */ 59 | // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */ 60 | // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */ 61 | // "typeRoots": [], /* List of folders to include type definitions from. */ 62 | "types": ["jquery", "node"] /* Type declaration files to be included in compilation. */, 63 | // "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */ 64 | "esModuleInterop": true 65 | /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */ 66 | // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */ 67 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 68 | 69 | /* Source Map Options */ 70 | // "sourceRoot": "", /* Specify the location where debugger should locate TypeScript files instead of source locations. */ 71 | // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ 72 | // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */ 73 | // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */ 74 | 75 | /* Experimental Options */ 76 | // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */ 77 | // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */ 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /components/jquery/typedoc.json: -------------------------------------------------------------------------------- 1 | { 2 | "includes": "./markdown", 3 | "entryPoints": [ 4 | "./src/" 5 | ], 6 | "entryPointStrategy": "expand", 7 | "name": "tsParticles Angular Component", 8 | "includeVersion": true, 9 | "hideGenerator": true, 10 | "out": "./docs", 11 | "validation": { 12 | "invalidLink": true, 13 | "notDocumented": true 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "node_modules/lerna/schemas/lerna-schema.json", 3 | "packages": [ 4 | "apps/*", 5 | "components/*" 6 | ], 7 | "version": "3.0.0", 8 | "npmClient": "pnpm", 9 | "conventionalCommits": true, 10 | "command": { 11 | "version": { 12 | "message": "chore(release): published new version" 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@tsparticles/jquery-workspace", 3 | "version": "0.0.0", 4 | "private": true, 5 | "scripts": { 6 | "build": "lerna run build" 7 | }, 8 | "license": "MIT", 9 | "dependencies": { 10 | "@commitlint/cli": "^18.4.3", 11 | "@commitlint/config-conventional": "^18.4.3", 12 | "husky": "^8.0.3", 13 | "lerna": "^8.0.1" 14 | }, 15 | "workspaces": [ 16 | "apps/*", 17 | "components/*" 18 | ] 19 | } 20 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'apps/*' 3 | - 'components/*' -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "extends": [ 4 | "config:base" 5 | ] 6 | } 7 | --------------------------------------------------------------------------------