LUTVI ANGREANI

IBRAHIM ARYAN FARIDZI

 KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya
sehingga kami dapat menyelesaikan buku dengan judul “DASAR TEKNIS TEKNOLOGI
XR UNTUK METAVERSE” tepat waktu.

Adapun tujuan dari pembuatan buku ini adalah untuk memenuhi tugas dari Pak Gatot
selaku Direktur Seameo Secretariat. Selain itu buku ini dibuat dengan tujuan literatur untuk
menambah wawasan di bidang XR, khususnya untuk perkembangan Metaverse.

Dalam pembuatan buku ini tentunya kami mengalami beberapa hambatan. Namun
berkat bantuan dari berbagai pihak, kami dapat menyelesaikan buku ini dengan baik. Untuk
itu kami mengucapkan terima kasih kepada semua pihak yang telah berkontribusi dalam
proses pembuatan buku ini.

Kami menyadari bahwa penyusunan buku ini tentunya tak luput dari berbagi
kesalahan, maka dari itu kritik dan saran sangat kami harapkan dari pembaca sekalian.
Semoga buku ini bermanfaat bagi pembaca terutama dalam hal pengembangan metaverse
menggunakan teknologi XR. Demikian buku ini kami buat, kurang dan lebihnya kami mohon
maaf yang sebesar-besarnya.

Semarang, 7 Februari 2022

Tim Penyusun

Dasar Teknis Teknologi XR Untuk Metaverse ii

 DAFTAR ISI
KATA PENGANTAR ...............................................................................................................ii
DAFTAR ISI............................................................................................................................ iii
BAB 1 XR UNTUK METAVERSE .......................................................................................... 1
A. Pengenalan Teknologi XR .......................................................................................... 1
1. Augmented Reality .................................................................................................. 1
2. Virtual Reality ......................................................................................................... 1
3. Mixed Reality .......................................................................................................... 1
B. Metaverse .................................................................................................................... 2
C. Pemanfaatan Teknologi XR pada Metaverse dan Industri .......................................... 3
D. 7 Layer pada Metaverse .............................................................................................. 4
BAB 2 MENGENAL ASSETS DIGITAL 3D .......................................................................... 7
A. Konsep 3D ................................................................................................................... 7
B. Karakteristik Objek 3D ............................................................................................... 7
C. Software Pembuat Model 3D ...................................................................................... 8
1. Paint 3D ................................................................................................................... 8
2. Blender................................................................................................................... 10
3. Autodesk 3D Max .................................................................................................. 11
D. Membuat Avatar 3D menggunakan ReadyPlayerMe................................................ 12
BAB 3 PUBLIKASI ASSETS DAN UNIVERSE .................................................................. 15
A. Publikasi Assets 3D Via Sketchfab ........................................................................... 15
B. Mengenal Mozilla Hubs sebagai Platform Kolaborasi Virtual ................................. 19
1. Create and Join Room............................................................................................ 20
2. User Interface ........................................................................................................ 20
3. Menu ...................................................................................................................... 22
4. Kontrol Video ........................................................................................................ 24
5. Emoji Spawners ..................................................................................................... 25
6. Pengaturan Pengguna ............................................................................................ 25
7. Pengaturan Ruang .................................................................................................. 25
C. Memulai dengan Spoke ............................................................................................. 28
1. User Interface ........................................................................................................ 29
2. Kontrol Spoke ........................................................................................................ 32
3. Menambahkan Konten ........................................................................................... 33

Dasar Teknis Teknologi XR Untuk Metaverse iii

 4. Architecture Kit ..................................................................................................... 35
5. Pencahayaan dan Bayangan................................................................................... 36
6. Publikasikan Scene ................................................................................................ 37
HASIL PROYEK AVATAR DAN UNIVERSE ..................................................................... 39
A. Link Avatar Ibrahim Aryan Faridzi .......................................................................... 39
B. Link Avatar Lutvi Angreani ...................................................................................... 39
C. Link Room Universe ................................................................................................. 39
D. Dokumentasi Avatar dan Universe ........................................................................... 39
REFERENSI ............................................................................................................................ 41

Dasar Teknis Teknologi XR Untuk Metaverse iv

 BAB 1 XR UNTUK METAVERSE

A. Pengenalan Teknologi XR

Di era digital seperti sekarang peristiwa yang tidak mungkin terjadi dalam kehidupan
kita, sudah mulai bisa kita rasakan melalu teknologi XR (Extended Reality). Extended
Reality (XR) sendiri merujuk pada penggunaan teknologi menakjubkan yang memperluas
realitas dan menggabungkan dunia nyata dengan virtual. Dengan kata lain, XR berarti sebuah
istilah umum yang menggabungkan teknologi imersif Virtual Reality (VR), Augmented
Reality (AR), dan Mixed Reality (MR).

1. Augmented Reality

Dalam augmented reality, informasi dan objek virtual dihamparkan ke dunia nyata.
Pengalaman ini menyempurnakan dunia nyata dengan detail digital, seperti gambar, teks, dan
animasi. Anda dapat mengakses pengalaman dengan kacamata AR atau melalui layar, tablet,
dan smartphone. Ini berarti pengguna masih dapat berinteraksi dengan dunia nyata serta
melihat apa yang terjadi di depan pengguna. Contoh dari AR adalah game pokemon GO yang
menampilkan makhluk digital ke dunia nyata dan filter foto dari snapchat atau Instagram.
Jenis teknologi augmented reality terbagi menjadi 3 yaitu berbasis tanda atau marker, tanpa
penanda atau markerless, dan lokasi.

2. Virtual Reality
Berbeda dengan AR, Virtual Reality sepenuhnya membawa pengguna dalam lingkugan
digital yang disimulasikan. Untuk berinteraksi dengan lingkungan digital tersebut harus
memakai perangkat elektronik seperti headset VR pengontrol dan sarung tangan contohnya
Oculus Quest.

3. Mixed Reality
Dalam Mixed Reality atau realitas campuran, objek digital dan dunia nyata hidup
berdampingan dan dapat berinteraksi satu sama lain secara real-time. Ini adalah teknologi
imersif terbaru dan kadang-kadang disebut sebagai realitas hibrida. Ini membutuhkan headset
MR dan kekuatan pemrosesannya lebih kuat dari VR dan AR. Salah satu contohnya adalah
Microsoft Hololens yang memungkinkan menempatkan objek digital ke dalam dunia nyata
dan dapat berinteraksi dengan objek digital tersebut.

Dasar Teknis Teknologi XR Untuk Metaverse 1

B. Metaverse
Kata metaverse merupakan penggabungan dua kata dari awalan “meta” yang berarti di
luar dan “universe” atau alam semesta. Istilah ini biasanya digunakan untuk menggambarkan
konsep interaksi internet masa depan, yang terdiri dari ruang virtual 3D yang persisten dan
terbagi kemudian dihubungkan ke dunia virtual yang dirasakan. Metaverse adalah sebuah
konsep dunia virtual di mana seseorang dapat membuat dan menjelajah dengan pengguna
internet lainnya dalam bentuk avatar dirinya sendiri. Metaverse adalah "next generation"
dari internet yang menfasilitasi pengguna untuk saling terknoneksi, menyajikan interaksi dan
pengalaman immersive.

Ada beberapa elemen yang terdapat pada metaverse, diantaranya yaitu:

• Horizon, merupakan dunia virtual yang dapat dipilih atau dibuat sendiri seperti taman,
kantor, tempat bermain, pantai, pegunungan, luar angkasa atau tempat manapun yang
ingin dituju.
• Avatar, avatar merupakan representasi dari seseorang, pengguna dapat menciptakan
avatarnya sendiri sesuai keinginan seperti avatar manusia dengan gender laki-laki atau
perempuan lengkap dengan pakaian ataupun wujud lain misalkan robot, karakter,
dinosaurus, dan lain-lain.
• Alat hardware, contohnya seperti Oculus Quest
• Internet

Hal yang dapat dilakukan oleh metaverse, yaitu :

