{"id":22313,"date":"2025-09-12T11:10:10","date_gmt":"2025-09-12T10:10:10","guid":{"rendered":"https:\/\/www.arhns.uns.ac.rs\/givsf\/?p=22313"},"modified":"2025-10-02T11:48:45","modified_gmt":"2025-10-02T10:48:45","slug":"primena-parallax-i-depth-map-tehnika-za-povecanje-realisticnosti-360-arhitektonskih-rendera-na-kuula-platformi","status":"publish","type":"post","link":"https:\/\/www.arhns.uns.ac.rs\/givsf\/primena-parallax-i-depth-map-tehnika-za-povecanje-realisticnosti-360-arhitektonskih-rendera-na-kuula-platformi\/","title":{"rendered":"Pobolj\u0161avanje 360 rendera igrom svetlosti i osvetljenja za online platformu Kuula &#8211; Faza II"},"content":{"rendered":"\n<p class=\"has-extra-small-font-size\">Nakon teorijskog istra\u017eivanja interaktivnih 360\u00b0 rendera, prelazak se vr\u0161i na prakti\u010dno istra\u017eivanje metoda koje su zaklju\u010dene u prvoj fazi.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Istra\u017eivanje po\u010dinje formiranjem manjeg prostora dimenzija 4\u00d74 m sa prostim geometrijskim oblicima. Na oblike su postavljeni materijali i izvr\u0161eno je renderovanje kori\u0161\u0107enjem spherical kamere u equirectangular formatu.<\/p>\n\n\n\n<p><strong>Efekat blurovanih i fokusiranih elemenata<\/strong><\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">\u017deljeni efekat jeste zamu\u0107enje i fokusiranje razli\u010ditih elemenata na osnovu njihove grayscale maske. Ovim ispitivanjem dobijen je efekat prirodnog fokusiranja prilikom okretanja u prostoru.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Izrenderovana slika je iskori\u0161\u0107ena za dobijanje crno-bele slike, koja je poslu\u017eila kao maska za formiranje fokusa.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Postupak funkcioni\u0161e tako da su crni, odnosno najtamniji delovi, u fokusu, sivi delovi delimi\u010dno zamu\u0107eni, a beli delovi potpuno zamu\u0107eni.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Dalji postupak je sproveden pomo\u0107u alpha layera u odeljku Channels, u koji je uba\u010dena maska. Potom je u filterima <strong><em>(Blur \u2192 Lens Blur)<\/em><\/strong> za depth mapu odabran alpha layer u koji je maska uba\u010dena. Pomo\u0107u parametra Blur Focal Distance prona\u0111en je odgovaraju\u0107i zamu\u0107eni efekat.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Na slikama ispod mogu se primetiti osnovni render, maska i dobijeni rezultat.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/oev.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"500\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/oev.jpg\" alt=\"\" class=\"wp-image-23070\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/oev.jpg 1000w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/oev-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/oev-768x384.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/crno-bela-maska.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"500\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/crno-bela-maska.jpg\" alt=\"\" class=\"wp-image-23071\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/crno-bela-maska.jpg 1000w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/crno-bela-maska-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/crno-bela-maska-768x384.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/Screenshot-2025-10-02-120635.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"319\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/Screenshot-2025-10-02-120635.png\" alt=\"\" class=\"wp-image-23081\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/Screenshot-2025-10-02-120635.png 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/Screenshot-2025-10-02-120635-282x300.png 282w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/lens-blur.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"500\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/lens-blur.jpg\" alt=\"\" class=\"wp-image-23072\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/lens-blur.jpg 1000w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/lens-blur-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/lens-blur-768x384.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Efekat promene osvetljenja na jednom renderu<\/strong><\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Cilj ovog dela jeste omogu\u0107avanje sagledavanja prostora i njegovih razli\u010ditih atmosfera na jednoj slici.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">\u017deljeni efekat jeste dobijanje razli\u010ditih tonova i osvetljenja na renderu, koji se kasnije mo\u017ee implementirati za smenu dnevnog i no\u0107nog osvetljenja.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Prostor je izrenderovan u ekspozicijama <strong>-1EV, 0EV i +1EV.<\/strong> Za formiranje slike sa podacima iz vi\u0161e rendera kori\u0161\u0107en je postupak <strong>HDR tonirane fotografije<\/strong>. Od ekspozicija -1EV i 0EV formirana je tamnija HDR slika, a od 0EV i +1EV formirana je svetlija HDR slika. Pravljenjem prelaza od svetlije ka tamnijoj slici i ponovnog vra\u0107anja ka svetlijoj, prikazano je vi\u0161e izvora osvetljenja na jednom renderu. Isti postupak mo\u017ee biti primenjen za prelazak iz dnevnog u no\u0107no osvetljenje.<\/p>\n\n\n\n<p class=\"has-extra-small-font-size\">Na slikama ispod prikazane su tamnija i svetlija tonirana HDR slika sa rezultatom fade-a.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tamnija.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"498\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tamnija.jpg\" alt=\"\" class=\"wp-image-23078\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tamnija.jpg 998w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tamnija-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tamnija-768x383.jpg 768w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tonirana-svetlija.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"498\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tonirana-svetlija.jpg\" alt=\"\" class=\"wp-image-23077\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tonirana-svetlija.jpg 998w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tonirana-svetlija-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/tonirana-svetlija-768x383.jpg 768w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/zajednicki-HDR-fade.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"498\" src=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/zajednicki-HDR-fade.jpg\" alt=\"\" class=\"wp-image-23079\" srcset=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/zajednicki-HDR-fade.jpg 998w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/zajednicki-HDR-fade-300x150.jpg 300w, https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-content\/uploads\/2025\/09\/zajednicki-HDR-fade-768x383.jpg 768w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-extra-small-font-size\">Zapo\u010dinjanjem i zavr\u0161avanjem 360\u00b0 rendera sa istom ekspozicijom omogu\u0107ava se postizanje glatkog prelaza na spoju sferi\u010dne kamere na platformi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nakon teorijskog istra\u017eivanja interaktivnih 360\u00b0 rendera, prelazak se vr\u0161i na prakti\u010dno istra\u017eivanje metoda koje su zaklju\u010dene u prvoj fazi. Istra\u017eivanje po\u010dinje formiranjem manjeg prostora dimenzija 4\u00d74 m sa prostim geometrijskim oblicima. Na oblike su postavljeni materijali i izvr\u0161eno je renderovanje kori\u0161\u0107enjem spherical kamere u equirectangular formatu. Efekat blurovanih i fokusiranih elemenata \u017deljeni efekat jeste zamu\u0107enje&hellip; <a class=\"more-link\" href=\"https:\/\/www.arhns.uns.ac.rs\/givsf\/primena-parallax-i-depth-map-tehnika-za-povecanje-realisticnosti-360-arhitektonskih-rendera-na-kuula-platformi\/\">Continue reading <span class=\"screen-reader-text\">Pobolj\u0161avanje 360 rendera igrom svetlosti i osvetljenja za online platformu Kuula &#8211; Faza II<\/span><\/a><\/p>\n","protected":false},"author":681,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[656],"tags":[],"coauthors":[664],"class_list":["post-22313","post","type-post","status-publish","format-standard","hentry","category-24-25-radovi","entry"],"_links":{"self":[{"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/posts\/22313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/users\/681"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/comments?post=22313"}],"version-history":[{"count":8,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/posts\/22313\/revisions"}],"predecessor-version":[{"id":23108,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/posts\/22313\/revisions\/23108"}],"wp:attachment":[{"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/media?parent=22313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/categories?post=22313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/tags?post=22313"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.arhns.uns.ac.rs\/givsf\/wp-json\/wp\/v2\/coauthors?post=22313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}