Visualisasi 3D Interaktif Kawasan Cibis Park
Jelajahi lanskap masterplan kawasan seluas 14.5 Hektar dalam format 3D WebGL real-time. Dilengkapi inspeksi sudut pandang (AXO3, Plaza Barat, Arrival, Padel Court), kontrol pencahayaan lingkungan, dan struktur file yang 100% siap dideploy ke Cloudflare Pages, Vercel, & Netlify.
Zonasi & Fasilitas Utama Kawasan Cibis Park
Pengembangan terintegrasi yang menggabungkan perkantoran hijau, ruang publik, dan fasilitas gaya hidup modern.
Commercial & Office Towers
Gedung perkantoran Grade-A dengan standar sertifikasi Green Building, kaca low-E insulasi ganda, dan podium ritel terpadu.
- Tinggi Maksimal: Hingga 130 meter
- Fitur: Double-skin facade, lift berkecepatan tinggi
Plaza Barat & Pedestrian Spine
Koridor pejalan kaki utama bertekstur granit anti-slip yang menghubungkan menara kantor dengan area kuliner dan danau retensi hijau.
- Akses: 100% Bebas Kendaraan Bermotor
- Lanskap: Pepohonan peneduh & kanopi arsitektural
Sports Club & Padel Courts
Fasilitas rekreasi aktif modern mencakup lapangan padel berstandar internasional, jalur jogging taman, dan area relaksasi luar ruang.
- Fasilitas: Lapangan Padel, Cafe Olahraga
- Penerangan: Lampu floodlight LED efisien energi
Logistics & Smart Drop-Off
Sirkulasi lalu lintas internal yang rapi dengan area drop-off C8, loker pintar cerdas, dan gerbang pemisah kendaraan servis.
- Gerbang: West Gate & East Gate Terpisah
- Parkir: Basement terintegrasi & shelter sepeda
Hasil Audit & Solusi Optimasi Model SketchUp
Mengapa model asli berukuran 663 MB dan bagaimana membuatnya super ringan untuk platform cloud.
Penyebab File Asli Berat (663 MB)
- 283 Definisi Karakter 3D (People): 175 di antaranya bahkan tidak terpasang di model (0 instances) tapi membebani ratusan MB data tekstur.
- Entourage Pohon 3D Berpoligon Ekstrem: Model vegetasi (seperti leaf21 dengan 6.121 instance daun) menyumbang jutaan polygon yang membuat WebGL lambat.
- Komponen Interior Detail: Elemen mikro seperti Door Knob dan kursi berpolycount tinggi tersimpan di skala masterplan kota.
- Stray CAD Geometry di -6.8 km: Garis dan titik konstruksi liar di koordinat ekstrem mengacaukan titik kamera dan bounding box.
Solusi Optimasi WebGL (< 25 MB)
-
Pembersihan Otomatis via Script Ruby:
Gunakan script
export_cibis_web_optimized.rbdi SketchUp untuk 1-klik purge unused data & hapus outlier liar. - Isolasi Layer High-Poly: Matikan sementara layer Trees 3D dan 00 People comp saat export Web, pertahankan massa arsitektur utama & billboard landscape.
- Format Kompresi GLB Modern: Gunakan Draco/Meshopt compression untuk menyusutkan ukuran hingga 85-90% tanpa mengurangi ketajaman fasad.
- Batas Aman Deploy Cloud: Memenuhi kuota Cloudflare Pages (maks 25 MB/file), Vercel, dan Netlify agar langsung live tanpa error.
Panduan Deploy Siap Pakai
Pilih platform favorit Anda. Seluruh file konfigurasi (netlify.toml, vercel.json, wrangler.toml) sudah disertakan!
Deploy kilat dalam 30 detik via Vercel CLI atau GitHub Repository.
npm install -g vercel
cd cibis-kawasan-showcase
vercel --prod
vercel.json siapBisa langsung Drag & Drop folder ini ke dashboard Netlify Drop, atau gunakan CLI.
npm install -g netlify-cli
cd cibis-kawasan-showcase
netlify deploy --prod --dir=.
netlify.toml siapKecepatan CDN global tercepat dan gratis tanpa batas bandwidth bulanan.
npx wrangler pages deploy . --project-name=cibis-kawasan-showcase
wrangler.toml siap