Interaktivní 3D grafika s WebGL

Lukáš MÁČE

Bakalářská práce

Interactive 3D graphics with WebGL

Anotace:

Cílem bakalářské práce je zpracovat možnosti vytváření a zobrazování interaktivní 3D grafiky pomocí JavaScriptového rozhraní WebGL. V rámci práce popíšu základní metody a postupy, kterých lze využít při vytváření interaktivního 3D obsahu s využitím rozhraní WebGL. Jednou z možností, kterou se bude tato práce zabývat, je tvorba 3D grafiky prostřednictvím JavaScriptových příkazů, současně s nimi bude u této metody využita Javascriptová 3D knihovna Three.js, která byla vytvořena právě za účelem usnadnění vytváření webového obsahu ve 3D. Druhou z možností, které bude věnována část této práce, je vytváření interaktivní 3D grafiky bez znalosti programovacích jazyků, kterým může být právě například výše zmíněný JavaScript. Tuto možnost představují grafické nástroje, jako je Blender či Coppercube 3D, ve kterých lze 3D obsah za pomoci nejrůznějších technik vytvářet a následně exportovat do WebGL. U obou metod bude provedena analýza funkcí a možností, které při vytváření 3D grafiky nabízejí a následně budou na základě této analýzy vzájemně porovnány. Výstupem práce bude sada praktických příkladů, vytvořených za pomoci obou výše zmíněných metod.

Abstract:

The aim of this bachelor thesis is to prepare options for creating and displaying interactive 3D graphics by using JavaScript environment WebGL. In this work, I will describe the basic methods and techniques which can be used to create interactive 3D content using WebGL. One of the options, which this bachelor thesis will deal with, is creating 3D graphics through Javascript commands, simultaneously using Javascript 3D library Three.js. Second option, which will be described with is creating interactive 3D graphics without knowledge of programming languages. This option is represented by graphics tools like Bledner or Coppercube 3D, which enables creating interactive 3D graphics and export them to the WebGL. Both methods will be analyzed and compared with each other. The outcome of the work will be set of practical examples, created by both methods.

Klíčová slova

WebGL, JavaScript, 3D grafika, Three.js, Blender, Coppercube 3D

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 12. 7. 2017

Obhajoba závěrečné práce

• Vedoucí: PaedDr. Petr Pexa, Ph.D.

JIHOČESKÁ UNIVERZITA V ČESKÝCH BUDĚJOVICÍCH

Pedagogická fakulta

Bakalářský studijní program / obor:
Specializace v pedagogice / Informační technologie a e-learning