Paper.js – Vektorgrafiken in Javascript mittels HTML5 Canvas

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 Canvas-Element zu erleichtern. Dabei geht die Umsetzung von grottig über langsam bis zu nicht brauchbar. Paper.js versucht jetzt einen neuen Anlauf und sieht dabei ganz ordentlich aus.

Screenshot der Paper.js Beispiele

Überzeugend ist die Geschwindigkeit von Paper.js, die im Gegensatz zu vielen anderen Frameworks annehmbar ist. Grund hierfür dürfte es sein, dass das Framework bewusst auf Fallbacks für die alten Browser-Versuche von Microsoft verzichtet. Dazu gehört dann auch der Internet Explorer 8, aber ok – man kann nicht alles haben.

Lustigerweise erlaubt das Framework nicht nur das Zeichnen eines Canvas sondern auch die Kontrolle durch den Benutzer. Zum Zeichnen gehören Pfade, verschachtelte Ebenen und Gruppen. Diese wiederum können über Aktionen für Maus & Tastatur beeinflusst und geändert werden.

Auch wenn die Library erst in der Version 0.1 vorliegt ist sie bisher der schnellste und hoffnungsvollste Versuch im Umgang mit dem Canvas-Element. Man darf abwarten was noch kommt, aber bisher überzeugt das Projekt!

Ähnliche Beiträge

10 nette jQuery Snippets jQuery ist schön, jQuery ist nett und dankenswerterweise geht eine Menge mit Copy&Paste. Was manche an dieser Stelle allerdings als Segen betracht...
Tutorial Google Maps API – die Anfänge mit JavaScr... Wie versprochen kommt heute der erste Teil des Google Maps Tutorials, dass sich primär mit der API an sich und JavaScript beschäftigen wird. Bevor wir...
Mozilla veröffentlicht ein HTML5-basiertes Browser... Der Markt der Browserspiele boomt. Mittlerweile erwirtschaften die Marktführer in diesem Bereich Jahres-Umsätze im dreistelligen Millionen-Bereich. ...
Tutorial zur Passwortstärke mit jQuery Der Fall YouPorn hat eindrucksvoll bewiesen, wie simpel Passwörter sind. An der Uni habe ich in einem Kurs echt wilde Dinge gelernt um Systeme zu bela...

Schreibe einen Kommentar

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