Paper.js rozwiąże nasze problemy z grafiką wektorową w Sieci? Zobaczcie przykłady, robią wrażenie

Interesuje was grafika wektorowa na stronach WWW? Zapewne mieliście więc coś do czynienia z biblioteką Raphael, pozwalającą na efektywne generowanie takiej grafiki za pomocą SVG i JavaScriptu. Warto jednak wyjść poza Raphaela i zapoznać się z bardzo ciekawym projektem o nazwie Paper.js.

Paper.js jest frameworkiem dla skryptowania grafiki wektorowej, który wykorzystuje obsługiwany już przez wszystkie nowoczesne przeglądarki element HTML5 <canvas>. Czemu nie SVG? Autorzy wyjaśniają: „Zdecydowaliśmy się na Canvas jako podstawowy backend, ponieważ jest on szybszy od SVG i pozwala nam zaimplementować i optymalizować nasz własny model Scene Graph / DOM. W przyszłości zaoferujemy możliwości importu i eksportu SVG (i miejmy nadzieję, PDF).

Nie należy traktować jednak Paper.js tylko jako „otoczki” dla <canvas>. Przynosi on bowiem pełen model DOM dla grafiki wektorowej (objaśniony przez autorów jako „odpowiednik palety warstw w Photoshopie czy Illustratorze” i pozwalający na łatwe wypełnienie sceny warstwami, grupami, rastrami, itp.).

Do tego dostajemy obsługę ścieżek i segmentów zdarzeń klawiatury i myszy, geometrii wektorowej i operacji matematycznych, symboli, uśredniania barw i konwersji obiektów. Cały framework bazuje na kodzie wtyczki Scriptographer, i jest dostępny na wolnej licencji MIT.

Z przykładami wykorzystania możecie zapoznać się na stronie paperjs.org/examples/, zaś dokumentację i tutoriale znajdziecie tutaj. Najnowszą wersję tej implementacji Scriptographera w JavaScripcie znajdziecie na GitHubie – github.com/paperjs/paper.js.

źródło: readwriteweb.com, paperjs.org, pic: sxc.hu/svilen001

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

3 skomentuj »

Komentarze

#1 Mikz 2011-06-28 15:46:06 1
Przykłady istotnie robią wrażenie, ciekawe jak się na tym pisze :)
IP: 77.253.212.[...] Mozilla/5.0 (X11; Linux i686; rv:5.0) Gecko/20100101 Firefox/5.0
#2 Paweł Spychalski^® 2011-06-28 21:32:48 0
Wygląda bardzo obiecująco. Chyba trzeba popatrzeć w przykłady
IP: 109.74.111.[...] Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.100 Safari/534.30
#3 slepiec 2011-06-28 23:52:39 0
dobre to !

i na MIT :D
IP: 82.146.243.[...] Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/535.1 (KHTML, like Gecko) Ubuntu/11.04 Chromium/14.0.803.0 Chrome/14.0.803.0 Safari/535.1

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.