3.0.2 • Published 4 months ago
@tsparticles/preset-snow v3.0.2
tsParticles Snow Preset
tsParticles preset creating a snow effect with falling particles.
Sample
How to use it
CDN / Vanilla JS / jQuery
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-snow@3/tsparticles.preset.snow.bundle.min.js"></script>
Usage
Once the scripts are loaded you can set up tsParticles
like this:
tsParticles.load({
id: "tsparticles",
options: {
preset: "snow",
},
});
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: "snow",
},
});
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 loadSnowPreset
function instead of loadFull
, loadSlim
or similar functions.
The options shown above are valid for all the component libraries.
flowchart TD
subgraph u [Updaters]
uwo[Wobble]
end
bb[tsParticles Engine] --> u
subgraph pr [Presets]
prsn[Snow]
end
bb & uwo --> prsn
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