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

Paper.js – Vektorgrafiken in Javascript mitt... Es tauchen in letzter Zeit immer mehr Frameworks auf, die auf die eine oder andere Art und Weise versuchen, dem Webentwickler das Leben mit dem HTML5 ...
HTML5 Audio mit Buzz HTML5 Audio ist ein nerviges kleines Biest! Das liegt nicht an der Umsetzung, sondern daran das jeder Browser sein eigenes Süppchen hinsichtlich Codec...
Modernizr – HTML5 und CSS3 mit Fallback Manchmal ist der Teufel ein Eichhörnchen, und scheinbar hat er sich an einem langen Winterabend überlegt, der beste Weg die Menschheit zu quälen wären...
Boxjs – Script Loading mittels CDN Es gibt inzwischen einige Skripte die sich mit nichts anderem beschäftigen, als die eigentlichen Skripte, die man auf der Webseite benötigt, nachzulad...

Schreibe einen Kommentar

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