ansilove.js

A script to display ANSi and artscene related file formats on web pages
Log | Files | Refs | README | LICENSE
commit 1f503fc4113e635d52df2d9dacc34dad4fff32df
parent 7ae8497bfe1aca4caa721f8ed88c1350b210a371
Author: Andy Herbert <andy.herbert@gmail.com>
Date:   Tue, 24 Sep 2013 19:40:09 +0100

Added example file to demonstrate usage.

Diffstat:

Aexample/cl!-al02.ans | 19+++++++++++++++++++


Aexample/example_usage.ans | 3+++


Aexample/index.html | 49+++++++++++++++++++++++++++++++++++++++++++++++++


3 files changed, 71 insertions(+), 0 deletions(-)

diff --git a/example/cl!-al02.ans b/example/cl!-al02.ans
@@ -0,0 +1,18 @@
+
+þ  ß ßßÛ
+ß²ßß²²  °°°°Ü ß Üܲ²±°°° ²
+Û ß Ü± ²²²²²ß±°° þß Üܲ²²²ÛÛ²²±° ²
+Û ²Ü ßþÜÜ° ²±±²ÜßÜ þ ܲ²ßÜßÛÛ²²²ÛÛ²± ±
+ÜÞÝÞ²²ÛÛÜÜ ßÛþ Ü° ²°°²²±ß ܲ۲²Ûܲ²ßß±±²²Û² °
+±Ü  Üß ÛÛßÜßÛ²² Û Üþ ܲ Û± ²°°²±ß ²²ÛÛÛ²²ß Ü °°°±±ßß   þÜ ß þ
+°±²Ü ßÜ Üß ²²ÛÛÜÛÛÛ² ß ÜÜÛ²² ÞÝ   ² Û±±²Ý ÛßÜß²²ß Ü Ü °ßß Üþ Üß²Ü Ü²²Ü þ
+° ß²²Ü ß ÜÛßÜßÛ²²ÛÛÜܲ²ÛÛßÜßÝ Ü   Ü ²²²± Þ²ÛÜÛ²Ý Û  ²Ü þß   ÞÝÞ²²ÛÛ²²²Ý Ü
+± Ü ß²ßܱ²²ÛÜÛ²ÜÛÛÛ²²Û²²ÛÛÜÛ² ßÜ  ² ±²Û²Ý ²²²²ßÛÜ ßÜþ ß²²ßÛ²²²ß Ü
+²   ÜÜ°°±±²²ÛßÜÛ²²ÛÛÛÛÛÛÛܲ²ÛßÜ ßÜ  °±²²±Ü ß²ÜßÜÛ²ÜÜ ßþßÜ ßÛ²²ß  Ü
+Ü ß°°°°°°±±ßÜ ²ÛÛ²²Û²ÛßÜßÛÜßÜßÜ²Ü ß °°±±²²Ü  ßß²²ÛßÜß²Ü ß±Ü ß Ü² Ü
+  ßÜ  ßÜ ß°°ßß Ü°Ü ±²ÛÛÛÛ±ÛÛܲ²ÛÛ ßÛßÜßÜÜßß°°±±± °ßþÜ ß²ÜÛÛ²² ß ßÛ Û²²ÜÜßÜ ß
+ßÜ  ß  ÜþßÜ ß°°±±²²ÛÛ°²²²²²²² Ü ßÜÛÛ²²±ÜÜ°°° °   ± ÞÛßÜßÛÝ ² ² ²²²²²²² ß Cl!°°°° Ü ² ß ÜÛÜ ßÜ ß°°±±²² ±±±±±±±  ßþ  ßß±±°°°°  ° Üß Ü²ÛÛܲ² Ü  ± ±±±±±±± ² °°°±±±± Û ÛÛÛÛÛÛÛÛÜ ßÜ ß°°±± °°°°°°° ß Ü ßß ÜÜ ßßßßÜß  ܱ±²²²²Û Ü Ü ° °°°°°°° ± ±±±²²ßܲß²ÜßÛÛÛÛÛÛÛÛÜ ßþÜÜ Ü ²²²²²²² ² ÛÛÛÛÜÜÜÜ þß ÜÜ°°±±±±²²ß Ü ÜÛ Û ²²²²²²² ° ²²²ÛÝÞ² ²²²ÝÞÛÛÛÛÛÛÛÛÛÛÜÜÜÜÜ ±±±±±±± ÜÜÛÛÛßßß  Ü ß°°°°°°°ßß Üþß ÜÛÛ Ü ±±±±±±± ÜÜÛÛÛÛÛÜß²²²ßÜÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ °°°°°°° ÛÛÛÛÛÜ ßÜ  ßÜ ß°ßß Ü ß ÜÜÛÛÛÛÛÜÜ °°°°°°° ÛÛÛÛÛÛÛÛÛÜÜÜÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÜÜÜÜÜÜÜÜÜÛÛÛÛÛÛÛÜ ßÜ  ß Ü ß ÜÜÛÛÛÛÛÛÛÛÛÛÛÜÜÜÜÜÜÜÜÜÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÜÜ ß ÜÜÜÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ               ÛAÛÛÛÛÛNÛÛÛÛÛSÛÛÛÛÛiÛÛÛÛÛÛÛÛÛÛLÛÛÛÛÛOÛÛÛÛÛVÛÛÛÛÛEÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²²
+  Just create your own world,Cleaner(27")    August 2004
+  for the sake of art...http://cleaner.planet-d.net
+ þ A N S i þ
++
\ No newline at end of file
diff --git a/example/example_usage.ans b/example/example_usage.ans
@@ -0,0 +1,3 @@
+[?33hAnsilove.render("cl!-al02.ans", function (canvas, sauce) {
+    document.getElementById("ansi-container").appendChild(canvas);
+}, {"bits": "9"});
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>ansilove.js</title>
+    <script src="../ansilove.js" type="text/javascript" charset="utf-8"></script>
+    <style type="text/css" media="screen">
+    body {
+        background: black;
+    }
+    .center {
+        margin: 16px auto;
+        background-color: black;
+        padding: 16px;
+    }
+    #header {
+        width: 720px;
+        border: 1px solid #aaaaaa;
+    }
+    #example {
+        width: 528px;
+        overflow: hidden;
+    }
+    </style>
+</head>
+    <body>
+        <div id="header" class="center"></div>
+        
+<script type="text/javascript">
+
+AnsiLove.render("cl!-al02.ans", function (canvas, sauce) {
+    document.getElementById("header").appendChild(canvas);
+}, {"bits": "9"});
+
+</script>
+        
+        <div id="example" class="center"></div>
+        
+<script type="text/javascript">
+
+AnsiLove.render("example_usage.ans", function (canvas, sauce) {
+    document.getElementById("example").appendChild(canvas);
+});
+
+</script>
+        
+    </body>
+</html>+
\ No newline at end of file