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

JavaScript Events für Responsive Webdesign Responsive Webdesign ist nicht nur begrenzt auf geschicktes HTML & CSS sondern hat auch Auswirkungen auf JavaScript. Zum einen möchte man, dass be...
jwerty – JavaScript Keyboard Events vom Fein... Keyboard Events in Javascript sind in Backends das vielleicht am meisten unterschätze Feature! Wenn man mal ehrlich ist: man benutzt die Tastatur kaum...
LABjs – JavaScript On-Demand nachladen Wer kennt das Problem nicht? Schnell hat man beim Einsatz von jQuery 5-6 Skript-Tags im Header, die nicht unbedingt kleine Javascripte laden. Neben jQ...
jsPDF – PDF-Dateien mit JavaScript erzeugen PDF-Dateien sind aus der modernen Geschäftswelt nicht mehr wegzudenken, was insbesondere bedeutet das man diese in einer Applikation erzeugen muss. PD...

Schreibe einen Kommentar