❤
npm
Sign UpSign In

snowfall-animation

1.0.5 • Public • Published

snowfall-animation

A simple snowfall animation

Install

npm install snowfall-animation
yarn add snowfall-animation

Usage

HTML

<html>
  <body>
    <canvas id='canvas'></canvas>
  </body>
</html>

CSS

#canvas {
  width: 300px;  
  height: 500px;
  background: #000;
  /* pointer-events: none; */
}

Javascript

import Snowfall from 'snowfall-animation'
 
window.onload = function() {
  const configs = {
    element: '#canvas',   // required "canvas element" 
    number: 30,           // optional "snowflakes: 1-1000, default: 30"
    speed: 3,             // optional "speed: 1-10, default: 3"
    radius: 4,            // optional "radius: 1-10, default: 4"
  }
  const snowfall = new Snowfall(configs)
  snowfall.init();
}

MIT Licensed

Readme

Keywords

Package Sidebar

Install

npm i snowfall-animation

Repository

github.com/yylww/snowfall

Homepage

github.com/yylww/snowfall#readme

Weekly Downloads

3

Version

1.0.5

License

MIT

Unpacked Size

5.39 kB

Total Files

3

Last publish

Collaborators

  • kvo
Try on RunKit
Report malware