Nauči kodirati

☰ Otvori/Zatvori Uređivač koda
×

Kreiranje vlastitih virtualnih svjetova

U današnjem digitalnom dobu, tehnološki napredak omogućava nam da proširimo horizonte načina na koji doživljavamo svijet. Jedna od najinovativnijih tehnologija koja se ističe u ovom području su 3D scene.

Kroz njih, promocija turizma, kulturnih vrijednosti te drugih aspekata kreiranja sadržaja postaje više nego samo gledanje slika na ekranu – postaje interaktivno iskustvo koje osvaja srca i umove.

Tradiconalni turistički letci i online galerije fotografija sve više ustupaju prostor 3D scenama koje omogućavaju posjetiteljima da virtualno putuju kroz destinacije. Ovo ne samo da pruža realističan dojam mjesta, već također pomaže putnicima da bolje planiraju svoje putovanje.

3D scene nude jasne i detaljne poglede iz svakog kuta.

S obzirom na brojne postojeće alate, lagano je pružiti nove pa čak i fantastične prikaze postojećih lokacija u novom ruhu.

Jedan od alata za kreiranje 3D scena je Skybox Ai koji je izrađen od tvrtke Blockade Labs.

U ovaj alat možete ukucati naziv scene, a potom skinuti JPG sliku koju možete koristi za svoju pozadinu virtualne scene.

U ovom primjeru smo zatražili od AI alata da nam kreira scenu Starog Mosta u Mostaru, a potom ćemo tu sliku iskoristiti za kreiranje 3D Scene.

Ovo je primjer kako slika izgleda kada se tek skine pomoću AI alata.

Potom možemo ovu sliku postaviti kao pozadinu svoje 3D scene, koristeći Aframe radni okvir.

U nastavku slijedi primjer koda, kojeg možete zalijepiti u uređivač koda ispod.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Moj prvi 3D svijet</title> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> </head> <body>

<a-scene> 

<a-sky src="https://3dkodiranje.com/wp-content/uploads/2023/11/Realism_equirectangular-jpg_stari_most_u_Mostaru_1639036364_9544749-1024x512.jpg"></a-sky>

</a-scene>


Kada zalijepite kod trebali bi dobiti rezultat sličan ovome:


Leave a Reply

Your email address will not be published. Required fields are marked *