diff options
Diffstat (limited to 'starfield/index.html')
-rw-r--r-- | starfield/index.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/starfield/index.html b/starfield/index.html new file mode 100644 index 0000000..9c7d0f2 --- /dev/null +++ b/starfield/index.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf8"> + <title>Starfield demo</title> + <script src="stars.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; +} + +#stars{ + position: absolute; + margin: 0; + padding: 0; + bottom: 0; +} + +</style> + <script> + window.addEventListener("load", function(){ + warpLaunch({ + 'max_particles': 1500, + 'speed': 70, + 'step': 10, + 'interactive': true, + 'color': true, + }); + }); + </script> + </head> + <body> + <div class="canvas-container"> + <canvas id="stars"></canvas> + </div> + </body> +</html> + |