Video to AA Frame Array

This commit switches from injecting a video, to using a 54 frame ASCII Rick Roll.
Note that Mobile and Desktop versions contain two different AA Arrays due to resolution constrains.

Author: gurgenbrx

AALIB-GUIDE.md

@@ -0,0 +1,51 @@
+First, we breakdown the video into frames.
+``` bash
+ffmpeg -i asd.mp4 -vf "crop=900:860" frame%04d.png
+```
+
+Then we console log the arrays after all of the calculations have been done.
+
+Note that you need to set the frame count in the for loop.
+``` html
+<script type="text/javascript">
+      let rickrollpc = []
+      let rickrollphone = []
+      // Function to pad numbers with leading zeros
+      function padNumber(num, length) {
+          let str = num.toString();
+          while (str.length < length) {
+              str = '0' + str;
+          }
+          return str;
+      }
+      for (let i = 1; i <= 54; i++) {
+        let frameNumber = padNumber(i, 4);
+        let filename = `./videos/frame${frameNumber}.png`;
+        aalib.read.image.fromURL(filename)
+        .map(aalib.aa({ width: 90, height: 40}))
+        .map(aalib.filter.inverse(true))
+        .map(aalib.render.html({ background: "#fff", fontFamily: "Ubuntu Mono, monospace", charset: "$1234567890{;:}(){}#$&*_+=-" }))
+        .do(function (el) {
+          
+          rickrollpc[i-1] = el.innerText.split("\n");
+        })
+        .subscribe()
+        aalib.read.image.fromURL(filename)
+        .map(aalib.aa({ width: 40, height: 25}))
+        .map(aalib.filter.inverse(true))
+        .map(aalib.render.html({ background: "#fff", fontFamily: "Ubuntu Mono, monospace", charset: "$1234567890{;:}(){}#$&*_+=-" }))
+        .do(function (el) {
+          
+          rickrollphone[i-1] = el.innerText.split("\n");
+        })
+        .subscribe()
+      }
+      setInterval(() => {
+        console.log('PC')
+        console.log(rickrollpc)
+        console.log('Phone')
+        console.log(rickrollphone)
+      },2500)
+</script>
+```
+Afterwards, paste the Pre-Rendered AA animations as an array in your code.

config/commands.js

@@ -2,6 +2,22 @@ const whoisRoot = "Root Ventures is a San Francisco-based deep tech seed fund ma
 const timeUnit = 1000; // useful for development, set to 10 to run faster, set to 1000 for production
 let killed = false;
 
+function SpawnRickRollPointers() {
+  function padNumber(num, length) {
+    let str = num.toString();
+    while (str.length < length) {
+        str = '0' + str;
+    }
+    return str;
+  }
+  
+  const colSize = term.cols >= 40 ? 39 : 24
+  
+  for(let i = 0; i <= colSize; i++) {
+    term.stylePrint(`${colorText(`vsabnBRXofjub${padNumber(i,2)}`, "command")}`, false);
+  }
+}
+
 const commands = {
   help: function() {
     const maxCmdLength = Math.max(...Object.keys(help).map(x => x.length));
@@ -92,14 +108,7 @@ const commands = {
   },
 
   test: function() {
-    // innerText HTMLElement pointer for the correct terminal line.
-    // We use this line to replace it with a video element.
-    term.stylePrint(`${colorText("nf134bf139b", "command")}`, false);
-    
-    // Mass print of background lines to correctly represent the height of the video
-    for(let i = 0; i < 41; i++) {
-      term.stylePrint(`${colorText("dn19BRXub191", "command")}`, false);
-    }
+    SpawnRickRollPointers()
   },
 
   email: function() {
@@ -249,14 +258,7 @@ const commands = {
       term.stylePrint(`No such file: ${filename}`);
     }
     if (filename == "id_rsa") {
-      // innerText HTMLElement pointer for the correct terminal line.
-      //  We use this line to replace it with a video element.
-      term.stylePrint(`${colorText("nf134bf139b", "command")}`, false);
-
-      // Mass print of background lines to correctly represent the height of the video
-      for(let i = 0; i < 41; i++) {
-        term.stylePrint(`${colorText("dn19BRXub191", "command")}`, false);
-      }
+      SpawnRickRollPointers()
     }
   },