❤
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

Dependencies (0)

    Dev Dependencies (0)

      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