20 úžasných příkladů WebGL v akci

WebGL je rozhraní API JavaScriptu založené na známém standardu 3D grafiky OpenGL a poskytuje JavaScriptu přístup ke grafickému hardwaru bez zásuvných modulů prostřednictvím prvku HTML5 canvas. Právě díky WebGL můžeme do webových stránek zahrnout 3D grafiku v reálném čase.

Apple tento standard také podporuje, takže můžeme (doufejme!) očekávat, že se někdy (i když pravděpodobně ne brzy) objeví v Safari na počítačích Mac, iPhonech a iPadech – a Opera testuje vlastní verzi, takže jediným zdržením je Microsoft.

Takže se pohodlně usaďte, zapněte svůj nejnovější prohlížeč a podívejte se na tyto ukázky – pokud si myslíte, že to umíte lépe, jděte do toho: na konci je několik rad a tipů, jak na to.

Pasta

Multicolor carb heaven

Multicolor lighting and an interesting application of light and shade are put to good effect in this dramatic, slow-motion a lavin of macaroni. Je to podivně fascinující.

Just a Reflector

Just a Reflector je interaktivní hudební video, které vytvořil Google Data Arts Team a Unit 9 pro skupinu Arcade Fire. Výše je video na YouTube (není interaktivní) a k interaktivní verzi se dostanete zde.

Nouvelle Vague

Premisa Nouvelle Vague od Ultranoir je poměrně jednoduchá: vezměte několik tweetů a vložte je do 3D krajiny. To však této konkrétní stránce nedělá čest. Nouvelle Vague obsahuje nejrůznější létající dopravní prostředky včetně dvouplošníku, vzducholodi a několika balónů. Všechny tyto skvěle realizované modely – vytvořené a animované umělci v Blenderu a poté importované do scény WebGL – nesou tweety a krouží kolem obří centrální sochy. Je to velmi surrealistická stránka a je velmi dobře udělaná.

Chemdoodle: MolGrabber 3D

Chemdoodle umožňuje prohlížet chemické struktury ve 3D

Jak se dá u nové technologie očekávat, spousta lidí používá WebGL k vytváření zajímavých ukázek a méně skutečných nástrojů. Chemdoodle je v tomto ohledu výjimkou. iChemLabs, společnost zabývající se vědeckou vizualizací, sestavila nástroje pro zobrazení molekul na webových stránkách. Na této ukázkové stránce si můžete vybrat jeden z řady léků a v prohlížeči si prohlédnout 3D zobrazení jeho chemické struktury.

Člověk Biodigital

Podívejte se na kostru a krevní systém s Biodigital Human

Pokračujeme-li v lékařském tématu, máme tu 3D člověka od BioDigital Systems. Chcete si prohlédnout kostru a krevní systém? Stačí kliknout na tlačítka. Jako výukový nástroj má snadný potenciál – 3D mapa umožňuje vizualizaci nemocí a léčby prostřednictvím webu nebo dokonce mobilu.

FractalLab

Fraktály dělají všechno úžasnější – fakt

Tom Beddard začal svou kariéru jako laserový fyzik, než ho zlákalo softwarové inženýrství, a nyní je známý svými úžasnými 3D fraktály. FractalLab je jeho výtvor WebGL, který vše, co vám ukáže, počítá v reálném čase na vašem počítači. Beddard ochotně připojil podrobné vysvětlení svých postupů a myšlení.

Medúzy

Moře plovoucích medúz, vše na vašem monitoru

Další krásný výjev, ale o něco klidnější, pochází od Aleksandara Rodiče: moře plovoucích medúz, vše simulované na vašem počítači. Nenechte si také ujít video, které natočil a na kterém ukazuje (bohužel neveřejnou) verzi, kterou lze ovládat pomocí Kinectu!

CycleBlob

Hra typu CycleBob z TRONu je stále složitější

Novou variací na známě vypadající hru je CycleBlob od Shy Shaloma, založený na scéně světelných kol z TRONu. Vyzkoušejte si, zda dokážete uplatnit své hadí dovednosti na stále složitějších 3D plochách.

Následující strana: Další 6 úžasných příkladů WebGL

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.