LAPORAN

LANGKAH-LANGKAH OCCLUSION

Kelompok 8
Nama Anggota :
1. Muhammad Maulana Syahaddan (5200411458)
2. Hielmi Sulaeman (5200411469)
3. Alfia Candra Kusumapratiwi (5200411487)
4. Fathur Tias Dewantoro (5200411495)

S1 INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS TEKNOLOGI YOGYAKARTA
2021/2022
1. New Project
Buat projek baru dengan template 3D kemudian beri nama proyek dengan
“planeOcclusion” dan klik tombol Create project.

2. AR Foundation dan AR Core

Tambahkan package AR Core dan AR Foundation pada package manager. Untuk
menampilkan package manager klik Window → Package Manager kemudian ubah
package ke Unity Registry dan install kedua package.
3. AR Session dan AR Session Origin
Tambahkan AR Session dan AR Session Origin di dalam panel hierarchy dengan klik
kanan panel dan masuk ke pilihan XR → AR Session Origin.

Lakukan hal yang sama untuk AR Session.

 Sehingga AR Session dan AR Session Origin muncul di dalam panel Hierarchy.

4. Folder Baru
Untuk membuat folder baru klik kanan pilih create lalu pilih folder.
Otomatis folder yang telah dibuat akan muncul pada Assets.

Lakukanlah cara yang sama seperti tadi sehingga terbentuk folder-folder baru seperti
3DModels, Animations, Materials, Prefabs, Res, dan Shaders seperti pada gambar
dibawah ini.
5. Mengisi Folder
Tahap selanjutnya yaitu mengisi folder yang telah dibuat tadi caranya yaitu masuk ke
file manager cari file yang ingin ditambahkan, jika sudah klik file tersebut lalu ditarik
dan dimasukkan ke folder Shaders.

Lakukanlah cara yang sama seperti tadi, masuk ke file manager pilih file yang
bernama soccer_ball setelah itu tarik ke folder 3DModels.
belumnya
Masih sama cara yang se, pilih file button, PlanetPatternDot, dan
Soccer_ball_texture setelah itu tarik ke folder Res.

Pilih file yang bernama AR Feathered Plan Fade setelah itu tarik ke folder
Animations.
 Setelah itu pilih file yang bernama ARFeatheredPlaneMeshVisualizer dan
FadePlaneOnBoundaryChange lalu tarik ke folder Scripts.

6. Material Baru
Tahap selanjutnya yaitu membuat material baru, caranya klik kanan pada layar pilih
Create lalu pilih yang Material. Otomatis Material akan masuk ke dalam Assets.
Kemudian tambahkan material yang bernama PlanetMat pada folder Material.

Lalu tambahkan Occlusion Mat pada folder Material juga.

Klik pada Occlusion Mat, pada inspector shadernya yang awalnya standard diubah
menjadi AR.

Kemudian pilih tanda panah pilih yang Occlusion.

Setelah itu klik pada material yang bernama PlanetMat otomatis akan diarahkan ke
inspector, pada shadernya yang awalnya standard diubah menjadi Unit.

Lalu klik panah pada Unit dan pilih yang FeatheredPlaneShader.

 Maka tampilannya akan seperti dibawah ini.

7. Folder Res
Tahap selanjutnya masuk ke dalam folder Res
Kemudian PlanePattern yang ada pada folder Res ditarik ke inspector pada menu
texture seperti gambar dibawah ini.

Setelah itu pada Tiling X dan Y nya diubah menjadi 2.

Klik pada Texture Tint Color lalu pada A ubah menjadi 178 seperti gambar dibawah
ini.

Setelah itu klik pada Plane Color, pada A ubah menjadi 0/

8. Hapus Main Camera
Tahap selanjutnya yaitu menghapus Main Camera, caranya klik kanan Main Camera
pada sidebar kiri lalu pilih Delete.

9. AR Feather Plane Fade

Setelah main camera di hapus tahap selanjutnya membuat Feather Plane, Untuk
menambahkannya buat sebuah game objek Empty.
Setelah membuat game objek empty, merubah nama objek tersebut menjadi
“ARFeatherdPlaneFade”.

Selanjutnya, tambahkan Component “AR Plane”, “AR Plane Mesh Visualizer” dan
“Mesh Renderer” pada objek “ARFeatherdPlaneFade”.
Setelah menambahkan beberapa component pada langkah sebelumnya, Selanjutnya
Drag file “PlanetMat” yang ada pada folder Materials ke Element 0 component
Mesh Renderer pada Objek “ARFeatherdPlaneFade”.

Setelah melakukan langkah di atas, Selanjutnya tambahkan Component baru yaitu

“Animator”.
Setelah menambahkan component “Animator”, Selanjutnya drag file “AR Feathered
Plane Fade” yang ada pada folder Animations ke Controller yang ada pada
component Animator.

Selanjutnya, tambahkan lagi component baru yaitu “AR Feathered Plane Mesh
Visualizer”
Selanjutnya tambahkan lagi component “Fade Plane On Boundary Change”.

Selanjutnya tambahkan lagi component “Mesh Colider”.

Selanjutnya tambahkan lagi component “Mesh Filter”.

Setelah menambahkan beberapa component baru di atas, selanjutnya drag objek

ARFeatheredPlaneFade ke folder Prefabs.
 Sehingga hasilnya seperti di bawah ini.

