├── .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 | [](https://particles.js.org)
2 |
3 | # @tsparticles/jquery
4 |
5 | [](https://www.npmjs.com/package/@tsparticles/jquery) [](https://www.npmjs.com/package/@tsparticles/jquery) [](https://github.com/sponsors/matteobruni)
6 |
7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
8 |
9 | [](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [](https://discord.gg/hACwv45Hme) [](https://t.me/tsparticles)
10 |
11 | [](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 | [](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 |
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 | [](https://particles.js.org)
2 |
3 | # @tsparticles/jquery
4 |
5 | [](https://www.npmjs.com/package/@tsparticles/jquery) [](https://www.npmjs.com/package/@tsparticles/jquery) [](https://github.com/sponsors/matteobruni)
6 |
7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
8 |
9 | [](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [](https://discord.gg/hACwv45Hme) [](https://t.me/tsparticles)
10 |
11 | [](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 | [](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 |
--------------------------------------------------------------------------------