Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Fundstück

Blotter.js: Eine Javascript-Bibliothek für abgefahrene Text-Effekte

(Screenshot: blotter.js.org)

Mit der Javascript-Bibliothek Blotter.js könnt ihr leicht abgefahrene Textanimationen in eure Website einbauen.

Wer ein bisschen Bewegung in Überschriften, Menü-Texte oder andere Schriftelemente bringen will, der sollte einen Blick auf die Javascript-Bibliothek Blotter.js werfen. Mit ihr lassen sich leicht unterschiedliche Textanimationen erstellen. Die Software setzt auf die OpenGL Shading Language (GLSL), erspart Entwicklern jedoch, sich mit der Sprache auseinanderzusetzen.

Blotter.js verfügt von Haus aus über fünf verschiedene Arten, wie Text gerendert werden kann. Die fünf Methoden werden als Materials bezeichnet und lassen euch Text beispielsweise in eine Anhäufung animierter Punkte auflösen oder verschiedene Verzerrungseffekte auf sie anwenden. Auf dieser Übersichtsseite könnt ihr einen Blick auf alle fünf Materials werfen. Klickt ihr auf eines davon, wird euch eine Erklärung angezeigt und ihr könnt live mit den verschiedenen Parametern herumspielen.

Hier könnt ihr Blotter.js herunterladen

Ihr könnt Blotter.js von der offiziellen Website wahlweise minifiziert oder unkomprimiert herunterladen. Wer eigene Anpassungen an der Bibliothek vornehmen möchte, der sollte einen Blick auf den entsprechenden Github-Eintrag werfen.

Ebenfalls interessant:

Finde einen Job, den du liebst

Bitte beachte unsere Community-Richtlinien

Schreib den ersten Kommentar!

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen