3.2.0 • Published 8 months ago
@tsparticles/preset-big-circles v3.2.0
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:
(async () => {
await loadBigCirclesPreset(tsParticles);
await 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.2.0
8 months ago
3.1.0
1 year ago
3.0.2
2 years ago
3.0.1
2 years ago
3.0.0
2 years ago
3.0.0-beta.1
2 years ago
3.0.0-beta.2
2 years ago
3.0.0-beta.4
2 years ago
3.0.0-alpha.1
2 years ago