Seriál 3D grafika s WebGL

Na několika příkladech si ukážeme, jakým způsobem je možné na stěnu těles ve 3D scéně nanést textury. Popíšeme si jak nanesení procedurálních textur, tak i textur načítaných z externích souborů (fotografie atd.).

Vykreslování 3D scén s takzvanými drátovými modely (wireframe) není pro skutečné 3D scény dostačující. Potřebujeme totiž vykreslovat vyplněné stěny těles, nanést na tyto stěny textury a spočítat jejich osvětlení.

Už jsme si vysvětlili všechny důležité koncepty. Nastává tedy ideální čas pro to, abychom vykreslili první skutečnou 3D scénu. Začneme jednoduchým příkladem, konkrétně zobrazením krychle reprezentované drátovým modelem (wireframe).

Budeme se zabývat vykreslováním povrchů těles složených z trojúhelníků. A nezapomeneme ani na popis funkce paměti hloubky (depth buffer, Z-buffer). Tím získáme základní poznatky nutné pro vykreslování 3D scén.

Ve druhém článku o technologii WebGL si ukážeme způsob kontroly operací grafické pipeline. Dále si popíšeme podporovaná grafická primitiva OpenGL ES a ukážeme si vykreslení úseček, polyčar a polygonů.

Programy, ve kterých je využita 3D grafika, nejsou omezeny na hry ani na desktopové aplikace. Podpora 3D grafiky je integrována i do webových prohlížečů díky technologii WebGL nabízející mj. i programovatelnou pipeline.