Stars

Geoffrey PREUD'HOMME
1 parent 04bb6896
Showing 4 changed files with 35 additions and 1 deletions Show diff stats
public/graphics
public/index.html
public/main.js
public/style.css
@@ -0,0 +1 @@
+../game/graphics/
 \ No newline at end of file
@@ -11,6 +11,8 @@
         <script type="text/javascript" src="/main.js"></script>
     </head>
     <body>
+        <div id="stars">
+        </div>
         <div id="header" class="row">
             <div class="col-md-4">
                 <p>Un seul objectif : battre le meilleur score dans l'aventure épique de Trosh !<br/>
@@ -71,7 +71,13 @@ $(function() {
         var x = Math.round((2*Math.random()-1)*thresold);
         var y = Math.round((2*Math.random()-1)*thresold);
         $('body').css('transform', 'translate('+x+'px, '+y+'px)');
+    }
+
+    var h = $('#stars').height();
+    var w = $('#stars').width();
  
+    for (var i = 0; i < 10; i++) {
+        $('#stars').append($('<img>').attr('src', 'graphics/star.png').css('top', (Math.random() * h) + 'px'))
     }
  
     (function anim() {
@@ -88,6 +94,18 @@ $(function() {
             shake(Math.exp(10 * (shakeStart - now) / SHAKE_DURATION) * SHAKE_MAX_THRESOLD)
         }
  
+        // Stars
+        $('#stars img').each(function(i, el) {
+            var e = $(el);
+            var pos = e.position()
+            if (pos.top > h) {
+                e.css('top', '0px');
+                e.css('left', Math.floor(Math.random() * w) + 'px');
+            } else {
+                e.css('top', (pos.top + 100) + 'px');
+            }
+        });
+
         requestAnimationFrame(anim);
  
     })();
@@ -10,6 +10,20 @@ body {
     font-size: 17pt;
 }
  
+#stars {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+}
+
+#stars img {
+    position: absolute;
+    width: 100px;
+    image-rendering: -moz-crisp-edges;
+}
+
 #header {
     margin-top: 15px;
 }
@@ -66,7 +80,6 @@ body {
  
 #footer p {
     margin-top: 50px;
-    font-size: 75%;
     text-align: center;
 }