Semenjak pandemi , virtual tour 360 baik video maupun image, sangat digemari. Banyak tersedia software yang sangat mudah pemakaiannya. Namun kekurangan dari software tersebut umumnya tidak bisa mengakomodasi setiap kebutuhan.
Unity 3D, adalah game engine software, jadi dengan menggunakan unity, Anda akan memiliki kebebasan, namun kekurangannya Anda perlu Melakukan sedikit programming.
Sebelum memulai tutorial ini, Jika Anda belum memiliki image 360, bisa download di https://pixexid.com/
Secara garis besar, langkah membuat 360 Tour adalah
- Import image 360 yang akan digunakan, lalu ubah property texture shape dan mapping.
- Buat material, ubah shader menjadi Skybox/Cubemap, lalu pilih image 360 diatas sebagai cubemap.
- Buat Sphere, gunakan material diatas.
- Pindahkan Camera ke posisi pusat dari sphere (didalam sphere). Ubah property camera Clear Flags menjadi Solid color.
- Tambahkan script agar user dapat memutar Camera.
Berikut cara menampilkan Image 360 pada Unity sphere.
Buka Unity Hub, Buat project baru 3D. Silakan beri nama project dan pilih direktori.
Import Image360, caranya dengan click-drag image dari explorer ke panel asset pada Unity3D.
Kemudian pilih image yang baru diimport, atur property melalui panel inspector seperti berikut.
- Texture Shape: Cube
- Mapping: Latitude – Longitude Layout
Kemudian click tombol Apply. Lihat gambar berikut.
Kemudian kita buat material, click kanan pada Panel Assets, pilih menu Create – Material. (lihat gambar dibawah).
Beri nama material. Lalu Ubah property :
- Shader: Skybox/Cubemap.
- Masukan cubemap dengan click-drag image yang telah diimport.
Pada Panel Hierarchy, click kanan, kemudian pilih menu 3D Object – Sphere. (Lihat gambar dibawah).
Kemudian ubah property Sphere
- Transform – Scale: menjadi 10 kali lebih besar.
- Materiasl: gunakan material yang telah kita buat pada langkah diatas. (dapat dengan cara click-drag, atau denga mengclick tanda +).
Kemudian, selanjutnya atur property main camera (lihat gambar dibawah).
- Transform – Position: diisi dengan nilai 0, 0, 0.
- Camera – Clear Flags: Solid Color
Sampai disini kita sudah membuat sphere yang akan dilihat dari dalam (posisi camera ada didalam sphere). Dimana sphere sudah menggunakan material berupa gambar 360.
Jika Anda lihat pada panel Games, gambar 360 sudah ditampilkan.
Berikutnya kita buat script untuk menggerakan Camera Main, jadi kita bisa berputar melihat gambar 360.
Click Kanan pada panel assets, pilih menu Create – C# Script. Beri nama sesuai kebutuhan Anda, pada tutorial digunakan CameraMove.
Tambahkan code berikut:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class CameraMove : MonoBehaviour
{
private float rotateSpeed = 500.0f;
private float zoomSpeed = 600.0f;
private float zoomAmount = 0.0f;
// Start is called before the first frame update
void Start()
{
}
// Update is called once per frame
void Update()
{
if (Input.GetMouseButton(0))
{
transform.localEulerAngles = new Vector3(transform.localEulerAngles.x + Input.GetAxis("Mouse Y") * Time.deltaTime * rotateSpeed, transform.localEulerAngles.y + Input.GetAxis("Mouse X") * Time.deltaTime * rotateSpeed, 0);
}
if (Input.GetMouseButton(1) || Input.GetMouseButton(2))
{
zoomAmount = Mathf.Clamp(zoomAmount + Input.GetAxis("Mouse Y") * Time.deltaTime * zoomSpeed, -5.0f, 5.0f);
Camera.main.transform.localPosition = new Vector3(0, 0, zoomAmount);
}
}
}
Gunakan script pada Main Camera, dengan click-drag script ke Main Camera.
Jika di-play, dengan click kiri mouse dan drag kearah yang kita inginkan, kamera akan berputar. Dan hasilnya kita bisa melihat gambar di sisi yang lain.
