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