Core Engine 3D
Fondasi render untuk karya 3D yang bisa ditelusuri. Satu konteks WebGL, satu loop render, arsitektur scene yang rapi sejak awal.
Cakupan
- Render pipeline berbasis Three.js dan React Three Fiber
- Sistem kamera orbit, first-person, dan transisi antar titik pandang
- Manajemen state terpusat untuk scene, kamera, dan progres pengguna
- Arsitektur multi-scene dengan bongkar-muat aset terkendali
- Mode eksplorasi bebas dengan batas gerak dan tabrakan dasar
Spesifikasi teknis
- Target FPS
- 60 fps pada desktop dan ponsel kelas menengah. Tidak turun di bawah 30 fps pada Android RAM 2 GB.
- Anggaran gambar
- Maksimum 120 draw call per frame dan 150 ribu segitiga terlihat per scene. Material digabung lewat texture atlas dan instanced mesh.
- Ukuran bundle
- Muatan awal HTML, CSS, dan JavaScript kritis di bawah 300 KB terkompresi Brotli. Runtime 3D dipecah dan dimuat setelah interaksi pertama.
- Strategi caching
- Berkas beraset hash memakai Cache-Control satu tahun. HTML memakai network-first. Model dan tekstur memakai cache-first dengan nomor versi eksplisit.
- Memori
- Geometry, material, dan texture dibuang saat pindah scene. Target heap stabil di bawah 220 MB pada sesi panjang.
- Perangkat uji
- Android RAM 2 GB kelas entri, Android RAM 4 GB, iPhone generasi lama, laptop dengan grafis terintegrasi.