Transformacija 2D SVG elemenata u animirano 3D objekt

završni rad

• Autor: Mateo Bekavac
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Maja Rudolf (član povjerenstva)
• Član povjerenstva: Tajana Koren Ivančević (član povjerenstva)
• Član povjerenstva: Nikolina Stanić Loknar (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2022-9-23, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Za prikaz grafike na web stranici standard je SVG format - XML jezik koji ima mogućnost

zadržavanja visoke rezolucije 2D vektorske grafike neovisno o stupnju skaliranja iste.

Skalabilnu vektorsku grafiku moguće je izraditi koristeći programe s grafičkim sučeljem, ili

s običnim uređivačem teksta. Napretkom preglednika pojavljuje se mogućnost prikaza 3D

objekta u 3D okruženju, te postaje nezamjenjiv način virtualne prezentacije proizvoda s

raznim mogućnostima interaktivnosti.

Danas postoji mnogo alata posvećenih lakšem modeliranje kompleksnih 3D objekata koji

također imaju mogućnost pripreme izrađenog modela za prikaz na webu, jedan od takvih

alata je Blender.

U teorijskom dijelu ovog rada proučavaju se alati za izradu vektorske grafike i 3D objekata,

te osnovne funkcije tih alata potrebne u svrhu rada.

Eksperimentalni dio rada odnosi se na izradu vektorske grafike u HTML-u koju se animira

CSS-om, te zatim izrade animiranog 3D objekta na temelju dobivene grafike koristeći

Blender.

Cilj rada je usporediti mogućnosti prikaza 3D objekta, izrađenog i animiranog CSS-om i

HTML-om u odnosu na implementaciju 3D animiranog objekta izrađenog u Blenderu.

Sažetak (engleski)

The standard format for display of graphics on the web is SVG – an XML language with

the ability to maintain high quality regardless of the degree it is scaled to. Scalable vector

graphics can be made with a dedicated software, or with a simple text editor. The rise of

browser capability also made it possible to display 3D objects on a website, which became

an irreplaceable way of virtually presenting a product, with many interactivity options.

Today there exists a wide range of software dedicated for easier modelling of complex 3D

objects which can also be used to prepare the same object for its display on a website, one

of these tools is called Blender.

The theoretical part of this thesis studies tools used in creation of vector graphics and 3D

objects, as well as the basic functions of those tools necessary for the completion of this

work.

The experimental part of the thesis is focused on the creation of vector graphics using

HTML, and animating it with CSS, as well as the modelling of a 3D object based on the

created graphics using Blender.

The goal of this thesis is to compare display capabilities of a 3D object created and

animated using HTML and CSS, as opposed to the implementation of a 3D object created

and animated using Blender.

• Ključne riječi: HTML/CSS; vektorska grafika; 2D vektorska grafika; 3D objekti; animacija
• Ključne riječi (engleski): HTML/CSS; vector graphics; 2D vector graphics; 3D objects; animation
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:333963
• Studijski program: Naziv: Grafička tehnologija; Smjer: Tehničko-tehnološki; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (bacc. ing.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Otvoreni pristup
• Datum i vrijeme pohrane: 2024-04-16 11:33:56