Karya sebagai ruang yang bisa dikunjungi.
Portofolio memuat pengembangan web, Android, dan desain. Studio memakai sebuah gedung sebagai cara mengenalkan bidang-bidang tersebut melalui ruangan, sehingga eksplorasi terasa lebih personal.
Tantangannya adalah menjaga informasi proyek tetap mudah ditemukan. Karena itu, pengalaman 3D dilengkapi navigasi ruangan, daftar karya, dan detail berbasis HTML.
Kontribusi saya.
- Merancang hubungan antara ruangan, kelompok karya, dan alur perjalanan pengunjung.
- Menyusun gedung, furnitur, lift, karakter, serta pencahayaan melalui scene berbasis kode.
- Menghubungkan scroll dan navigasi dengan posisi kamera, karakter, serta ruangan aktif.
- Menyediakan interaksi monitor, dialog proyek, kontrol keyboard, dan penyesuaian HP.
- Menambahkan mode ringan dan jalur konten HTML sebagai pendamping WebGL.
Three.js menjadi fondasi rendering. Monitor memakai screenshot proyek; alur SportPlace merupakan simulasi dengan data contoh.
Ekspresif saat dijelajahi, jelas saat dibaca.
- Ruangan menyusun cerita
- Lobi memperkenalkan pemilik, sementara TStore, Web, Android, dan Galeri memisahkan konteks karya. Rooftop mengakhiri tur dengan kontak.
- HTML tetap memegang informasi utama
- Daftar proyek dan dialog tidak bergantung pada ketepatan klik objek 3D. Navigasi dan detail bisa dijangkau dengan keyboard.
- Kontrol disesuaikan dengan ruang layar
- Desktop menyediakan lift bernama dengan target tombol yang lebih besar. HP memakai dropdown ruangan dan panel kontrol yang tertutup secara awal.
- Mode ringan sebagai jalur alternatif
- Ilustrasi statis menggantikan animasi ketika pengguna memilih mode ringan atau grafis tidak tersedia. Pengaturan reduced motion juga mengaktifkan jalur ini.
Visual dan navigasi berbagi konteks.
- Pilih ruanganPengunjung memakai menu, dropdown, lift, atau scroll.
- Orientasi ruangKamera dan karakter mengikuti perpindahan antarruangan.
- Kenali karyaNama dan cuplikan antarmuka memperjelas isi monitor.
- Buka detailObjek 3D dan tautan HTML menuju informasi proyek yang sama.
Identitas visual dengan akses pendamping.
Tur, pilihan ruangan, dialog, mode malam, dan mode ringan telah diperiksa di browser desktop, HP, serta landscape. Label posisi mengikuti ruangan aktif dan monitor DeckSmith membuka detail proyek yang sesuai.
Reduced motion dan kegagalan WebGL telah disimulasikan untuk memeriksa perpindahan ke mode ringan. Screenshot yang gagal dimuat dapat digantikan cuplikan yang tersedia, dengan penanda kondisi terbatas.
Batas pemeriksaan: hasil tersebut bukan audit aksesibilitas menyeluruh atau bukti FPS pada HP fisik. Konten dan interaksi tetap perlu dievaluasi pada perangkat nyata.