aboutsummaryrefslogtreecommitdiffhomepage
path: root/letitsnow/index.html
diff options
context:
space:
mode:
authorYaroslav <contact@yaroslavps.com>2019-01-31 15:41:02 +0300
committerYaroslav <contact@yaroslavps.com>2019-01-31 15:41:02 +0300
commit0623f7b1d94be0513778ae70e7c574a67f743c17 (patch)
tree81709db2370cd6905b9731218407f5b2750e3c2b /letitsnow/index.html
parent2da5cc0a05ad6f634cf23565d6adee6edc67af6e (diff)
downloadcanvas-antics-0623f7b1d94be0513778ae70e7c574a67f743c17.tar.gz
canvas-antics-0623f7b1d94be0513778ae70e7c574a67f743c17.zip
dvd readme, change ever demo html to index.html
Diffstat (limited to 'letitsnow/index.html')
-rw-r--r--letitsnow/index.html57
1 files changed, 57 insertions, 0 deletions
diff --git a/letitsnow/index.html b/letitsnow/index.html
new file mode 100644
index 0000000..a2c7779
--- /dev/null
+++ b/letitsnow/index.html
@@ -0,0 +1,57 @@
+<!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;
+}
+
+.canvas-container{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+#snow{
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ bottom: 0;
+}
+</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>
+ <div class="canvas-container">
+ <canvas id="snow"></canvas>
+ </div>
+ </body>
+</html>