Archiwa tagu: SVG

Chrome Experiments – Multimedialne serwisy WWW przyszłości

rome_thumb.jpg

Od pewnego czasu przyglądam się Chrome Experiments. To serwis w którym prezentowane są nowe technologie obsługiwane przez przeglądarkę Chrome. Do tych technologii należą HTML5, Canvas, SVG oraz WebGL. Jestem pod wrażaniem możliwości oraz szybkości działania niektórych eksperymentów. Można się spodziewać że tak będą wyglądać strony internetowe, pełne bogatych efektów 3D. Zapraszam do obejrzenia 3 najciekawszych prezentacji które wybrałem.

Wymagania: Przeglądarka Google Chrome
Link: http://www.chromeexperiments.com/
Demo1: http://www.allisnotlo.st/index_en.html
Demo2: http://www.ro.me/
Demo3: http://www.thewildernessdowntown.com/

Raphaël – biblioteka JavaScript to grafiki wektorowej

raphael

Raphaël to biblioteka JavaScript, która w znacznym stopniu upraszcza pracę z grafiką wektorową. Pozwala na tworzenie  w prosty sposób własnych wykresów, animacji galerii itp. Biblioteka Raphaël używa SVG, który jest standardem ustalonym przez W3C i VML jako bazy do tworzenia grafiki. Oznacza to, że do każdego obiektu graficznego tworzony, jest obiekt DOM, dzięki temu można dołączyć obsługę zdarzeń JavaScript.  Raphaël działa na przeglądarkach Firefox 3.0 +, Safari 3.0 +, Chrome 5.0 +, Opera 9.5 + i Internet Explorer 6.0 +.

 Demo: http://raphaeljs.com/
Licencja: MIT

Google Swiffy – jak konwertować pliki flash do SVG

Google swiffy

Google niedawno uruchomiło nowy projekt o nazwie Swiffy. Pod tym niepozornym serwisem kryje się konwerter plików flash do postaci SVG. Konwersja na SVG uniezależnia przeglądarkę od posiadania Flash Playera. Konwerter obsługuje grafikę wektorową, czcionki, oś czasu oraz niektóre polecania ActionScript 2.0. Google Swiffy działa na wszystkich przeglądarkach, ale najlepiej na  Chrome bowiem zawiera ona funkcje SVG, które są interpretowane tylko przez nią. Nie zawsze efekt końcowy jest zadowalający. Niekiedy animacja może znajdować się niżej, niektóre warstwy mogą leżeć  w nieodpowiedni kolejności na sobie, lub nie wszystkie filtry są zaimplementowane. Narzędzie nie obsługuje również starszych typów plików falsh oraz plików większych niż 512 Kb.

Link: http://swiffy.googlelabs.com/

SVG Edit – edytor grafiki SVG w przeglądarce

svg-edit

SVG (Scalable Vector Graphics)  jest  formatem zapisu dwuwymiarowej grafiki wektorowej. Powstał on z myślą o zastosowaniu go na stronach WWW. Dzięki SVG możemy zapisywać grafikę w formie kodu podobnego do XML. Jednak pisać grafikę kodem jest trudno. łatwiej jest ją narysować. Z pomocą przychodzi nam  SVG Edit. To aplikacja online dostępna przez przeglądarkę. Działa prawie tak samo jak program Paint w Windowsach, z tą różnicą że w SVG Edit jest łatwiejszy w obsłudze :)

svg-edit

Strona Projektu: http://code.google.com/p/svg-edit/
Link: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html