• Kegiatan virtual, pengguna dapat melakukan aktivitas yang sama di dunia nyata
seperti menonton film, menonton konser, kuliah, bekerja, dan lain-lain.
• Kumpul bersama, pengguna dapat bertemu dengan pengguna lain untuk meeting,
berpesta ataupun sekedar nongkrong bersama.
• Belanja, pengguna dapat berbelanja dan bertransaksi layaknya berbelanja langsung ke
toko atau mal, yang nantinya pembayaran akan menggunakan e-commerce.
• Masuk ke dalam game, pengguna dapat masuk ke dalam game layaknya seperti film
Ready Player One atau Film Free Guy.

Dasar Teknis Teknologi XR Untuk Metaverse 2

C. Pemanfaatan Teknologi XR pada Metaverse dan Industri
Seperti yang sudah dijelaskan, XR merupakan istilah umum yang menggabungkan
teknologi Virtual Reality (VR), Augmented Reality (AR) dan Mixed Reality (MR). XR
memiliki potensi untuk memungkinkan interaksi tanpa batas antara dunia nyata dan virtual
dengan pengalaman yang mendalam. Sehingga teknologi XR tentunya menunjang
keberadaan konsep metaverse untuk kedepannya.

Contoh pemanfaatan XR dalam industry dapat dilihat pada penjelasan di bawah ini:

1. Hiburan dan Permainan

Industri hiburan dan video game adalah pengguna utama dari XR. Pelacakan kamera
dan rendering real-time digabungkan untuk mendapatkan nuansa lingkungan yang
sebenarnya, sehingga meningkatkan kinerja mereka. XR juga memungkinkan lingkungan
studio multifungsi, sehingga mengurangi biaya set film yang rumit.
Video game ditingkatkan dengan kemampuan XR untuk menciptakan efek partisipasi
yang komprehensif. Hal ini memungkinkan pemain untuk menyelam ke dalam realitas
yang sama sekali berbeda. Acara hiburan lainnya seperti pemeran dan live musik juga
dapat ditingkatkan dengan kemampuan XR. Sebagai pengguna awal, industry hiburan
akan terus menemukan cara baru dalam memanfaatkan teknologi ini.
2. Pelatihan
Khususnya dalam situasi hidup dan mati, XR dapat menjadi alat pelatihan hiper-
realistis yang akan membantu tantara, pemadam kebakaran, mahasiswa kedokteran, ahli
bedah, professional perawatan kesehatan, pilot/astronot, ahli kimia, dan banyak lagi
untuk mendapatkan solusi dari setiap masalah atau mempelajari cara menanggapi bahaya
keadaan tanpa membahayakan nyawa mereka sendiri / orang lain.
XR memungkinkan karyawan untuk dilatih dan dididik di lingkungan virtual berisiko
rendah bahkan nyaris tanpa risiko. Selain minim risiko, pelatihan melalui XR ini juga
memakan biaya jauh lebih rendah, hanya perlu berinvestasi dalam pengembangan
simulasi pelatihan dan alat yang dibutuhkan, yang dapat digunakan sepuasnya tanpa
batas. Pengalaman yang mereka peroleh akan terbukti sangat berharga ketika mereka
menangani situasi di kehidupan nyata.
3. Kesehatan
XR meningkatkan perawatan kesehatan dengan merampingkan prosedur medis
sekaligus meningkatkan perawatan pasien. Memungkinkan ahli bedah untuk
memvisualisasikan kompleksitas organ dalam 3D, memungkinkan mereka untuk

Dasar Teknis Teknologi XR Untuk Metaverse 3

 merencanakan setiap langkah dari operasi yang rumit jauh sebelumnya. Intinya,
memastikan bahwa ahli bedah dapat melakukan operasi dengan cara yang lebih aman,
efektif, dan tepat. Mensimulasikan pengalaman virtual yang menunjukkan penyakit dan
gangguan tertentu juga dapat membantu dokter dan perawat menerima pelatihan empati.
4. Pemasaran
XR memungkinkan pemasar untuk memberikan pengalaman ‘coba sebelum Anda
membeli’ kepada konsumen mereka. Hal ini memungkinkan konsumen untuk dibawa ke
suatu tempat, membenamkan mereka ke dalamnya dan memotivasi mereka untuk
menjelajahinya.

D. 7 Layer pada Metaverse

