add initial files

thombach · Jun 12, 2022 · 0b09ca7 · 0b09ca7
1 parent 65c7183
commit 0b09ca7
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 0 deletions.
diff --git a/assets/airplane.png b/assets/airplane.png
diff --git a/contrail.js b/contrail.js
@@ -0,0 +1,14 @@
+var planeImg = document.createElement('img');
+planeImg.src = 'assets/airplane.png';
+planeImg.id = 'plane';
+document.getElementById('contrailCanvas').appendChild(planeImg);
+
+let x = 0, y= 0;
+var planeAnim = setInterval(movePlane, 5);
+
+
+function movePlane() {
+    var plane = document.getElementById('plane');
+    plane.style.left = x + "px";
+    x++;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contrail.js</title>
+    <link rel="stylesheet" href="main.css"></link>
+  </head>
+  <body>
+
+    <div id="contrailCanvas"></div>
+    <script src="contrail.js"></script>
+  </body>
+</html>
diff --git a/main.css b/main.css
@@ -0,0 +1,18 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+
+#contrailCanvas {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+}
+
+#plane {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+}