Tweaked vars for best visual effect

omninews · Apr 15, 2015 · 8c2436c · 8c2436c
1 parent 90c1a30
commit 8c2436c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/source/js/thematrix.js b/source/js/thematrix.js
@@ -43,22 +43,25 @@ var killWhenDone = (elem, length) => {
 var getNormalizedLeft = (text) => {
   var i = parseInt(text.substring(0, 2), 16);
 
-  i = i || 0;
+  i = i || Math.floor(Math.random() * 16);
   i = i * width/256;
-  i += Math.random() * 30;
+  i += Math.random() * 40;
   i = Math.floor(i);
 
   return i;
 };
 
 var createCol = (text) => {
   var col = $('<div/>').addClass('col');
+  var z = Math.floor(Math.random() * 4);
 
   text.split('').forEach(c => col.append(createChar(c)));
 
   col.css({
     left: getNormalizedLeft(text),
-    top: Math.floor(Math.random() * height * 0.66)
+    top: Math.floor(Math.random() * height * 0.66),
+    'z-index': z,
+    transform: `scale(${1/4*3 + z/4})`
   });
 
   killWhenDone(col, text.length);

diff --git a/source/less/main.less b/source/less/main.less
@@ -34,7 +34,7 @@ body {
 }
 
 @interval: 40ms;
-@visible-for: 2000ms;
+@visible-for: 3000ms;
 
 .animate-char (@n) when (@n > -1) {
   .animate-char(@n - 1);