Bildeffekte in JavaScript mit glfx.js

Bilder erst auf dem Client zu manipulieren wird immer beliebter, vor allem wenn es um Animationen geht. Ich kann mich da noch an eine Zeit erinnern, wo das mit Java Applets versucht worden ist, grottenlangsam war, und in den meisten Fällen total unsinnig. Während man heutzutage Applets vergeblich sucht, könnte das in einigen Jahren mit Flash-Animationen der Fall sein.

Screenshot von glfx.js

glfx.js animiert Bilder mittels WebGL auf dem Client. Kann allerdings auch einfache Bild-Manipulationen wie zum Beispiel eine Sepia-Tönung. Entsprechend kommt es in drei Blöcken daher:

  • Texture – das Bild das manipuliert werden soll
  • Filter – die anwendbaren Filter / Animationen
  • Canvas – das Resultat als Canvas mit WebGL animiert / bearbeitet

Auf der Demo-Seite kann man sich einen schnellen Überblick darüber verschaffen, was die Bibliothek leistet. Wer nichts sieht, kann mal hier checken, ob der eigene Browser WebGL überhaupt unterstützt.

Ähnliche Beiträge


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...


melonJS – Spieleentwicklung in HTML5
Spieleentwicklung in HTML5 ist "the next big thing" - aber das ist nicht wirklich was Neues. Es geht inzwischen auch nicht mehr wirklich um das ob, so...


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...


Einfach mal eine Ansi-Grafik auf die Homepage pack...
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 Schrif...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.