{"id":28,"date":"2023-11-30T07:31:58","date_gmt":"2023-11-30T06:31:58","guid":{"rendered":"https:\/\/3dkodiranje.com\/?p=28"},"modified":"2023-12-06T10:16:26","modified_gmt":"2023-12-06T09:16:26","slug":"kreiranje-vlastitih-virtualnih-svjetova","status":"publish","type":"post","link":"https:\/\/3dkodiranje.com\/index.php\/2023\/11\/30\/kreiranje-vlastitih-virtualnih-svjetova\/","title":{"rendered":"Kreiranje vlastitih virtualnih svjetova"},"content":{"rendered":"\n<p>U dana\u0161njem digitalnom dobu, tehnolo\u0161ki napredak omogu\u0107ava nam da pro\u0161irimo horizonte na\u010dina na koji do\u017eivljavamo svijet. Jedna od najinovativnijih tehnologija koja se isti\u010de u ovom podru\u010dju su 3D scene. <\/p>\n\n\n\n<p>Kroz njih, promocija turizma, kulturnih vrijednosti te drugih aspekata kreiranja sadr\u017eaja postaje vi\u0161e nego samo gledanje slika na ekranu &#8211; postaje interaktivno iskustvo koje osvaja srca i umove.<\/p>\n\n\n\n<p>Tradiconalni turisti\u010dki letci i online galerije fotografija sve vi\u0161e ustupaju prostor 3D scenama koje omogu\u0107avaju posjetiteljima da virtualno putuju kroz destinacije. Ovo ne samo da pru\u017ea realisti\u010dan dojam mjesta, ve\u0107 tako\u0111er poma\u017ee putnicima da bolje planiraju svoje putovanje.<\/p>\n\n\n\n<p>3D scene nude jasne i detaljne poglede iz svakog kuta.<\/p>\n\n\n\n<p>S obzirom na brojne postoje\u0107e alate, lagano je pru\u017eiti nove pa \u010dak i fantasti\u010dne prikaze postoje\u0107ih lokacija u novom ruhu.<\/p>\n\n\n\n<p>Jedan od alata za kreiranje 3D scena je <strong><a href=\"https:\/\/skybox.blockadelabs.com\/\">Skybox Ai<\/a><\/strong> koji je izra\u0111en od tvrtke Blockade Labs.<\/p>\n\n\n\n<p>U ovaj alat mo\u017eete ukucati naziv scene, a potom skinuti JPG sliku koju mo\u017eete koristi za svoju pozadinu virtualne scene. <\/p>\n\n\n\n<p>U ovom primjeru smo zatra\u017eili od AI alata da nam kreira scenu Starog Mosta u Mostaru, a potom \u0107emo tu sliku iskoristiti za kreiranje 3D Scene. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"http:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1024x512.jpg\" alt=\"\" class=\"wp-image-29\" srcset=\"https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1024x512.jpg 1024w, https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-300x150.jpg 300w, https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-768x384.jpg 768w, https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1536x768.jpg 1536w, https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-2048x1024.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Ovo je primjer kako slika izgleda kada se tek skine pomo\u0107u AI alata.<\/p>\n\n\n\n<p>Potom mo\u017eemo ovu sliku postaviti kao pozadinu svoje 3D scene, koriste\u0107i Aframe radni okvir. <\/p>\n\n\n\n<p>U nastavku slijedi primjer koda, kojeg mo\u017eete zalijepiti u ure\u0111iva\u010d koda ispod.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt; &lt;html lang=\"en\"&gt; &lt;head&gt; &lt;meta charset=\"UTF-8\"&gt; &lt;title&gt;Moj prvi 3D svijet&lt;\/title&gt; &lt;script src=\"https:\/\/aframe.io\/releases\/1.2.0\/aframe.min.js\"&gt;&lt;\/script&gt; &lt;\/head&gt; &lt;body&gt;\n\n&lt;a-scene&gt; \n\n&lt;a-sky src=\"https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1024x512.jpg\"&gt;&lt;\/a-sky&gt;\n\n&lt;\/a-scene&gt;<\/code><\/pre>\n\n\n\n<p><br><\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/3dkodiranje.com\/Uredjivac\/\" width=\"100%\" height=\"300\" style=\"border:1px solid black;\">\n<\/iframe>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Kada zalijepite kod trebali bi dobiti rezultat sli\u010dan ovome:<\/p>\n\n\n\n<!-- partial:index.partial.html -->\n  <iframe style=\"width:100%; height:500px;\" id=\"preview-iframe\" srcdoc=\"Ure\u0111iva\u010d koda\"><\/iframe>\n  <div id=\"editor-container\">\n    <section id=\"html\" class=\"code-section\">\n<textarea style=\"width:100%;height:400px;\" class=\"code-textarea\">\n      \n<!DOCTYPE html> <html lang=\"en\">\n <head> <meta charset=\"UTF-8\"> \n<title>Moj prvi 3D svijet<\/title> \n<script src=\"https:\/\/aframe.io\/releases\/1.2.0\/aframe.min.js\"><\/script> <\/head> <body>\n\n<a-scene> \n\n<a-sky src=\"https:\/\/3dkodiranje.com\/wp-content\/uploads\/2023\/11\/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1024x512.jpg\"><\/a-sky>\n\n<\/a-scene>\n      <\/textarea>\n    <\/section>\n    <section id=\"css\" class=\"code-section\">\n      <textarea style=\"visibility: hidden;\" class=\"code-textarea\" placeholder=\"CSS\"><\/textarea>\n    <\/section>\n    <section id=\"js\" class=\"code-section\">\n      <textarea style=\"visibility: hidden;\" class=\"code-textarea\" placeholder=\"JS\"><\/textarea>\n    <\/section>\n  <\/div>\n  <!-- partial -->\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      var d = document;\n      var q = \"querySelector\";\n      var iframe = d[q](\"#preview-iframe\");\n      var area = document.querySelectorAll('.code-textarea');\n\n      function updateIframeSrcdoc() {\n        iframe.srcdoc = area[0].value + '<style>' +\n          area[1].value + '<\/style>' + '<script>' +\n          area[2].value + '<\\\/script>';\n      }\n\n      \/\/ Initialize iframe srcdoc on page load\n      updateIframeSrcdoc();\n\n      \/\/ Bind on each textarea change event\n      for (var i = area.length - 1; i >= 0; i--) {\n        area[i].addEventListener('input', updateIframeSrcdoc, false);\n      }\n    });\n  <\/script>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/3dkodiranje.com\/index.php\/2023\/11\/30\/84\/\">Idu\u0107a lekcija<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>U dana\u0161njem digitalnom dobu, tehnolo\u0161ki napredak omogu\u0107ava nam da pro\u0161irimo horizonte na\u010dina na koji do\u017eivljavamo svijet. Jedna od najinovativnijih tehnologija koja se isti\u010de u ovom podru\u010dju su 3D scene. Kroz njih, promocija turizma, kulturnih vrijednosti te drugih aspekata kreiranja sadr\u017eaja postaje vi\u0161e nego samo gledanje slika na ekranu &#8211; postaje interaktivno iskustvo koje osvaja srca [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/posts\/28"}],"collection":[{"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":29,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/posts\/28\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/3dkodiranje.com\/index.php\/wp-json\/wp\/v2\/tags?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}