Uporaba 3D računalniške grafike v spletni aplikacijiČernilogar, Gal (Avtor) Gabrijelčič Tomc, Helena (Mentor) Weingerl, Primož (Komentor) 3D računalniška grafikaspletna aplikacijathree.js3D modeliranje3D animacijasenčilnikiS tem diplomskim delom je bilo raziskovano vprašanje, kako uporabiti tridimenzionalno (angl. three-dimensional; krajše 3D) računalniško grafiko za izdelavo spletne aplikacije. Cilja sta bila izdelati 3D spletno aplikacijo z uporabo standardnih spletnih tehnologij in 3D orodij ter preizkusiti učinkovitost delovanja njenih različic. Za temo vsebine je bilo, po izbiri avtorja in zaradi enostavnosti modeliranja, izbrano naše Osončje. Predvidevano je bilo, da je uporaba orodij za izdelavo 3D modelov in njihova implementacija v spletno aplikacijo lažja v primerjavi z njihovim neposrednim programiranjem, da pa slednje nudi boljšo učinkovitost delovanja. Med definiranjem ciljev in vsebine ter načrtovanjem informacijske arhitekture, postavitve strani in 3D vsebine se je uporabil tablični računalnik iPad Pro z digitalnim pisalom Apple Pencil in aplikacijo za zapiske Apple Notes. Razvoj 3D aplikacije se je začel na prenosnem računalniku Lenovo Yoga 530 in nadaljeval na MacBook Pro, s sprotno uporabo iPad Pro in pametnega telefona Huawei P20 za ogledovanje aplikacije. Za razvoj se je uporabil Git sistem za nadzor različic in GitHub platforma za gostovanje Git repozitorija in spletnega mesta. Razvijalo se je v okolju Visual Studio Code, z razvijalskimi orodji Node.js in njegovim upravljalnikom paketov, ESLint in Vite. Preizkušalo pa se je v spletnih brskalnikih Chrome, Firefox in Safari. Spletna stran je bila izdelana s standardnimi spletnimi tehnologijami, 3D del aplikacije pa v veliki meri s pomočjo JavaScript knjižnice three.js. Izdelani so bili modeli Sonca, zvezdnatega ozadja, planetov in Lune ter animacije glede na čas, drsenje, položaj kazalca in orientacijo naprave. Model Sonca je bil izdelan z uporabo senčilnikov, ostali pa z vgrajenimi three.js materiali in uporabo tekstur. Za namen preizkušanja učinkovitosti delovanja so bili v programu Blender izdelani tudi modeli planetov ter Lune in z njimi dve dodatni različici aplikacije, ki uporabljata fizični upodabljalni delokrog. Za preizkušanje učinkovitosti delovanja izdelane aplikacije in njenih različic so se preizkušali: čas upodabljanja sličic, količina dodeljenega pomnilnika in velikosti končnih datotek. Preizkušanje je potekalo na prenosnem računalniku MacBook Pro in pametnem telefonu Huawei P20, v brskalniku Chrome s pomočjo Chrome orodij za razvijalce in nekaj po meri napisanih skript za lažjo ekstrakcijo in manipulacijo pridobljenih podatkov. Tako je bila, v treh različicah, izdelana statična spletna aplikacija z delom, ki implementira 3D računalniško grafiko na temo našega Osončja. Izkazalo se je, da je izdelava 3D modelov enostavnejša v programu Blender in da njihovo neposredno programiranje nudi več možnosti in svobode. Rezultati preizkušanja učinkovitosti delovanja pa so pokazali, da je, pri primerjavi različic aplikacije s fizičnim upodabljalnim delokrogom, neposredno programiranje učinkovitejše v času upodabljanja sličic in velikosti končnih datotek, toda manj učinkovito glede na količino dodeljenega pomnilnika od različice z Blender modeli. Nezanemarljiva ugotovitev je tudi, da je sama možnost drugačnih pristopov osnovne različice aplikacije, ki jih ponuja neposredno programiranje, lahko zelo pomembna za učinkovitost delovanja.20252025-09-11 09:02:47Diplomsko delo/naloga172795VisID: 107510sl