Projekty

WebGL / 3D

vroomly

Wirtualny garaż 3D w przeglądarce. Ustaw swoją kolekcję aut, chodź wokół w pierwszej osobie, przełączaj pory dnia i wgrywaj własne modele GLB.

O projekcie

W pełni interaktywna scena 3D zbudowana na React Three Fiber. Garaż renderuje kolekcję pojazdów z realistycznym oświetleniem i cieniami. Trzy tryby kamery: fixed garage, orbit (auto-rotacja lub drag), first-person (WASD + myszka, na mobile wirtualny joystick). Cztery presety sceny: Day, Night (neon), Rain, Studio. Osobna warstwa pogodowa (deszcz, śnieg, mgła, burza). Każdy pojazd można przesuwać, obracać, zmieniać kolor i nazwę. Wgrywanie własnych modeli GLB do 150 MB - zapis w IndexedDB. Pełny stan garażu utrwalony w localStorage z live save-indicatorem. Auto-skala jakości do wydajności urządzenia (mobile/low/medium/high).

Najważniejsze elementy

  1. 01

    Trzy tryby kamery: garage, orbit, first-person (WASD + touch)

  2. 02

    Cztery presety oświetlenia + osobna warstwa pogody

  3. 03

    Customizacja pojazdów (pozycja, rotacja, kolor, nazwa)

  4. 04

    Upload własnych modeli .glb przez IndexedDB

  5. 05

    Adaptacyjna jakość renderowania (GPU, RAM, CPU)

  6. 06

    Persystencja stanu w localStorage + auto-zapis