1. Experience
Di layer experience, adalah apa yang sebenarnya kita lakukan, yakni bermain game,
media sosial, menyaksikan pertunjukan, belanja, berada di theater, dan lain lain.
Metaverse adalah dematerialisasi dari ruang fisik, jarak, dan objek. Ketika ruang fisik
didematerialisasi, kita akan mewujdkan berbagai bayangan yang kita impikan.
2. Discovery
Discovery adalah bagaimana orang belajar bahwa sebuah pengalaman itu ada.
Tentang dorongan dan tarikan yang memperkenalkan orang pada sebuah pengalaman
baru. Secara umum, sebagian besar sistem discovery dapat diklasifikasikan sebagai
inbound (orang tersebut secara aktif mencari informasi tentang suatu pengalaman) atau
outbound (pemasaran yang tidak secara khusus diminta oleh orang tersebut, bahkan jika
mereka ikut serta.

Dasar Teknis Teknologi XR Untuk Metaverse 4

3. Creator Economy
Creator economy adalah segala sesuatu yang membantu para kreator untuk membuat
dan memonetisasi berbagai hal untuk metaverse, seperti tool desain, sistem animasi, tool
grafis, teknologi monetisasi, dll. Dengan adanya kreator tersebut, experience di
metaverse akan semakin hidup, terasa lebih sosial, dan terus diperbarui.
4. Spatial Computing
Spatial computing mengacu pada software yang membawa objek ke dalam 3D, dan
memungkinkan kita untuk berinteraksi dengan mereka. Meliputi 3D engine, pengenalan
Gerakan, pemetaan spasial, dan AI untuk mendukungnya. Spatial computing membawa
konsep komputasi hybrid real-virtual yang menghilangkan hambatan antara dunia fisik
dan dunia ideal.
5. Decentralization
Yaitu segala hal yang menggerakkan lebih banyak ekosistem, ke struktur yang tidak
memerlukan izin, terdistribusi, dan lebih demokratis. Eksperimen dan pertumbuhan akan
meningkat secara dramatis ketika banyak opsi dimaksimalkan, serta sistem bisa
dioperasikan dan dibangun dalam pasar yang kompetitif, dimana creator berdaulat atas
data dan kreasi mereka sendiri.
Komputasi terdistribusi dan microservice, menyediakan ekosistem yang bisa
diskalakan bagi para pengembang, dalam memanfaatkan kemampuan online. Mulai dari
sistem e-commerce, sampai AI yang khusus, hingga berbagai sistem game, tanpa perlu
fokus pada membangun atau mengintegrasikan kemampuan back-end. Teknologi
blockchain membebaskan asset-aset keuangan, dari control dan penyimpanan terpusat,
juga dalam sistem keuangan yang terdesentralisasi (DeFi).
6. Human Resource
Mengacu pada perangkat keras yang membantu kita dalam mengakses metaverse.
Mulai dari ponsel hingga headset VR, sampai teknologi masa depan seperti haptic
canggih dan kacamata pintar. Perangkat komputer akan semakin dekat dengan tubuh kita
dan mengubah kita menjadi cyborg.
7. Infrastructure
Meliputi teknologi semikonduktor, ilmu material, komputasi awan, dan jaringan
telekomunikasi (5G, 6G, satelit orbit rendah), yang memungkinkan kita untuk
membangun layer yang lebih tinggi, seperti menghubungkan perangkat dengan jaringan,
dan mengirimkan konten. Infrastruktur akan mengaktifkan fungsionalitas yang
sebelumnya belum tersambung, menciptakan kinerja tinggi, dan miniaturisasi yang

Dasar Teknis Teknologi XR Untuk Metaverse 5

dibutuhkan oleh perangkat seluler, kacamata pintar, dan perangkat generasi berikutnya.
Metaverse akan membutuhkan perangkat keras yang semakin kuat dan lebih kecil,
seperti semikonduktor yang akan segera menuju ke proses 3nm.

Dasar Teknis Teknologi XR Untuk Metaverse 6

 BAB 2 MENGENAL ASSETS DIGITAL 3D
Animasi 3D merupakan penciptaan gambar bergerak dalam ruang digital 3 dimensi. Hal
ini dilakukan dengan membuat frame yang mensimulasikan masing-masing gambar,
difilmkan dengan kamera virtual, dan output-nya berupa video yang sudah di-rendering atau
Realtime, jika tujuannya untuk membuat game. Animasi 3D biasanya ditampilkan dengan
kecepatan lebih dari 24 frame per detik.

Konsep animasi 3D sendiri adalah sebuah model yang memiliki bentuk, volume, dan
ruang. Animasi 3D merupakan jantung dari game dan virtual reality, tetapi biasanya animasi
3D juga digunakan dalam presentasi grafis untuk menambahkan efek visual ataupun film.

A. Konsep 3D
Seperti yang sudah disebutkan di atas, objek 3D mempunyai bentuk, volume, dan ruang.
Sehingga objek ini memiliki koordinat X, Y, dan Z. Jika pada animasi 2D, objek hanya dapat
digerakkan ke dua arah, yaitu ke kanan – kiri (X) dan atas – bawah (Y), maka berbeda
dengan animasi 3D. Pada animasi 3D, objek dapat digerakkan ketiga arah, yaitu ke kanan –
kiri (X), atas – bawah (Y) dan depan – belakang (Z).

Pada umumnya objek 3D memiliki sub objek berupa elemen-elemen pembentuk objek
tersebut, yang berupa Vertex, Edge, dan Face. Vertex merupakan titik yang terletak pada
koordinat X, Y, Z. Penggabungan dua Vertexakan menjadi Edge. Tiga Vertex dan Edge yang
terbentuk dalam bidang permukaan berupa kurva tutup akan menghasilkan Face. Kumpulan
dari Vertex, Edge, dan Face akan menjadi sebuah objek utuh yang disebut dengan Mesh.

B. Karakteristik Objek 3D
Dalam ilmu komputer, objek 3 dimensi merupakan teknik grafik yang dipaparkan dalam
bentuk objek yang memiliki koordinat X, Y, dan Z. Jadi, setiap objek yang dihasilkan dari
aplikasi 3D mempunyai dimensi dengan koordinat X, Y, dan Z.

Objek 3D tersusun atas sekumpulan titik-titik yang memiliki koordinat pada sumbu X, Y
dan Z yang membentuk sebuah bidang (face) yang selanjutnya digabungkan menjadi satu
kesatuan. Ada beberapa elemen pembentuk objek 3D yang disebut dengan sub-objek.

Dasar Teknis Teknologi XR Untuk Metaverse 7

Berikut beberapa elemen pembentuk objek 3D, antara lain:

1. Vertex
Vertex adalaha elemen objek animasi 3D berupa sebuah titik yang terletak pada
koordinat X. Y, dan Z. Jika dua vertex digabung menjadi satu akan membentuk edge.
Vertex merupakan elemen objek 3D yang paling dasar. Untuk mengganti atau
memanipulasi posisi vertex dapat dilakukan dengan mengganti nilai kordinat X. Y, dan Z
pada vertex tersebut.
2. Edge
Edge adalah pertemuan setidaknya ada dua vertex.
3. Face
Face adalah gabungan dari 3 titik atau lebih yang tertutup membentuk luasan tertentu.
Ada juga yang mengatakan bahwa face adalah bidang permukaan berupa kurva tertutup
yang minimal terbentuk dari tiga vertex atau edge (memiliki 3 rusuk atau lebih).

C. Software Pembuat Model 3D

Mari berkenalan dengan software-software pembuat assets 3D yang nantinya akan kita
gunakan untuk membuat universe!

1. Paint 3D

Paint 3D adalah aplikasi baru yang disertakan dengan Pembaruan Pembuat Windows 10.
Anda dapat menggunakannya untuk bekerja dengan model 3D dan mengumpulkan scene 3D.
Pekerjaan Anda dapat dibagikan secara online atau bahkan dicetak pada printer 3D. Memang
tidak sebagus dengan software pengolah 3D seperti 3D Max, AutoDesk, Blender dan lain-

Dasar Teknis Teknologi XR Untuk Metaverse 8

lain. Paint 3D membantu membuat objek 3D sederhana namun hasilnya unik dan cukup keren
untuk pemula. Aplikasi Paint 3D dapat diunduh di bursa / Store milik microsoft yang
sejatinya sudah ada di Windows 10.

Berikut beberapa fitur dan kecanggihan yang dimiliki Paint 3D ;

• Tampilan dan menu yang simple

Paint 3D mempunyai user interface yang simpel dan mudah dipelajari bahkan untuk
anak-anak sekalipun. Tidak banyak menu yang ditawarkan di dalamnya membuat
pengguna tidak kebingungan menjalankan aplikasinya. Bahkan ada tutorial di layar
awal saat membuka aplikasi.
• Membuat objek 3D dengan mudah
Paint 3D mampu mengubah objek 2D menjadi objek 3D dengan langkah yang sangat
mudah. Serta di dalamnya terdapat beberapa template objek 3D sederhana yang cocok
untuk pembelajaran awal.
• Stiker
Stiker dalam aplikasi ini bukan hanya ditempelkan begitu saja namun dapat melekat
dengan objek 3D di bawahnya, jadi stiker terkesan menempel dengan nyata sesuai
kontur objek.
• Realistik Tekstur
Hampir sama dengan stiker, textur yang ada di aplikasi ini menambah objek yang
dibuat semakin terlihat hidup dan berasa 3dnya.
• Tulisan 3D
Terdapat pilihan membuat tulisan 3D sederhana , dihadirkan juga pilihan font , warna,
perataan dan gaya huruf (miring, tebal, garis bawah).
• Pilihan efek pencahayaan
Layaknya seperti software pembuat 3D besar, terdapat juga pilihan efek warna latar
belakang dan letak sorotan pencahayaan.
• Menu kanvas
Pada menu kanvas Anda bisa menghilangkan atau mengurangi transparansi kanvas
agar hasilnya semakin nyata tidak menempel pada suatu bidang.
• Remix 3D
Dengan remix 3d Anda bisa mendownload contoh model-model 3d yang sudah ada
atau bisa juga mengupload hasil kreasi 3d Anda disana.

Dasar Teknis Teknologi XR Untuk Metaverse 9

 • Support printer 2D maupun 3D
Dalam Paint 3D Anda bisa langsung mencetak objek karya yang telah dibuat ke
printer 2D maupun printer 3D. Sangat berguna jika Anda sudah mempunyai printer 3d
dan ingin mencetaknya ke dalam miniatur nyata.
• Pilihan simpan diberbagai jenis file
Tak hanya menyimannya ke dalam format paint 3d , kita juga bisa menyimpannya ke
dalam berbagai jenis image seperti .JPG , PNG, FBX dan lain-lain.

2. Blender

Blender merupakan sebuah perangkat lunak grafika 3D yang digunakan untuk membuat
film animasi, efek visual, model cetak 3D, aplikasi 3D interaktif, dan permainan video.
Umumnya Blender dikenal luas oleh masyarakat sebagai paket pembuatan 3D gratis dengan
sumber terbuka. Blender sangat cocok untuk individu atau studio kecil yang ingin
mendapatkan keuntungan dari pipeline terpadu dan proses pengembangan yang responsif.

Kelebihan Blender 3D

• Tidak membutuhkan ruang kapastias yang banyak

• Software Open Source, jadi dapat dijalankan di operating sistem Linux
• Tidak berat saat melakukan render
• Mudah untuk digunakan

Kelemahan Blender 3D

• Tool yang dimiliki tidak lengkap seperti 3D Max

• Tampilan cukup berantakan
• Semua proses dilakukan dengan manual

Dasar Teknis Teknologi XR Untuk Metaverse 10

3. Autodesk 3D Max

3D Studio Max atau biasa dikenal dengan 3D Max adalah suatu software (Perangkat
lunak) untuk membuat sebuah grafik vektor 3 dimensi dan animasi. ditulis oleh Autodesk
Media & Entertainment, dulunya dikenal sebagai Discreet and Kinetix. 3D Studio Max
dikembangkan dari pendahulunya yaitu 3D Studio for DOS, tetapi untuk platform Win32.

Kinetix kemudian bergabung dengan akuisisi terakhir Autodesk, Discreet Logic. Yang
sampai saat penulis membuat artikel ini yang terbaru adalah 3D Studio Max versi 9. Para
desain grafis banyak menggunakan software ini digunakan untuk membuat sebuah film
animasi, arsitektur rumah, ataupun membuat logo suatu perusahaan.

Untuk menjalankan aplikasi ini membutuhkan spesifikasi komputer yang cukup tinggi
agar mendapat kenyamanan saat menggunakannya. Karena banyak proses yang
membutuhkan grafik yang tinggi untuk melakukan rendering dan sebagainya.

Dasar Teknis Teknologi XR Untuk Metaverse 11

D. Membuat Avatar 3D menggunakan ReadyPlayerMe
Untuk memasuki dunia metaverse, selain terdapat unsur objek 3D, kita juga
membutuhkan sebuah avatar. Kali ini, kita akan mencoba membuat avatar melalui platform
ReadyPlayerMe.

Pertama, silakan klik tautan berikut https://readyplayer.me, lalu silakan sign in untuk
membuat akun. Masukkan alamat email anda untuk melanjutkan.

Setelah itu, klik “send activation code” maka nantinya anda akan mendapat pesan email yang
berisikan deretan kode unik untuk dimasukkan di platform ready player me.

Dasar Teknis Teknologi XR Untuk Metaverse 12

 Jika sudah berhasil login, maka akan muncul tampilan seperti gambar di atas. Anda dapat
memilih karakter avatar sesuai dengan gender anda. Selanjutnya, setelah memilih gender, anda akan
dihadapkan dengan laman untuk mengunggah foto selfie yang nantinya akan digunakan dalam
pembuatan avatar. Foto selfie ini bersifat opsional karena apabila anda tidak mengunggah fotopun,
Anda masih tetap bisa membuat avatar dengan memilih salah satu avatar yang telah disediakan yang
nantinya bisa Anda kostumisasi sendiri.

Pastikan, jika nantinya anda mengunggah foto selfie, usahakan agar foto yang diunggah netral
dan lebih baik jika setengah badan.

Dapat dilihat, laman sebelah kiri adalah laman awal untuk anda menentukan
mengunggah selfie atau tidak. Sedangkan gambar sebelah kanan adalah laman yang akan
terbuka apabila anda memilih melanjutkan tanpa mengunggah foto selfie. Avatar tersebut
bukanlah avatar mutlak, namun Anda masih bisa mendesain dan mengubah tampilannya
sesuai dengan selera Anda.

Gambar di atas adalah tampilan setelah anda selesai memilih avatar atau mengunggah foto
selfie. Disini anda bebas berkreasi sesuka hati mulai dari merubah warna kulit, bentuk wajah,
mata, hidung, mulut, mengubah style pakaian, sampai menambahkan aksesoris. Jika sudah
dirasa cukup, silakan klik ENTER HUB untuk menyelesaikan pembuatan avatar Anda.

Dasar Teknis Teknologi XR Untuk Metaverse 13

Jika sudah, walla! Avatar anda telah selesai dibuat. Anda masih dapat mengubah nama user
id ReadyPlayerMe dengan klik tombol pensil tepat disebelah nama.

Dasar Teknis Teknologi XR Untuk Metaverse 14

 BAB 3 PUBLIKASI ASSETS DAN UNIVERSE

Dibab sebelumnya, kita sudah membahas tentang apa itu metaverse, bagaimana
kegunaannya dalam kehidupan kita sehari-hari, bagaimana cara untuk membuat avatar dalam
metaverse sampai dengan software-software apa saja yang dapat kita gunakan untuk
membuat assets 3D yang akan digunakan dalam membuat universe kita nantinya. Nah, untuk
materi kali ini setelah kita sudah mempunyai assets 3D yang telah dibuat sebelumnya,
langkah selanjutnya ialah mempublikasikan assets yang kita punya agar dapat diakses oleh
publik dan dapat digunakan pula dalam universe kita nanti.

A. Publikasi Assets 3D Via Sketchfab

Sketchfab adalah platform yang berupaya memberdayakan cara baru berkreasi, yaitu
kreasi model 3 Dimensi (3D), yang memudahkan siapa saja untuk mengunggah dan
menggunakan konten model 3D untuk keperluan Web, AR, dan VR. Platform ini menjadi
salah satu penyedia konten model 3D yang terbesar dengan jumlah pengguna lebih dari 1 juta
yang telah memublikasikan jutaan model 3D. Terdapat 18 kategori konten yang tersedia
seperti Animals & Pets, Art & Abstract, Cultural History & Heritage dan lain sebagainya.
Berbeda dari situs seperti BlendSwap, Sketchfab dikhususkan sebagai 3D viewer yang dapat
digunakan pada hampir semua device yang support HTML5, dari mulai PC hingga mobile.

Ada banyak kelebihan menarik yang ada di Sketchfab ini, diantaranya yaitu :

• 3D viewer tanpa plugin

• Easy navigation untuk mouse dan touchscreen
• High poly and HD texture support
• Mendukung animasi
• Dapat mengunduh model (apabila owner memperbolehkan assetnya diunduh oleh
public)

Dasar Teknis Teknologi XR Untuk Metaverse 15

 • Mendukung berbagai macam format model 3D (blend, 3ds, FBX, OBJ, dll)

Setelah mengetahui kelebihan di Sketchfab, selanjutnya mari kita kupas tuntas

bagaimana cara menggunakan Sketchfab sebagai media untuk publikasi model 3D yang
sudah dibuat sebelumnya.

Untuk memulai, silakan dapat mengunjungi situs https://sketchfab.com/ kemudian jika

belum pernah membuat akun, silakan dapat membuat akun dengan cara klik Sign Up di layer
pojok kanan atas.

Selanjutnya, Anda dapat mengisi username, email, dan membuat password untuk akun
Anda. Anda juga dapat melakukan Sign In dengan menggunakan akun Google, Facebook,
atau Twitter. Jika sudah melengkapi data tersebut, Anda nantinya akan mendapat pesan email
yang berisikan 6 digit code untuk verifikasi email. Setelah memasukkan kode tersebut,
selamat, akun Anda berhasil dibuat.

Dasar Teknis Teknologi XR Untuk Metaverse 16

 Di atas adalah tampilan awal dari Sketchfab, anda dapat mengunggah assets 3D Anda di
menu upload yang terdapat di pojok kanan atas.

Jika Anda klik menu upload maka anda akan dihadapkan dengan tampilan seperti di
bawah ini.

Pada layer Upload a new model, anda dapat mengunggah model yang telah dibuat
dengan cara drag and drop atau juga dapat mencari file manual di file explorer laptop anda.
Setelah mengunggah file yang akan diupload, selanjutnya adalah melengkapi data pada assets
tersebut.

Note :
Aktifkan fitur Downloads agar
assets yang dipublish di
Sketchfab nantinya dapat
diunggah ke universe yang
akan kita buat setelah ini

Dasar Teknis Teknologi XR Untuk Metaverse 17

 Anda dapat melengkapi data seperti Title, deskripsi assets, kategori, menambahkan tags,
serta mengatur kebijakan assets 3D yang akan dipublish seperti contohnya apakah assets
anda nantinya dapat diunduh oleh publik atau dijadikan assets berbayar, anda dapat
melakukan semuanya sendiri. Jika dirasa semua pengaturannya sudah cukup lengkap, silakan
klik menu Save & publish untuk mengunggah hasil karya digital anda.

Gambar di atas adalah tampilan yang akan muncul saat karya anda selesai dipublish.
Anda dapat membagikan link yang tertera ditampilan anda untuk menyebarluaskan karya
karya anda. Di bawah ini adalah preview hasil unggahan yang sudah berhasil dipublish di
Sketchfab.

Dasar Teknis Teknologi XR Untuk Metaverse 18

B. Mengenal Mozilla Hubs sebagai Platform Kolaborasi Virtual

Setelah kita mempelajari bagaimana caranya mempublish karya 3D di Sketchfab, mari

kita berkenalan dengan platform kolaborasi virtual Mozilla Hubs. Mozilla Hubs dalah sebuah
platform kolaborasi virtual yang berjalan melalui browser, jadi tidak perlu menginstall
aplikasi terlebih dahulu.

Kita bisa membuat ruang virtual dalam bentuk 3D secara online dan mengundang teman
dengan mengirim alamat URL. Obrolan bisa dilakukan lewat mikrofon. Jika anda memiliki
VR headset, pengalamannya tentu lebih imersif. Tapi kalaupun tidak punya, juga tidak
masalah. Kita bisa mengontrol gerakan lewat tombol keyboard (WSAD+QE seperti di game)
dan dengan mouse atau sentuhan.

Hubs memiliki beberapa fitur yang menarik, loh. Mozilla membuat Hubs tidak hanya
untuk sekedar bertemu, tetapi juga berkreasi. Kita bisa memilih avatar (yang dilihat orang
lain) dan memilih jenis ruangan sesuai keinginan. Asiknya lagi, Anda bisa membuat avatar
atau desain ruang sendiri melalui Spoke (3D model editor) yang akan kita bahas nanti.

Ketika Anda berada di dalam ruangan virtual, Anda juga dapat mengirim berbagai hal.
Dapat memberi emoji (dengan shortcut tombol 1-9), mengirim foto atau video, animasi GIF,
atau obyek dari Google Poly (editor 3D).

Dasar Teknis Teknologi XR Untuk Metaverse 19

1. Create and Join Room

• Membuat Ruang Baru

Untuk membuat room Anda sendiri, buka https://hubs.mozilla.com/ dan klik "Create
Room". Room baru Anda bersifat pribadi; tidak ada orang lain yang dapat bergabung
sampai Anda mengundang mereka.
• Bergabung dengan Ruang yang Ada
Anda dapat bergabung dengan ruang Hubs yang ada menggunakan URL atau kode
numerik. Jika Anda memiliki URL, navigasikan ke URL di browser Anda. Jika Anda
memiliki kode numerik, kunjungi hubs.link untuk menggunakannya.
• Bergabung ke Room
Sebelum memasuki ruang Hubs, Anda akan berada di lobi. Anda dapat melihat dan
mendengar apa yang terjadi di dalam ruangan tetapi Anda hanya dapat berinteraksi
dengan yang lain menggunakan obrolan teks. Proses memasuki ruangan sedikit
berbeda tergantung pada perangkat Anda.

2. User Interface

• Invite : Membuka kotak dialog dengan informasi tentang berbagi ruangan dengan
teman. Tombol "Invite" membuka dialog dengan informasi yang Anda butuhkan
untuk berbagi ruang dengan orang lain, sehingga mereka dapat bergabung di room.
Anda dapat menyalin dan membagikan URL hubs.link atau menggunakan kode
numerik untuk membagikan tautan secara lisan. Perhatikan bahwa kode numerik
kedaluwarsa setelah 72 jam. Iframe Kode HTML (ditampilkan jika Anda memiliki
izin ruangan) memungkinkan Anda menyematkan ruangan di halaman web.
• Mute : Mengaktifkan/menonaktifkan mikrofon Anda.

Dasar Teknis Teknologi XR Untuk Metaverse 20

• Share : Memungkinkan Anda berbagi desktop, webcam, atau kamera ponsel dengan
anggota ruangan. Media yang dibagikan akan muncul seperti video di dalam ruangan.
• Place : Membuka alat pencarian untuk menemukan media yang dapat dibawa ke
dalam ruangan. Anda dapat memasukkan model 3d, scene, avatar, dan gif 3D, atau
memberikan URL dan file untuk gambar, video, model, atau scene. Ada juga objek
tambahan lain yang dapat dimasukkan ke dalam room, diantaranya yaitu kamera dan
pena.
• React : Membuka menu dimana Anda dapat memilih emoji untuk ditampilkan di
ruangan.
• Chat : Memungkinkan Anda berkomunikasi melalui obrolan teks, membuat objek,
atau memasukkan perintah. Perintah yang dapat Anda masukkan ialah
o /leave - Putuskan sambungan dari room.
o /grow - Tingkatkan ukuran avatar Anda.
o /shrink - Kurangi ukuran avatar Anda.
o /duck - Membuat objek bebek.
o /debug - Beralih rendering debug fisik.
o /vrstats - Beralih statistik di VR.
o /scene <scene url> - Mengubah latar (hanya moderator).
o /rename <nama baru> - Ganti nama ruangan (hanya moderator).
o /audiomode - Beralih spasial kiri-kanan, tetapi tetap atenuasi berbasis jarak
(eksperimental).
o /audioNormalization <factor> - Menyamakan level audio (eksperimental)
o /fly - Beralih mode terbang.
• Leave : Tinggalkan ruangan tempat Anda berada saat ini
• More : Membuka panel untuk menampilkan perintah tambahan yang tersedia. Dari
menu ini, Anda dapat memfavoritkan ruangan, mengubah preferensi pengguna,
mengakses bantuan, dan pengaturan lainnya. Jika Anda adalah pemilik ruangan, menu
ini juga akan menyertakan pengaturan yang terkait dengan izin ruangan dan latar saat
ini.
• Objects : Menampilkan daftar item media yang ada di dalam ruangan. Klik pada objek
dalam daftar untuk opsi lebih lanjut.

Dasar Teknis Teknologi XR Untuk Metaverse 21

 • People : Menampilkan informasi tentang orang-orang di ruangan dan lobi.
Menunjukkan jumlah anggota ruang, nama mereka, dan jenis perangkat mereka. Anda
juga dapat mengakses kontrol pengguna tingkat lanjut dari daftar ini.

3. Menu

a. Menu Object

• Pin : Membuat objek tetap berada di ruangan saat Anda pergi. Secara default, objek
menghilang saat pembuatnya keluar.
• Target : Membuka tampilan objek yang terfokus. Item menu ini ada untuk objek
media.
• Resize : Mengubah ukuran objek.
• Open Link : Membuka URL objek di tab browser baru.
• Trash : Menghapus objek dari latar tempat.
• Gravity : Membuat benda jatuh ke lantai.
• Clone : Membuat duplikat objek.
• Rotate : Memutar objek.
• Magnify : Menampilkan tampilan objek rendah dalam tampilan Anda. Item menu ini
(tidak ditampilkan) ada untuk objek media.
• Convert to drawing : Mengonversi objek kembali ke gambar. Item menu ini (tidak
ditampilkan) ada jika objek berasal dari gambar.

Dasar Teknis Teknologi XR Untuk Metaverse 22

b. Menu Avatar

• Volume: Mengubah volume audio pengguna. (Tidak mempengaruhi volume untuk

orang lain di dalam ruangan.)
• Hide : Menyembunyikan avatar dan audio pengguna dari Anda. Ini hanya berlaku
untuk sesi saat ini; setelah Anda meresfresh laman, Anda akan melihatnya lagi.
Anggota ruang lain masih dapat melihat dan mendengar pengguna.
• Mute : Mematikan mikrofon pengguna sehingga tidak lagi terdengar oleh siapa pun di
dalam ruangan. (Hanya moderator.)
• Kick : Mengeluarkan pengguna dari ruangan untuk sementara. (Hanya moderator.)
c. Menu Kamera

• Photo : Mengambil gambar lalu menambahkannya ke ruangan sebagai objek.

• Video : Merekam video lalu menambahkannya ke ruangan sebagai objek. Gunakan
panah untuk menyesuaikan panjang rekaman. Perhatikan bahwa rekaman video
disimpan sementara ke penyimpanan browser; rekaman yang sedang berlangsung
dapat hilang jika browser kehabisan ruang.
• Mute Video : Mengontrol apakah audio disertakan dalam video.
• Recenter : Mengorientasikan ulang kamera untuk menghadap Anda.

Dasar Teknis Teknologi XR Untuk Metaverse 23

 • Trash : Menghapus kamera dari tempat kejadian.
• Rotate : Memutar kamera.
• Object Focus : Mengorientasikan ulang kamera untuk menghadap objek atau
pengguna.
• Object Track : Membuat kamera berputar mengikuti objek atau pengguna.
d. Menu Menggambar

• Create : Membuat gambar menjadi objek 3D.

• Undo : Menghapus goresan terakhir.
• Trash : Menghapus gambar dari tempat kejadian.

4. Kontrol Video

• Screencapture : Mengambil tangkapan layar video, lalu menambahkannya ke ruangan

sebagai objek.
• Volume : Mengubah volume pemutaran audio untuk Anda. (Tidak mempengaruhi
volume untuk orang lain di dalam ruangan.)
• Play : Memutar/menjeda video.
• Time controls : Melompat maju/mundur dalam video.

Dasar Teknis Teknologi XR Untuk Metaverse 24

5. Emoji Spawners

Menu spawner emoji ditampilkan saat Anda menampilkan menu objek atau avatar. Menu
emoji memungkinkan Anda menelurkan emoji yang dapat diambil yang memancarkan
partikel saat diguncang. Emoji dihapus beberapa detik setelah Anda melepaskannya.

6. Pengaturan Pengguna

Pertama kali Anda memasuki ruang Hubs, Anda akan memilih nama dan avatar. Anda
dapat mengubahnya kapan saja dengan mengeklik menu 'People' di sudut kiri atas layar dan
memilih nama Anda sendiri dari daftar. Preferensi pengguna tingkat lanjut (misalnya, volume
media, kontrol gerakan, resolusi grafis, dll.), dapat ditemukan di bagian preferensi pengguna
pada menu drop down.

Akun Pengguna :

Anda tidak memerlukan akun untuk menggunakan Hubs, tetapi beberapa fitur hanya tersedia
jika Anda log in. Diantaranya yaitu:

• Mengunggah avatar khusus.

• Menyimpan avatar ke "Avatar Saya".
• Mengubah scene.
• Mengunggah fitur scene.
• Menyematkan objek di sebuah ruangan.
• Menggunakan alat moderasi ruangan.
• Menyimpan room ke favorit.

Untuk membuat akun, satu-satunya informasi yang dibutuhkan adalah alamat email.

7. Pengaturan Ruang

a. Ubah Latar Tempat

Ada banyak scene untuk dipilih di browser fitur scene Hubs ini. Anda juga dapat
mengunggah sendiri menggunakan editor scene Mozilla Hubs, Spoke . Jika Anda
seorang moderator ruangan, temukan browser scene dengan membuka menu drop
down dan pilih "Select Scene". Perhatikan bahwa hanya fitur scene yang telah diuji
kinerjanya di seluruh perangkat. Untuk mengubah nama ruangan, moderator ruangan

Dasar Teknis Teknologi XR Untuk Metaverse 25

 dapat memilih "Pengaturan Ruangan" dari menu tarik-turun dan memasukkan nama
baru.
b. Room Permission
Secara default, ruang diatur ke mode "shared link", dimana tautan ruang berisi kode
acak yang unik. Berbagi tautan ini akan memberi siapa pun akses ke ruang. Anda juga
dapat mengatur ruangan ke mode "Hanya undangan", yang memungkinkan Anda
membuat tautan dengan kode acak tambahan yang unik. Pengunjung kemudian harus
menggunakan tautan undangan ini untuk mengakses ruang, dan tautan undangan
dapat dicabut untuk menolak akses ke ruang dimasa mendatang. Saat tautan undangan
dicabut, tautan baru akan dibuat sebagai gantinya. Pengguna yang sudah berada di
ruang tidak akan dihapus darinya.

Catatan: Anda juga dapat beralih dari mode "Hanya undangan" kembali ke mode
"Tautan bersama". Karena mode "Tautan bersama" tidak terlalu membatasi, ini akan
memungkinkan pengguna dengan tautan undangan yang sebelumnya dicabut untuk
mengakses ruang. Jika Anda ingin mencegahnya, pertahankan ruangan dalam mode
"Hanya undangan".

Anda dapat menentukan apakah pengguna di dalam ruangan dapat membuat dan
memindahkan objek, membuat kamera, menyematkan konten, menggambar dengan
pena, membuat emojii, dan terbang. Secara default, semua fitur ini diaktifkan. Untuk
mengaktifkannya, pilih "Pengaturan ruang" dari menu drop down dan atur izin yang
Anda inginkan.
c. Kapasitas Ruang
Hubs memiliki kapasitas maksimum 25 orang di dalam room untuk memastikan
kinerja diseluruh perangkat. Namun, lebih banyak lagi yang bisa menonton dari lobi,
bahkan saat ruangan penuh. Pengguna di lobi dapat melihat dan mendengar apa yang
terjadi di dalam ruangan, dan dapat berinteraksi dengan orang lain melalui obrolan.
Jika ruangan penuh, sebaiknya aktifkan "Mode Kamera" untuk menyiarkan
pandangan moderator ke lobi.
d. Mode Kamera
Mode kamera menyiarkan pandangan moderator ke lobi. Ini memungkinkan
pengguna yang belum memasuki ruangan untuk melihat apa yang terjadi di ruang

Dasar Teknis Teknologi XR Untuk Metaverse 26

 virtual dari sudut pandang moderator. Untuk mengaktifkan "Mode Kamera" pilih dari
menu drop down.

Memasuki mode kamera juga menampilkan tombol untuk menyembunyikan

antarmuka pengguna. Ini dapat membantu saat melakukan perekaman layar suatu
acara. Tekan Esc untuk menampilkan antarmuka pengguna lagi.
e. Ruang Favorit
Tambahkan ruang ke daftar favorit Anda dengan membuka menu 'Lainnya' dan
mengeklik 'Ruang Favorit'. Menambahkan ruangan ke favorit Anda membuatnya
lebih mudah ditemukan lagi dengan menambahkannya ke layar Hub utama Anda.
Untuk menghapus ruangan dari favorit Anda, buka ruangan tersebut, buka menu
'Lainnya', dan klik 'Ruangan Tidak Favorit'.
f. Menutup room
Saat Anda meninggalkan ruang Hubs, ruang tersebut tetap dapat diakses melalui
URL-nya. Anda dapat memilih untuk menutup ruangan secara permanen dengan
memilih "Tutup Ruangan" dari menu drop down. Tautan dan kode untuk ruangan
tidak akan berfungsi lagi untuk siapa pun, termasuk pemilik ruangan.

Dasar Teknis Teknologi XR Untuk Metaverse 27

C. Memulai dengan Spoke
Spoke adalah editor scene 3D online yang dikembangkan oleh tim Mozilla Mixed
Reality. Dengan Spoke, Anda dapat membangun lingkungan menggunakan model 3D,
potongan kit arsitektur, lampu, gambar, video, dan banyak lagi. Setelah scene Anda siap,
Anda dapat mengunggahnya ke Hubs, atau mengekspornya sebagai model 3D glTF. Di
Spoke, Anda dapat membuat proyek baru dari Scratch, me-remix scene Hubs yang ada, atau
mengimpor proyek Spoke yang dikirimkan seseorang kepada Anda.

Untuk membuat proyek Spoke baru, buka hubs.mozilla.com/spoke dan klik 'Get Started'.

Jika ini pertama kalinya Anda memakai Spoke, Anda akan memiliki opsi untuk mengikuti
tutorial agar terbiasa dengan fitur-fiturnya. Jika Anda telah membuat scene di Spoke
sebelumnya dan masuk, Anda akan melihat proyek Anda sebelumnya tercantum di sini.

Dasar Teknis Teknologi XR Untuk Metaverse 28

Dari sini Anda dapat menyesuaikan scene Anda sepenuhnya sesuai dengan keinginan Anda!
Coba tambahkan konten ke scene Anda, atau bangun rumah dengan kit arsitektur .

Scene yang dipublikasikan ke Hubs dengan lisensi creative commons dapat di-remix. Anda
dapat mengimpornya ke Spoke dari Hubs sebagai berikut:

• Dari dalam ruang Hub menggunakan scene, buka menu drop down
• Pilih 'Room & scene info'
• Klik pada nama scene untuk membuka halaman arahannya
• Pilih 'Remix in Spoke'

1. User Interface

a. Toolbar

• Drop down menu : Di menu drop down, Anda akan menemukan opsi untuk
menyimpan, menyimpan sebagai, mengekspor file Anda, serta menemukan
bantuan tentang cara menggunakan Spoke.
• Transformation tools :
o Translate [T]: Mengungkapkan alat terjemahan, seret panah untuk
memindahkan objek di sepanjang sumbu X, Y, atau Z. Anda juga dapat
memindahkan objek menggunakan grab tool. Saat objek dipilih, tekan
G untuk mengambil seleksi, gerakkan mouse Anda dan klik untuk
menempatkan objek di tempat kejadian. Tekan Esc atau G lagi untuk
membatalkan operasi ambil saat ini.

Dasar Teknis Teknologi XR Untuk Metaverse 29

 o Rotate [R]: Sebagai alat rotasi, seret cincin alat untuk memutar objek
di sepanjang sumbu X, Y, atau Z.
o Scale [Y]: Menetapkan skala, seret kubus tengah alat untuk
menskalakan objek ke atas atau ke bawah.
• Publish to Hubs
Klik tombol ini untuk mempublikasikan proyek Anda dan Anda juga dapat
mengedit informasi scene Anda sebelum dipublikasikan ke Hubs.
• Hierarchy Panel

Objek yang Anda tambahkan ke scene muncul di panel hierarki. Klik dua kali
objek fokus di viewport. Anda dapat menyeret objek ke dalam panel hierarki
untuk mengurutkan ulang atau mengatur ulang objek tersebut. Anda juga dapat
menyeret item lepas dari panel aset dan file dari komputer Anda ke panel
hierarki untuk menambahkannya ke scene Anda.

Dasar Teknis Teknologi XR Untuk Metaverse 30

• Panel Properties

Properti objek tambahan dapat diatur di panel properti. Ini termasuk hal-hal
seperti bayangan, warna terang, dan banyak lagi. Objek ditambahkan ke Spoke
dan dapat dikustomisasi dengan mengubah propertinya. Jenis objek yang
berbeda memiliki properti berbeda yang tersedia untuknya (misalnya, cahaya
akan memiliki properti "intensitas", tetapi model 3D tidak). Sebagian besar
objek akan memiliki properti transformasi, yang mewakili posisi fisik dalam
ruang.
• Panel Assets

Anda dapat menemukan konten untuk ditambahkan ke scene Anda di panel

aset. Anda dapat mengklik aset untuk menambahkannya ke room. Aset juga
dapat diseret dari panel aset dan dijatuhkan ke viewport, panel hierarki, atau
panel properti. Di sisi kiri panel aset adalah daftar sumber:
o Elemen : adalah blok bangunan dasar di Spoke. Anda akan menemukan
lampu, media, titik spawn, dan setiap jenis objek lainnya di sini.
o My Assets : Unggah dan telusuri model, gambar, video, dan audio 3D
Anda sendiri.
o Architecture Kit: Berisi potongan-potongan yang dapat disatukan untuk
membangun berbagai macam struktur. Kit ini berisi lantai, dinding,
tangga, dan banyak lagi.

Dasar Teknis Teknologi XR Untuk Metaverse 31

 o Rock Kit : Rock Kit berisi kumpulan model batuan realistis yang dapat
digunakan untuk menambahkan detail ke medan, membangun
platform, atau apa pun yang Anda mungkin memerlukan batu.
o Sketchfab : Sketchfab adalah pasar online untuk model 3D. Ini berisi
berbagai macam model berkualitas tinggi untuk membantu Anda
mengisi scene Anda.
o Google Poly : Google Poly adalah sumber lain untuk model 3D.
Sebagian besar model berada dalam gaya poli rendah datar.
o Bing Images : Cari Bing untuk gambar dari seluruh web.
o Bing Videos: Cari Bing untuk video dari seluruh web.
o Twitch : Temukan streaming langsung game dan lainnya di Twitch.
o Tenor Gifs : Temukan gif animasi untuk ditambahkan ke scene Anda di
Tenor.

2. Kontrol Spoke
• Kontrol Spoke menggunakan mouse
Tindakan Tombol Catatan

Memutar scene Tombol kiri mouse Di panel viewport

Tombol Mouse Kanan +
Terbang Di panel viewport
tombol WASD
Zoom scene Scrollwheel Di panel viewport
Objek focus Klik 2x Di panel hierarki

• Kontrol Spoke menggunakan keyboard

Tindakan Tombol Catatan

Translate Tool T Hanya di panel Viewport

Rotate Tool R Hanya di panel Viewport

Y Hanya di panel Viewport
Scale Tool
F Hanya di panel Viewport
Focus Selection
Hanya di panel Viewport
Toggle Global/Local Z
Transform Space
Hanya di panel Viewport
Toggle Center/Selection X
Pivot
= Hanya di panel Viewport
Increase Grid Height
- Hanya di panel Viewport
Decrease Grid Height
Q Hanya di panel Viewport
Rotate Selected Object Left
E Hanya di panel Viewport
Rotate Selected Object Right

Dasar Teknis Teknologi XR Untuk Metaverse 32

 Saat menyeret objek di panel
Invert Snap Mode Ctrl/Cmd
Viewport
Di panel Viewport dan panel
Delete Delete, Backspace
Hierarchy
Di panel Viewport dan panel
Duplicate Ctrl/Cmd + D
Hierarchy
Di panel Viewport dan panel
Group Selected Ctrl/Cmd + G
Hierarchy
Di panel Viewport dan panel
Copy Selected Ctrl/Cmd + C
Hierarchy
Di panel Viewport dan panel
Paste Selected Ctrl/Cmd + V
Hierarchy
Di panel Viewport dan panel
Undo Ctrl/Cmd + Z
Hierarchy
Di panel Viewport dan panel
Redo Ctrl/Cmd + Shift + Z
Hierarchy
Di panel Viewport dan panel
Save Ctrl/Cmd + S
Hierarchy
Di panel Viewport dan panel
Invert Snap Mode Ctrl/Cmd
Hierarchy
Saat menggulir numeric
Scrub faster Shift
properti
Saat menggulir numeric
Scrub slower Alt/Option
properti

3. Menambahkan Konten
Setelah Anda membuat scene, Anda dapat mulai menyesuaikannya dengan
menambahkan konten. Spoke dan Hubs mendukung berbagai macam media. Perlu
diperhatikan bahwa untuk memublikasikan ke Huba, proyek Spoke memiliki batas ukuran
128MB.

a. Model 3D
Spoke memungkinkan Anda untuk mencari konten 3D dari Sketchfab. Anda dapat
menemukan koleksi di browser media aset. Jika Anda sudah memiliki model .glb atau
.glTF, Anda juga dapat mengunggahnya ke My assets.

Dasar Teknis Teknologi XR Untuk Metaverse 33

b. Spawner model 3D

Jika Anda ingin membuat ruangan yang memiliki objek 3D tertentu yang dapat dibuat
salinannya oleh orang-orang, Anda dapat membuat elemen 'Spawner'. Ini dapat
membantu untuk memudahkan pembuatan scene yang memungkinkan banyak orang
dengan cepat mendapatkan salinan mereka sendiri dari objek yang sama. Untuk
melakukan ini, Anda ingin menyalin URL model yang Anda inginkan, membuat
elemen 'Spawner' dari panel Aset > Elements tab, dan menempelkan URL ke kotak
properti.
c. Gambar
Gambar dapat ditambahkan ke Spoke dengan proyeksi 2D atau proyeksi 360 derajat
persegi panjang (format yang dapat digunakan sebagai skybox atau jenis latar
belakang scene lainnya). Anda dapat mengunggah gambar atau gif dari komputer
Anda sendiri atau menggunakan alat pencarian bawaan dari dalam Spoke untuk
menemukan media online.
d. Video
Anda dapat menautkan video online di Spoke untuk membuat pemutar permanen
untuk konten video. Spoke mencoba memutar semua jenis konten video streaming
atau streaming langsung secara otomatis. URL YouTube dan Twitch biasanya
berfungsi dengan baik untuk streaming jika Anda ingin memiliki tautan permanen ke
umpan yang sedang berlangsung di scene Anda. Seperti gambar, video dapat
diproyeksikan dalam 2D, atau proyeksi persegi panjang 360.

Perlu dicatat bahwa saat ini untuk video di Spoke dapat dikonfigurasi untuk diputar
dan diulang secara otomatis, tetapi saat ini Anda tidak dapat mengubah video yang
ditautkan setelah scene dipublikasikan ke Hubs. Jika Anda ingin menambahkan

Dasar Teknis Teknologi XR Untuk Metaverse 34

 sementara video yang dapat dihapus, Anda mungkin bisa mempertimbangkan untuk
menambahkannya ke Hubs dan menyematkannya ke ruangan Anda.
e. Audio
Anda dapat menambahkan tautan ke file .mp3 untuk menambahkan audio ke scene
Hubs. Saat ini, bagaimanapun, tidak ada kontrol pada klip audio yang ditambahkan
menggunakan Spoke. Direkomendasikan untuk mengunggah file audio ke Hub secara
langsung, sehingga Anda dapat mengakses kontrol volume jika ada orang yang
mengalami kesulitan mendengar dengan pemutaran audio secara bersamaan.
f. Tautan
Anda dapat menyertakan tautan di scene Anda untuk beralih ke ruang Hubs lain atau
ke tempat berbeda di web. Untuk membuat elemen tautan di Spoke, di bawah Elemen,
pilih elemen 'Link'. Saat elemen link Anda dipilih, tempel URL Anda ke panel
properti. Saat scene Anda dipublikasikan dan digunakan untuk membuat ruangan di
Hubs, URL akan diselesaikan ke jenis filenya dan ditampilkan sesuai dengan jenis
kontennya. Jika Anda menggunakan URL ke situs web umum, Hub akan mencoba
mengambil tangkapan layar dan menampilkan konten tempat elemen tautan
ditempatkan. Jika url tidak dapat diselesaikan, itu akan menampilkan gambar media
yang rusak sebagai gantinya.
g. Media frames
Anda dapat menggunakan elemen Media Frame untuk menentukan area yang Anda
inginkan untuk dijepret oleh objek media di dunia. Bingkai Media dapat menerima
media 2D dan model 3D.

4. Architecture Kit
Dengan Kit Arsitektur, pembuat kini memiliki cara tambahan untuk membuat konten
khusus untuk scene 3D mereka tanpa menggunakan alat eksternal. Kit Arsitektur dirancang
untuk memudahkan dalam mengambil komponen yang sudah ada yang telah dioptimalkan
untuk VR dan membuatnya mudah untuk mengonfigurasi bagian-bagian itu untuk membuat
model dan scene asli.

Kit ini berisi lebih dari 400 bagian berbeda yang dirancang untuk digunakan bersama
untuk membuat bangunan - koleksinya meliputi bagian dinding, lantai, langit-langit, dan atap,
serta jendela, trim, tangga, dan pintu.

Dasar Teknis Teknologi XR Untuk Metaverse 35

5. Pencahayaan dan Bayangan
a. Lampu
Pencahayaan dapat mengubah suasana sceneAnda. Pencahayaan dapat berasal dari
sumber berikut:
Lampu Memengaruhi

Ambient Light Menerangi semua objek dalam scene Anda

Menerangi scene Anda langsung dari atas

Hemisphere Light
kepala
Menerangi seluruh scene, tetapi
Directional Light
memancarkan sepanjang satu arah
Memancarkan sepanjang arah, menerangi
Spot Light
objek dalam kerucut

Point Light Memancarkan ke segala arah dari satu titik

b. Pengaturan bayangan
Di panel properti untuk berbagai lampu Anda akan menemukan pengaturan bayangan.
Pengaturan yang tersedia bervariasi tergantung pada jenis cahaya.
Pengaturan Memengaruhi
Aktifkan/nonaktifkan apakah lampu Anda
akan memancarkan bayangan. Catatan Anda
Cast shadows
juga dapat mengatur objek untuk menerima
bayangan
Resolusi shadowmap, jika Anda
mengecilkannya, resolusinya akan lebih
gumpal (atau terkadang terlihat lembut), jika
Shadowmap resolution
Anda menaikkannya akan meningkatkan
resolusi tetapi akan membuat scene Anda
lebih mahal untuk dijalankan
Offset per piksel bayangan Anda, Gunakan
untuk menyempurnakan posisi bayangan
Shadow Bias
Anda. Ini dapat digunakan untuk membantu
mengurangi munculnya bayangan jerawat

Shadow Radius Ukuran bayangan.

Dasar Teknis Teknologi XR Untuk Metaverse 36

6. Publikasikan Scene
Anda dapat memublikasikan scene baik secara langsung ke Hubs, atau mengekspornya
sebagai file .glb atau sebagai scene project Spoke.

a. Publikasikan di Hubs

Saat Anda memublikasikan ke Hubs, scene Anda akan memiliki URL unik. Di
halaman arahan ini ada pilihan 'Create a room with this scene' yang dapat Anda
gunakan untuk membuat ruang Hubs yang menggunakan scene sebagai basis, dan
tautan yang dapat digunakan orang lain untuk remix di Spoke.

Klik tombol 'Publish to hubs' di sudut kanan atas. Anda akan menerima prompt untuk
mengganti nama scene Anda. Anda harus masuk untuk menyimpan dan
mempublikasikan scene Anda. Yang perlu Anda lakukan hanyalah mengirim tautan
ke email Anda. Tambahkan atribusi, dan klik 'save and publish'

Jika Anda telah menambahkan model dari panel pencarian di Spoke, atribusi untuk
konten akan ditambahkan ke deskripsi scene secara otomatis, tetapi Anda dapat
menambahkan atribusi tambahan untuk konten yang Anda bawa dari sumber
eksternal.

Dasar Teknis Teknologi XR Untuk Metaverse 37

 Anda akan memiliki opsi untuk:
• Izinkan Remixing dengan Creative Commons CC-BY 3.0 - memungkinkan
pengguna untuk menggunakan scene Anda sebagai template dasar untuk mereka
sendiri
• Izinkan Mozilla untuk mempromosikan scene saya - ini memungkinkan
mozilla menambahkan scene ke database scene yang dapat diakses publik jika
memenuhi.
b. Ekspor sebagai file .glb
Mengekspor sebagai file .glb (biner glTF) akan mengekspor scene ke dalam satu file
.glb yang dapat digunakan di program lain yang mendukung pemuatan file glb. Harap
dicatat bahwa glb adalah biner yang dikompilasi, dan tidak dapat dibuka dalam format
teks yang dapat dibaca seperti file glTF.
c. Ekspor sebagai .spoke file
Mengekspor sebagai scene Spoke akan membuat file .spoke yang dapat diimpor ke
akun Spoke lain. Anda juga dapat berbagi scene dalam pembicaraan dengan
melabelinya sebagai 'remixable' dan membagikan tautan ke scene tersebut dengan
orang lain.

Dasar Teknis Teknologi XR Untuk Metaverse 38

 HASIL PROYEK AVATAR DAN UNIVERSE
A. Link Avatar Ibrahim Aryan Faridzi
• Half Body : https://d1a370nemizbjq.cloudfront.net/483e46b5-c33c-47df-af3b-
856ed6caf1e8.glb
• Full Body : https://readyplayer.me/gallery/fiCKapyT8

B. Link Avatar Lutvi Angreani

• Half Body : https://d1a370nemizbjq.cloudfront.net/9e0058a3-d55e-4371-be7b-
bf49462d80b1.glb
• Full Body : https://readyplayer.me/gallery/at0dWlQZ2
C. Link Room Universe

https://hub.link/rQK4M96

D. Dokumentasi Avatar dan Universe

Avatar 3 Half Body Lutvi Avatar 4 Half Body Ibrahim

Avatar 1 Full Body Lutvi Avatar 2 Full Body Ibrahim

Dasar Teknis Teknologi XR Untuk Metaverse 39

Dokumentasi Room

Dokumentasi Room

Dasar Teknis Teknologi XR Untuk Metaverse 40

 REFERENSI
Ready Player Me : https://readyplayer.me/vrchat
Ready Player Me : https://readyplayer.me/
Sketchfab : https://sketchfab.com
Mozilla Hubs : https://hubs.mozilla.com/
Mozilla Spoke : https://hubs.mozilla.com/spoke
Dokumentasi Hubs : https://hubs.mozilla.com/docs/welcome.html

Link YouTube relevan :

• Intro to metaverse [https://youtu.be/SAKBEd076Q4]

• AR, VR, dan MR [https://youtu.be/XLP4YTpUpBI]
• Tutorial Paint 3D [https://youtu.be/U3aZigT14vk]
• Create avatar dengan ready player me [https://youtu.be/6c1m8va0_Fg]
• Intro to Sketchfab [https://youtu.be/0Hbkg4c1REw]
• Setting up akun sketchfab store [https://youtu.be/enZGXfubWw4]
• Intro to Mozilla Hubs [https://youtu.be/tkFqPcIvuUc]
• Learn Spoke in 5 minutes [https://youtu.be/WmQKZJPhV7s]
• Import assets di Spoke [https://youtu.be/WoKuRH7-JhE]

Dasar Teknis Teknologi XR Untuk Metaverse 41