Ana içeriğe geç
SYS:ONLINEMODE:PORTFOLIOLOCAL:--:--:--
Açık Kaynak Deneyler

Açık Repo

Bir otomobili stüdyo ortamında incelerken renk, jant, parça, ışık ve kamera ayarlarını gerçek zamanlı değiştirebildiğin 3D konfigüratör.

Tür
3D araç konfigüratörü
Yıl
2026
Rolüm
Konsept, ürün tasarımı, arayüz geliştirme ve 3D entegrasyonu
Lisans
MIT kod lisansı · CC BY varlık lisansı

Proje hakkında

FormDrive, otomobil modellerini tarayıcı içinde gerçek zamanlı olarak özelleştirmeye yarayan bir 3D stüdyo. Farklı araçlar arasında geçiş yapabilir; boya, jant ve gövde parçalarını değiştirebilir; ışık ve kamera ayarlarıyla sahnenin görünümünü yeniden kurabilirsin.

Çıkış noktası

Bu projeye, Three.js ile oluşturulan bir sahnenin klasik bir ürün arayüzüyle ne kadar akıcı biçimde birlikte çalışabileceğini görmek için başladım. Özellikle 3D etkileşimler ile arayüz durumunu birbirinden ayırmaya odaklandım.

Öne çıkanlar

  1. 01Üç farklı araç modeli arasında kesintisiz geçiş
  2. 02Boya, jant, gövde parçası, ışık ve kamera için gerçek zamanlı kontroller
  3. 03Destekleyen cihazlarda WebGPU, diğerlerinde WebGL ile çalışan render altyapısı
  4. 04Arayüz durumunu 3D sahne mantığından ayıran bileşen yapısı