Einfach mal eine Ansi-Grafik auf die Homepage packen! ;)

Früher, als alles noch besser war, und ich mich in Mailboxen herumgetrieben habe, gabs immer coole Ansi-Intros. Am Anfang waren es nur einfache Schriftzüge, gegen Ende komplexe Animationen bis hin zu ganzen Filmen. Man kann sich so zum Beispiel heute noch problemlos Star Wars als ANSI-Animation anschauen. Nun, da wir ja jetzt die coolen Webfonts verwenden können, was liegt da näher als wieder Ansi-Grafiken auf Seiten zu packen? ;)

Das Acid-Logo als Ansi

Viel Aufwand braucht man dafür zumindest nicht betreiben, denn escape.js nimmt einem ein Großteil der Arbeit ab. Nachdem ich fertig war mich über die FILE_ID.DIZ zu amüsieren konnte ich sogar mal einen Blick auf die Funktionalität der JavaScript-Klasse werfen. Vom Prinzip her erstellt man wie gehabt eine Ansi-Datei, übergibt diese an escape.js und das Skript stellt die Grafik dann dar:

escapes('pfad/zu/datei.ans', function() {
    $(this).appendTo('body');
});

Da die ASCII-Werte damals gerinfügig anders waren, kann escape.js die alten Werte in die neue ASCII-Tabelle konvertieren. Darüber hinaus kann es eine komplette Grafik via Canvas als Bild speichern. Eine sehr nette Funktion die einem den Screenshot erspart. Ich würde euch jetzt gerne die Demos zeigen können, aber irgendwie ist die Homepage down (http://www.256.io/escapes.js/), vielleicht geht sie ja die Tage wieder. Wer Spass an der Sache hat, sollte mal die alte Tante Google bemühen, dort gibt es noch nette ANSI-Grafiken und Animationen aufzustöbern.

Ähnliche Beiträge

Plugins für jQuery Ich sehe und übernehme einiges an Seiten und muss leider sagen, dass scheinbar bei Javascript-Programmierung vor Beginn der Arbeiten das Hirn einmal r...
Mit Numeral.js Zahlen formatieren Normalerweise ist der Konstrukt ja wie folgt: MySQL->PHP->Form->PHP->MySQL - das ist ganz nett, bietet aber einige Fallstricke. Normalerwe...
Dynamische Favicons mit Funktion Die Idee ist ebenso genial wie einfach: Wenn sich ein Benutzer erst einmal an einem System angemeldet hat, besteht eine Session. Besteht eine Session ...
Photoshop mit Javascript Zu sagen man kennt Photoshop nicht wäre als wenn ein Eisverkäufer mit der Gabel die Waffeln füllt. Erstaunlicherweise ist es aber so, dass nicht ein B...

Schreibe einen Kommentar