Lalu hapus, objek ARFeatheredPlaneFade yang ada pada panel Hierarchy.

10. AR Session Origin

selanjutnya pada inspector AR Session Origin menambahkan Component “AR Place
Manager” dan “AR Raycast Manager”
berikut hasil menambahkan component “AR Place Manager” dan “AR Raycast
Manager”
11. Script
Pada Assets Script menambahkan file C# Script untuk meletakkan Script. dengan klik
kanan pada area kosong folder Assets>Script,console lalu pilih C#Script

Rename file Script dengan nama “PlaceObjectOnPlane”

Klik Open untuk menambahkan code pada file Script

berikut code untuk script PlaceObjectOnPlace

Lalu drag file Script “PlaceObjectOnPlane” ke inspector AR Session Origin
12. Soccer Ball
menambahkan 3DModels ke SampleScene. dengan cara drag 3DModels Soccer Ball
ke SampleScene

Pada Folder Assets Materials, klik kanan pilih Create→Material

Lalu rename material dengan nama “SoccerBallMaterial”
Drag teksture Soccer_ball_texture ke Albedo yang ada pada Inspector dibawah Main
Maps.

Drag File SoccerBall yang ada pada folder ke panel Scene.

Drag Objek soccer_ball ke dalam folder Prefabs yang ada pada folder Assets.

Setelah mendrag objek soccer_ball, selanjutnya hapus objek tersebut.

 Setelah itu drag objek 3D soccer_ball yang ada pada folder Prefabs ke Componen
Place Object On Plane (Script), seperti gambar di bawah.

13. Script Plane Setup Manager

kembali pada folder Assets > Scripts. membuat file baru untuk menaruh script. klik
kanan pilih Create→C#Script

lalu rename file script menjadi “SetupManager”

Lalu buka file Script “SetupManager” tambahkan code sebagai berikut
14. Plane Setup Manager
Menambahkan game object baru, dengan klik kanan pilih Create Empty

Lalu rename game object dengan “PlaneSetupManager”

Drag Script “PlaneSetupManager” ke inspector PlaneSetupManager

Drag game object “AR Session Origin” ke Plane Manager pada inspector
PlaneSetupManager

Pada Folder Assets>Materials, drag materials “OcclusionMat” dan “PlaneMat” ke

inspector PlaneSetupManager bagian OcclusionMat dan PlaneMat
Pada folder Assets>Prefabs, drag ARFeatherPlaneFade ke Plane Prefab pada
inspector PlaneSetupManager
15. Button
Tahap selanjutnya adalah menambahkan button dengan cara klik kanan pilih UI
kemudian pilih button.

Jika button sudah muncul seperti gambar dibawah ini klik, setelah itu pergi ke
inspector di sebelah kanan ubah Pos X nya menjadi -240 dan Pos Y nya menjadi -255.
Lalu masuk ke File pilih Build Setting.

Kemudian pilih Android dan pilih Switch Platform.

Kemudian pada inspector button ubah Pos X nya menjadi 0 dan Pos Y nya menjadi
-72. Dan ubah Width menjadi 600, Height menjadi 80.

Seperti gambar dibawah ini yang ditandai warna merah klik Button (1) lalu masuk ke
menu inspector, ubah Pos Y nya menjadi -220.
Setelah itu pada canvas, rename file Button dan Button (1) menjadi
SetOcclussionButton dan SetPlaneButton.

Lalu masuk ke assets pilih yang Res, kemudian pilih yang button. Jika sudah masuk
ke menu inspector, pada Texture Type yang awalnya Default ubah menjadi Sprite (2D
and UI)
Kemudian pilih Scene SetPlaneButton, setelah itu Button pada Res drag and drop ke
Source Image yang ada pada inspector seperti gambar dibawah ini.

Langkah selanjutnya klik scene SetOcclusionButton, kemudian drag and drop Button
pada Res ke dalam Source Image yang ada pada Inspector.
Kemudian pilih Text yang ada di dalam SetOcclusionButton, lalu masuk ke inspector
beri nama Set Occlusion dengan font size 30 seperti gambar dibawah ini.

Sama seperti langkah di atas, klik pada Text yang ada di dalam SetPlaneButton,
setelah itu masuk ke menu inspector beri nama menjadi Set Planes dengan ukuran 30.
Klik scene SetOcclusionButton maka otomatis akan diarahkan ke menu inspector, jika
sudah klik tanda + seperti gambar yang diberi tanda merah dibawah ini, kemudian
pilih add to the list.

Kemudian drag and drop PlaneSetupManager ke dalam inspector seperti gambar di

bawah ini.
Langkah selanjutnya ubah pada Runtime Only yang awalnya No Function menjadi
PlanetSetupManager, kemudian pilih yang SetOcclusionMaterian ().

Setelah itu klik pada scene SetPlaneButton maka otomatis akan diarahkan ke dalam
menu inspector, jika sudah klik tanda + seperti yang diberi tanda warna merah.
Kemudian Drag and Drop PlanetSetupManager ke dalam inspector seperti gambar di
bawah ini.

Setelah itu pada Runtime Only ubah yang awalnya No Function menjadi
PlanetSetupManager terus pilih yang SetPlaneMaterial ().
 Hasilnya akan seperti gambar di bawah ini.

16. Hasil Akhir