3.0.2 • Published 4 months ago
@tsparticles/preset-big-circles v3.0.2
tsParticles Big Circles Preset
tsParticles preset for big colored circles on a white background.
Sample
How to use it
CDN / Vanilla JS / jQuery
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-big-circles@3/tsparticles.preset.bigCircles.bundle.min.js"></script>
Usage
Once the scripts are loaded you can set up tsParticles
like this:
tsParticles.load({
id: "tsparticles",
options: {
preset: "bigCircles", // also "big-circles" is accepted
},
});
Customization
Important ⚠️
You can override all the options defining the properties like in any standard tsParticles
installation.
tsParticles.load({
id: "tsparticles",
options: {
particles: {
shape: {
type: "square", // starting from v2, this require the square shape script
},
},
preset: "bigCircles", // also "big-circles" is accepted
},
});
Like in the sample above, the circles will be replaced by squares.
Frameworks with a tsParticles component library
Checkout the documentation in the component library repository and call the loadBigCirclesPreset
function instead of loadFull
, loadSlim
or similar functions.
The options shown above are valid for all the component libraries.
flowchart TD
subgraph pl [Plugins]
ple[Emitters]
end
bb[tsParticles Basic] --> pl
subgraph pr [Presets]
prbi[Big Circles]
end
bb & ple --> prbi
3.0.2
4 months ago
3.0.1
5 months ago
3.0.0
5 months ago
3.0.0-beta.1
9 months ago
3.0.0-beta.2
6 months ago
3.0.0-beta.4
6 months ago
3.0.0-alpha.1
1 year ago