diff options
| author | Yaroslav <contact@yaroslavps.com> | 2018-12-13 19:26:02 +0300 |
|---|---|---|
| committer | Yaroslav <contact@yaroslavps.com> | 2018-12-13 19:26:02 +0300 |
| commit | 4f38455cb3040dcb662f075bedb3f2c97980c8c1 (patch) | |
| tree | f423b0b5bb0c714ca48801bf722a062294742cae /letitsnow/snow.html | |
| parent | 2fb04440660884530cea1bbb5d89147783f84235 (diff) | |
| download | canvas-antics-4f38455cb3040dcb662f075bedb3f2c97980c8c1.tar.gz canvas-antics-4f38455cb3040dcb662f075bedb3f2c97980c8c1.zip | |
let it snow!
Diffstat (limited to 'letitsnow/snow.html')
| -rw-r--r-- | letitsnow/snow.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/letitsnow/snow.html b/letitsnow/snow.html new file mode 100644 index 0000000..17f6672 --- /dev/null +++ b/letitsnow/snow.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf8"> + <title>Let It Snow demo</title> + <script src="snow.js"></script> +<style> +body, +html{ + margin: 0; + padding: 0; + background-color: #000; + min-height: 100vh; + min-width: 100%; +} + +*{ + box-sizing: border-box; +} + +#snow{ + width: 100%; + height: 100%; +} +</style> + <script> + window.addEventListener("load", function(){ + letItSnow({ + 'max_particles': 200, + 'base_speed': 200, + 'max_xspeed': 300, + 'max_tradius': 20, + 'max_tduration': 5000, + 'interactive': true, + }); + }); + </script> + </head> + <body> + <canvas id="snow"></canvas> + </body> +</html> |