aboutsummaryrefslogtreecommitdiffhomepage
path: root/starfield/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 /starfield/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 'starfield/index.html')
-rw-r--r--starfield/index.html58
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>
+