Interval.cz

Pr∙vodce SVG - Next Generation

Nejv∞tÜφ udßlostφ SVG scΘny z poslednφ doby pro mne jsou novinky v oblasti profesionßlnφch vizußlnφch editor∙ (animßtor∙). Jednß se o produkty vhodnΘ i pro neprogramßtory a tudφ₧ se sluÜnou Üancφ oslovit ÜirokΘ spektrum u₧ivatel∙. Mohu je s klidem za°adit do kategorie nativnφch editor∙, jeliko₧ byly navr₧eny specißln∞ pro v²robu animovanΘ a interaktivnφ grafiky v SVG formßtu.

Nativnφ editory SVG

Mφnφm tφm p°edevÜφm aplikace e-Picture Pro a Mobile Designer od firmy Beatware, zbrusu nov² RapidSVG od XStream Software a Animator firmy Ikivo (co₧ nenφ nikdo jin², ne₧ nedßvno p°ejmenovan² Zoomon).

Vypadß to tak, ₧e impuls do v²voje t∞chto aplikacφ p°inesl slibn∞ se rozvφjejφcφ postup SVG formßtu v oblasti mobilnφ telefonie. Programy z dφlny Beatware jsou zam∞°eny hodn∞ komerΦn∞ a umo₧≥ujφ krom∞ nezbytn²ch animacφ velmi snadno vytvß°et superatraktivnφ grafickΘ prvky i grafy s 3D efekty. Jednu z mnoha siln²ch strßnek Mobile Designeru p°edstavuje schopnost definovat grafickΘ Üablony, pomocφ kter²ch lze ze vstupnφch XML dat sΘriov∞ (nebo dynamicky p°φmo na serveru) vytvß°et "₧ivΘ" obrßzky, nap°φklad p°edpov∞dnφ mapy poΦasφ nebo v²voj cen akciφ.

Nativnφ editor SVG - XStudio 6

SluÜn² v²voj prod∞lal dalÜφ nativnφ editor SVG, o kterΘm jsme se ji₧ na Intervalu zmi≥ovali, XStudio od firmy Evolgrafix. Zmφnit musφme i Microsoft Visio, je₧ sice nenφ nativnφm editorem, ale disponuje ÜpiΦkov²m a p°esn²m importem a exportem SVG. Povyrostly nßm rovn∞₧ aplikace ze sfΘry OpenSource, i kdy₧ bohu₧el ne tak rychl²m tempem, jak bych si p°ßl. Detailn∞ji vßm ukß₧i hezk² Inkscape.

DalÜφ mo₧nosti v²voje naznaΦuje mimo jinΘ postupnß implementace SVG v "low-end" animaΦnφm nßstroji KoolMoves, jeho₧ silnou strßnkou je velkß knihovna hotov²ch animaΦnφch efekt∙. V souΦasnΘm stadiu v²voje slou₧φ SVG zatφm jen pro import a export vektorovΘ grafiky. KoolMoves umφ generovat v²stup v SWF formßtu, ale do budoucna se poΦφtß s implementacφ animaΦnφch prvk∙ SVG. P∙vodn∞ jsem si myslel, ₧e stejnou cestou univerzßlnφho animßtoru by se mohl vydat i Adobe Live Motion, ale jeho v²voj byl z neznßm²ch d∙vodu zastaven.

SVG ve vaÜem mobilu

P°φzniv²m v²vojem prochßzφ implementace formßtu SVG na mobilech. I malΘ dφt∞ u₧ dnes vφ, ₧e v budoucnosti budou mobily poΦetn∞ mnohonßsobn∞ p°evyÜovat klasickΘ osobnφ poΦφtaΦe. Mo₧nß jste Φetli na Intervalu text SVG: Neutrßlnφ zem∞, kde jsme ji₧ do tΘto oblasti nahlΘdli.

Nov² telefon Sony-Ericsson K700 s implementacφ SVG (displej 176x220 pixel∙)

D∙kazem je nap°φklad takΘ v Φervnu 2004 ohlßÜenß podpora v novΘ verzi systΘmu "Series 60" od Nokie. V tiskovΘm prohlßÜenφ firmy se pravφ: SVG umo₧nφ nezßvisl²m firmßm pohodln∞ vyvφjet aplikace pro displeje s libovoln²m rozliÜenφm... (voln² p°eklad). Tφm se rovn∞₧ potvrzujφ slova Paula A. Prescoda, kterß jsem vßm tlumoΦil ve zmφn∞nΘm Φlßnku. Platforma "Series 60" je vystav∞nß nad systΘmem Symbian a ve sv²ch telefonech ji pou₧φvajφ i dalÜφ v²robci mobil∙ - LG Electronics, Lenovo, Panasonic, Samsung, Sendo a Siemens.

DalÜφ v²voj?

