Letošek bude prvním rokem 3D na Webu aneb WebGL rules!
Vzpomínáte na všechny ty pokusy emulovat 3D v JavaScriptu? Na javascriptového Wolfensteina, Dooma nebo 3D šachy? Není to dávno, co se objevily první vážné pokusy přenést 3D přímo do prostředí Webu.
Tím přímo myslím, že se jednak stane součástí stránky, bude s ním možné manipulovat z JavaScriptu, ale zároveň si zachová všechny důležité parametry (např. využití akcelerace grafických karet).
První pokusy Firefoxu a Opery s 3D moc úspěšné nebyly (a nejspíš si na ně už ani nevzpomenete), navíc nebyly mezi sebou kompatibilní. Pozdější projekt O3D od Googlu si již pozornost zasloužil, ovšem jednalo se jen o plugin a i ten byl s ostatními nekompatibilní.
Khronos vládne všem, Khronos jim všem káže
Pořádek nastolila až skupina Khronos (z její dílny pochází i standard OpenGL), která během minulého roku stihla vytvořit první pracovní verzi specifikace WebGL (čili OpenGL pro Web). K vykreslení 3D používá HTML značku canvas, která byla pro podobná vykreslování od začátku určena. Pro přepnutí canvasu do 3D režimu stačí zavolání canvas.getContext( „webgl“ ).
Podstatné je, že se skupina Khronos současně dohodla s výrobci prohlížečů (až na Microsoft v zásadě se všemi). Rozepsal jsem se o tom v článku na svém druhém blogu HTML456, ale vás teď určitě zajímá tohle video:
[youtube Vva36undIss]
Na video upozornil @ajaxian
Líbí? Vše z videa si můžete vyzkoušet sami na Demu GLGE, pokud máte build prohlížeče s experimentální podporou WebGL.
Všimněte si při tom, že se nejedná jen o nějaký hloupý 3D model. Při procházce zahradou nemůžete např. snadno projít skálou, nýbrž pohybový mechanismus vás navede podél ní, jak je u moderních 3D her zvykem.
Z Blenderu na 3D Web
Vaší pozornosti by nemělo ujít, jakým způsobem bylo toto demo připraveno. Bylo totiž vytvořené v Blenderu, ze kterého existuje export do XML formátu, jenž umí zpracovat javascriptová knihovna GLGE. Demo z videa najdete popsané v tomto XML souboru.
Vytvořili jste někdy v Blenderu něco pěkného? Zkuste to schválně najít a vyexportovat pro GLGE. Funguje to?
WebGL přichází
Vše potřebné je tedy na světě. Během tohoto, maximálně následujícího roku se implementace WebGL objeví ve stabilních verzích většiny prohlížečů. A můžeme jen doufat, že mezitím někdo napíše emulační vrstvu pro běh v IE (podobně jako Google vytvořil emulační vrstvu pro běh 2D canvasu v IE). K emulaci může použít jak 2D projekci do VML (to by bylo ovšem pomalé), tak třeba Flash (tam by rychlost už snad mohla stačit).
Pokrok nezastavíš. Ještě před rokem mě 3D na Webu naplňovalo velkou skepsí. Před půl rokem jsem už cítil jistou naději. Dnes to beru jako hotovou věc a zbývá již jen mechanické čekání na dobu, kdy to bude všechno hotové a běhat mezi uživateli.
Vývoj letí kupředu už teď. Vedle knihovny GLGE z dema tak vznikají další knihovny pro WebGL, např. SceneJS nebo X3DOM. Vznikají už i vizionářské ukázky, nebude tak problém skloubit WebGL s touch-screen ovládáním na mobilu apod. Zajímavé novinky se objevují každý týden, pokud o nich chcete vědět pravidelně, je tu blog Learning WebGL, pokud vám stačí občasné shrnutí, čtěte tento blog a vedle něj HTML456.
Co zbývá dodat?
WebGL rules!
Ještě shrnutí důležitých odkazů:
- draft specifikace WebGL
- 3D prohlížeče ke stažení (čtěte i návod, jak 3D správně zapnout)
- demo z videa
- další dema
- knihovna GLGE
-
Související články na blogu Martin Hassman: nejen o prohlížečích
-
WebGL bude ráj pro chemiky 12. 2. 2010 10:23
-
Canvas - Wolfenstein jako netradiční fotogalerie 18. 8. 2008 12:51
-
Canvas, editace fotek a jezdící Super Mario 3. 6. 2008 18:02
-
Kouzla s canvasem - libo šachy nebo Wolfensteina? 5. 5. 2008 1:04
-
Canvas - Doom ve vašem prohlížeči 15. 5. 2007 18:11
-
Je canvas připraven pro web? 4. 3. 2007 0:04
-
-
Související články na ostatních blozích
-
Optimalizace metodou pokus-omyl 29. 4. 2013 11:47
-
HTML tabulky na web: jiný úhel pohledu 16. 10. 2012 17:35
-
Detekce indexovacího robota 25. 5. 2010 10:10
-
Nečekané vlastnosti mého spam filtru 7. 5. 2010 9:51
-
Propagační kupony Google AdWords na 1000 Kč 3. 2. 2010 22:03
-
Google DNS... co ještě Google nemá? 3. 12. 2009 21:54
-
-
Související články na serveru Root.cz
-
Linux Mint Debian Edition pokračuje, System76 vylepšuje výkon Linuxu 15. 2. 2022 0:00
-
Využití WebAssembly z programovacího jazyka Go 4. 4. 2019 0:00
-
Firefox 22 před stopováním nakonec nechrání, ale přinesl jiné novinky 9. 7. 2013 0:00
-
Moderní prohlížeče a webové technologie blízké budoucnosti 5. 6. 2013 0:00
-
-
DevelX (neregistrovaný)
Pekné, len jedno nechápem. Keď je celá stránka postavená ako JavaApplet, alebo app. na platforme Shockwave / Flash / SilverLight / Adobe Air / JavaFX, tak sa to rieši len odkazom nech si návštevník stiahne a nainštaluje to alebo ono, ak mu to nefunguje.
A v prípade, že návštevník príde s IE a IE skrátka niečo nepodporuje (prekvapivo), tak to máme pracne emulovať, bez ohľadu na zložitosť a náročnosť??? Čo takto radšej odkaz na stiahnutie skutočného prehliadača a/alebo Chrome Frame? V príncípe sa to nelíši od postupu v 1. odstavci, tak prečo stále ustupovať tým tupým užívateľom IE?
-
David Majda (neregistrovaný)
Vzpomínám na dobu cca před 10 lety, kdy jsem se (myslím z časopisu Bajt) naučil zákady VRML, stáhnul plugin do Netscapu a pak pobíhal s krejčovským metrem po pokojíčku a tvořil jeho model. Byl dokonce oživený JavaScriptem a tak šly otvírat šuplíky u mého stolu :-)
Abych tu jen melancholicky nevzpomínal, přidám myšlenku: Je zajímavé, jak se dost technologií vynoří (ze zpětného pohledu) předčasně a v podobě, která není všeobecně přijata. Pak se pár let nic neděje a nakonec dojde k reinkarnaci a v podstatě totéž, jen implementováno jinak, se začne masově šířit. Kromě VRML vs. WebGL to byly třeba Java vs. Flash nebo "network computer" do Sunu vs. webové aplikace a "cloud". Vždycky se ale chytne až ta druhá vlna - pokud je první technologie v době svého vzniku něčím neadekvátní/předčasná, málokdy dojde k jejímu vylepšení a inkrementálnímu rozšíření. Říkám si, jestli je za tím víc technologie nebo psychologie...
-
karf (neregistrovaný)
No nevím, ale proč 3D na webu? Jaké to má uplatnění vyjma her a pár specifických aplikací? Kdo to potřebuje? VRML hype tu byl před víc než deseti lety, pokud si pamatuju, a taky o něj nebyl moc zájem. Podle mě je spousta jiných důležitějších věcí, na které by se mohli vývojáři soustředit.
-
Martin Hassman (neregistrovaný)
@DevelX Naštěstí je emulace v tomhle případě mnohem snazší než přimět někoho k instalaci Javy apod. Pro emulaci canvasu totiž stačí také použít jen jeden jediný odkaz - totiž odkaz na emulační skript. Ovšem ten vloží tvůrce stránky a jen jednou a je vystaráno. Uživatel už nic stahovat nemusí a ani nepozná, že se mu něco emuluje. Snazší metodu snad ani neznám. Takže vážně žádná náročnost! 8-)
@kolombo16 To není nic nového, prostě plugin. Podobně šlo vložit do prohlížeče cokoliv už od devadesátých let, viz třeba to VRML. S tím rozdílem, že QL není univerzální 8-)
@David Majda Jo ten model tvého pokoje jsem kdysi viděl u tebe na webu. S onou reinkarnaci se jedná víceméně o pravidlo. Přemýšlím, kde jsem o něm četl. Je to aplikace onoho být ve správný čas na správném místě. Pokud někdo moc předběhne svou dobu a neví o tom, je odsouzen k neúspěchu. Pokud o tom ví, pak má šanci buď tiše čekat nebo lépe - pomalu tlačit globální vývoj svým směrem (na to druhé jsem měl i nějaký příklad z IT, ale teď si ho nedokážu vybavit). Je to vysvětlení toho, proč vývoj často probíhá ve spirálách. Ty jsou totiž využitím dříve objeveného a zapomenutého znovu a v pravý čas. (BTW Znáš historku Pandin palec? Podívej se na ni a kupodivu najdeš souvislosti) Škoda, že se tyhle principy nehustí i do všech programátorů. Celý IT obor by byl hned mnohem dál.
@karf + @Darken Myslím, že vám už odpověděl David výše 8-)
-
Zopper (neregistrovaný)
@Jan Kodera: Flash tu bude ještě nějakou dobu z důvodu zpětné kompatibility tam, kde nelze říct "stáhni si jiný prohlížeč, nebo máš smůlu," takže na stránky, které budou mít klíčové prvky řešené pomocí canvasu/html5/webGL/atd ... si ještě počkáme pěknou dobu. Samozřejmě, někdo to bude řešit více variantami, podobně jako se už dnes podstrkují IE upravené css a dělají výjimky v JS. Co s ním ale bude za takových pět, deset let, kdy podíl prohlížečů bez podpory těchto vlastností klesne pod "kritickou hodnotu" je otázka. Myslím ale, že Adobe tento scénář vidí také - v tom vidím hlavní důvod existence flashe pro linux, nebo práci na nové, plnohodnotné verzi pro mobilní telefony. Prostá snaha rozšířit se co nejvíc dřív, než konkurence.
Ale to je jen můj soukromý náhled na tuto problematiku. -
Martin Hassman (neregistrovaný)
@Zopper Nebudu komentovat, jak dlouho vydrží Flash, ale to se striktním čekáním na rozšíření nových prohlížečů dnes rozhodně neplatí tak striktně, jak popisujete. Web se za ty roky naučil jednu důležitou věc, kterou dřív neuměl, a sice jak úspěšně emulovat nové technologie ve starých prohlížečích.
Kdyby to Web uměl před lety, tak by dnes SVG na Webu byla absolutní normálka. Takhle se SVG emulované pomocí VML pro IE naučil až v posledních letech. A WebGL půjde pomocí Flashe emulovat i v takovém IE6. Jediná otázka je, kdy někdo tu emulační vrstvu napíše a jak rychle poběží.
-
Jára (neregistrovaný)
Jak je to s bezpečností? Grafické ovladače 3D jsou známy svou děravostí, protože komerční výrobce (ati/nvidia/intel) zajímá jen maximalizace výkonu svého hw, na bezpečnost se příliš nehledí. Na desktopu to moc nevadí, protože to je "jenom" local exploit, ale pokud javascript bude moct volat přímo funkce opengl, tak se možná ještě dočkáme pěkného masakru!
-
Jméno (required) (neregistrovaný)
no tak to je sice hezky ze html bude umet vykreslit 3d ale premejsli nekdo co dal? umite si predstavit takovou hru typu Quake nebo Wow napsanou v Javascriptu? to se jako pri navsteve stranky stahne halda javascriptu? Jak se postahujou modely, grafika, zvuky? V pripade lokalni hry se hra stahuje jednou, tohle se bude stahovat porad? Chci to videt opravdu, to uz mi prijde mnohem jednodussi reseni vlozit do vsech prohlizecu nejaky plugin typu Flash, kterej se chova dejme tomu jako lokalni aplikace (takze ma svoje uloziste na disku atd atd)
-
Martin Hassman (neregistrovaný)
@Socan Je předvídatelné, že Microsoft bude zatím vše ignorovat. Napřed musí implementovat 2D canvas (zda, tak učiní v IE9, to zjistíme již za pár měsíců viz též http://html456.blogspot.com/2009/11/neoficialni-zpravy-o-internet-exploreru.html ), teprve po té se může pustit do 3D.
