1 Grafika komputerowa Graphics Image Manipulation Program (GIMP) - zaawansowany edytor grafiki rastrowej za darmo Virtual Reality Modelling Language (VRML) - trójwymiarowe środowisko WWW Scalable Vector Graphics (SVG) - nowy standard grafiki w sieci WWW

2 Graphics Image Manipulation Program (GIMP)GIMP – bezpłatny program do obróbki grafiki rastrowej w środowisku Linux i Windows Możliwości porównywalne z programami profesjonalnymi np. Adobe Photoshop Rozbudowana obsługa filtrów GIMP

3 Virtual Reality Modelling Language (VRML)VRML – język do kreowania trójwymiarowych przestrzeni wirtualnych, analogiczny do HTML Obsługa w przeglądarkach za pomocą wtyczek np.Cortona Standardy: VRML 1.0, VRML 2.0, VRML 97, X3D Web3D consortium Art of Illusion

4 Scalable Vector GraphicsSVG – Skalowalna grafika wektorowa dla WWW Odtwarzanie realizowane obecnie za pomocą wtyczek (plug-in) rozszerzających do przeglądarek WWW Adobe SVG Viewer 3.0 wersja 6.0: Wikipedia SVG Zone XML.com W3C SVG Edytor Inkscape

5 Umieszczanie grafiki SVG w dokumencie HTMLZmiany standardów wymagają użycia kilku konstrukcji jednocześnie; współpraca wtyczek z przeglądarkami. Najnowsze standardy umożliwiają mieszanie aplikacji języka XML (np. XHTML, SVG, MathML) w jednym dokumencie; jeszcze nie obsługiwane przez popularne przeglądarki. Można także stosować odwołanie do zewnętrznego dokumentu SVG: element: kliknij tutaj

6 Umieszczanie grafiki SVG w dokumencie HTML

7 Dokument SVG SVG należy do rodziny aplikacji XMLWymagany odpowiedni nagłówek "http://www.w3.org/TR/2001/REC-SVG /DTD/svg10.dtd"> Treść dokumentu SVG

8 Dokument SVG Część opisowa i komentarz "http://www.w3.org/TR/2001/REC-SVG /DTD/svg10.dtd"> Pierwszy rysunek SVG

9 Podstawowe obiekty graficzneKoło (okrąg) i prostokąt cx="130" cy="120" r="45" />

10 Podstawowe obiekty graficzneElipsa i linia cx="130" cy="120" rx="250" ry="100" />

11 Podstawowe obiekty graficzneŁamana points: współrzędne x,y kolejnych wierzchołków oddzielone przecinkami

12 Podstawowe obiekty graficzneWielokąt points="210, ,96 281, ,129 254, ,150 166, ,129 139,97 193,97" />

13 Podstawowe obiekty graficzneTekst podelement tspan zaznacza fragment tekstu, umożliwiając np. jego odrębne sformatowanie Hello, world

14 Grupowanie Łączenie obiektów w grupywspólna manipulacja połączonymi obiektami cx="130" cy="120" r="45" />

15 Wzorce Definiowanie wzorca do późniejszego użycianie jest wyświetlany bezpośrednio można go wykorzystać w dalszej części pliku SVG Hello, world

16 Transformacje Modyfikacja położenia obiektów cx="130" cy="120" r="45" />

17 Animacja Definiowanie ruchu obiektów i grup begin="0s" dur="4s" from="100" to="300" fill="freeze" xlink:href="#kolo" />

18 Animacja Powtarzanie ruchów begin="8s" dur="2s" repeatDur="6" values="400;250;400" fill="freeze" xlink:href="#kolo" />

19 Animacja Manipulowanie wyglądem (stylem) begin="6s" dur="6s" values="1;0;1" repeatCount="indefinite" xlink:href="#kolo" />

20 Animacja Manipulowanie transformacjami additive="replace" from=" " to=" " dur="20s" fill="freeze" xlink:href="#box" />

21 prezentacje on-line