Velk²m optimismem ohledn∞ dalÜφho v²voje SVG mne napl≥ujφ p°edevÜφm prvn∞ zmφn∞nΘ "velkΘ" aplikace, spolu s implementacφ v mobilnφ oblasti. Hodn∞ mne ale mrzφ p°φstup firmy Adobe - mßm pocit, ₧e k ochladnutφ zßjmu o SVG doÜlo, kdy₧ jejφ mana₧e°i zjistili, ₧e nßstup SVG p°edevÜφm na webu nebude ani zdaleka tak hladk². P°φznaky vidφm t°eba v pomalejÜφm vydßvßnφ aktualizacφ plug-inu.

Nativnφ podpora ve webov²ch prohlφ₧eΦφch

Motorem pro rozvoj SVG by zcela jist∞ byla i lepÜφ nativnφ podpora v prohlφ₧eΦφch. Bojφm se, ₧e od Microsoftu se podpory SVG pravd∞podobn∞ nedoΦkßme, nejen proto, ₧e MSIE byl vφcemΘn∞ odlo₧en k ledu, ale i dφky nov∞ vyvφjenΘ technologii, viz XAML v odstavci Desktop SVG. Velkß Ükoda je, ₧e i v²vojß°i Mozilly se dosud soust°e∩ovali spφÜe jin²mi sm∞ry.

Letos se sice objevily zmφnky ze strany Mozilla Foundation o v∞tÜφm zam∞°enφ na SVG a skuteΦn∞ doÜlo k implementaci n∞kter²ch pom∞rn∞ d∙le₧it²ch prvk∙ specifikace SVG (image, clipPath, use, marker - viz aktußlnφ stav), ale na m∙j vkus je v²voj stßle pomal². Chybφ stßle t°eba maskovßnφ, textury, filtry a p°edevÜφm animace. LΘpe je na tom zatφm i KSVG, kter² by se dle mΘho nßzoru v budoucnu mohl stßt integrßlnφ souΦßstφ Konqueroru a v ideßlnφm p°φpad∞ i odvozenΘho ApplovskΘho Safari.

Mimochodem, v²vojß°i SVG enginu Mozilly vysv∞tlujφ zdr₧enφ mimo jinΘ problΘmy s licencovßnφm p∙vodn∞ pou₧itΘ multiplatformnφ grafickΘ knihovny Libart. T∞mi byli donuceni p°ejφt na jinou, bohu₧el ne tak vysp∞lou - Cairo. Tato stßle nemß pln∞ implementovanou vykreslovacφ Φßst pro MAC OS a Windows.

V²slednß realita

V oficißln∞ uvol≥ovan²ch verzφch je SVG podpora zatφm vypnuta. Podle v²vojovΘho plßnu by m∞la dosp∞t ve verzi Mozilla 1.9. M∙₧ete si samoz°ejm∞ stßhnout nejnov∞jÜφ Mozzillu (nikoliv Firefox!) se zapnut²m SVG enginem a p°isp∞t praktick²m testovßnφm a hlßÜenφm p°φpadn²ch chyb k jejφmu v²voji. Pokud se poda°φ dotßhnout alespo≥ statickou implementaci SVG (ideßlnφ by samoz°ejm∞ byla spφÜe SVG Tiny = podpora SMIL animacφ), padne tφm jedna z poslednφch v²znamn²ch hradeb stojφcφch SVG v cest∞ p°i ta₧enφ do sv∞ta webu.

KomerΦnφ strßnka v∞ci

Je tomu bohu₧el tak, pokud se na v∞c podφvßm Φist∞ z komerΦnφho hlediska, ₧ßdnΘ grafickΘ studio nebo t°eba internetov² server vyd∞lßvajφcφ na animovan²ch bannerech nebude mφt p°φliÜ velkou pot°ebu n∞co m∞nit na fungujφcφm "SWF work-flow" - na rozdφl od programßtor∙, kodΘr∙ a vÜech ostatnφch, kterΘ zajφmß i technologie pod "kapotou" webov²ch strßnek.

Tφm spφÜe, kdy₧ zde dosud nebyla aplikace umo₧≥ujφcφ grafik∙m (kte°φ ve v∞tÜin∞ neumφ a ani se necht∞jφ zab²vat n∞jak²m k≤dovßnφm HTML nebo SVG) bezbolestnΘ vytvß°enφ takov²ch obrßzk∙ v SVG. Potencißl zm∞nit alespo≥ ΦßsteΦn∞ tento stav jist∞ majφ aplikace, o kter²ch se doΦtete dßle v tΘto sΘrii Φlßnk∙.

Svobodnß v²m∞na grafick²ch dat

Zcela urΦit∞ existuje prostor k rozÜi°ovßnφ SVG jako otev°enΘho formßtu pro v²m∞nu grafick²ch dat. A znovu opakuji to, co u₧ jsem vφcekrßte napsal - jsem p°esv∞dΦen, ₧e mφsto pro SVG na webu stßle z∙stßvß, p°edevÜφm z jeho XML podstaty a kompatibility s vyzkouÜen²mi technologiemi (DOM, JavaScript, XSLT a dalÜφ).

Vyhledßvßnφ