3D konfigurator samochodowy
technologii :
- Trzy.js
Wejdź.js
Interfejs konfiguratora jest podobny do gry komputerowej - użytkownik ma model samochodu, który można obrócić i dostosować do własnego gustu. Jako punkt dostosowania wybieramy dwa podstawowe elementy: kolor kurzu i styl dysku. Wszystkie zmiany są wprowadzane w jednym kliknięciu i natychmiast wyświetlane na modelu.
Aby ocenić zmiany w różnych warunkach, zapewniamy użytkownikowi możliwość otwierania i zamknięcia drzwi samochodu, przesuwania światła zewnętrznego z dnia na noc oraz włączania/wyłączania światła.
Konfigurator umożliwia również przeglądanie salonu samochodu po przeniesieniu się do siedzenia kierowcy - po kliknięciu odpowiedniego punktu menu kamera płynnie porusza się wewnątrz modelu 3D, a użytkownikowi otwiera się możliwość przeglądania w formacie 360 °.
Do realizacji projektu wykorzystano zaledwie dwa narzędzia:
#Three.js - biblioteka JavaScript do pracy z grafiką 3D w przeglądarce.
#Vue.js - framework do tworzenia interfejsów użytkownika.
- Trzy.js
Wejdź.js
Interfejs konfiguratora jest podobny do gry komputerowej - użytkownik ma model samochodu, który można obrócić i dostosować do własnego gustu. Jako punkt dostosowania wybieramy dwa podstawowe elementy: kolor kurzu i styl dysku. Wszystkie zmiany są wprowadzane w jednym kliknięciu i natychmiast wyświetlane na modelu.
Aby ocenić zmiany w różnych warunkach, zapewniamy użytkownikowi możliwość otwierania i zamknięcia drzwi samochodu, przesuwania światła zewnętrznego z dnia na noc oraz włączania/wyłączania światła.
Konfigurator umożliwia również przeglądanie salonu samochodu po przeniesieniu się do siedzenia kierowcy - po kliknięciu odpowiedniego punktu menu kamera płynnie porusza się wewnątrz modelu 3D, a użytkownikowi otwiera się możliwość przeglądania w formacie 360 °.
Do realizacji projektu wykorzystano zaledwie dwa narzędzia:
#Three.js - biblioteka JavaScript do pracy z grafiką 3D w przeglądarce.
#Vue.js - framework do tworzenia interfejsów użytkownika.