Alfa Romeo Demo

Alfa Romeo DemoAlfa Romeo Demo

Interaktywne doświadczenie 3D w przeglądarce zbudowane w oparciu o Three.js i React Three Fiber, rozszerzające klasyczny viewer modelu samochodu o pełnoprawny system jazdy (free roam), autorską fizykę oraz zaawansowane oświetlenie.Interaktywne doświadczenie 3D w przeglądarce zbudowane w oparciu o Three.js i React Three Fiber, rozszerzające klasyczny viewer modelu samochodu o pełnoprawny system jazdy (free roam), autorską fizykę oraz zaawansowane oświetlenie.

Fizyka
Fizyka

Kluczowym elementem projektu jest własny model fizyki pojazdu, oparty na takich koncepcjach jak slip angle, traction circle oraz dynamiczne przeniesienie masy. System rozdziela prędkość wzdłużną, boczną i rotację (yaw), co pozwala na realistyczne zachowanie auta, w tym kontrolowane poślizgi i drift. Dodatkowo wprowadzono mechanizmy dostosowujące sterowanie do klawiatury (progresywny skręt, ograniczenie przyspieszenia obrotowego, wspomaganie rotacji przy hamowaniu).Kluczowym elementem projektu jest własny model fizyki pojazdu, oparty na takich koncepcjach jak slip angle, traction circle oraz dynamiczne przeniesienie masy. System rozdziela prędkość wzdłużną, boczną i rotację (yaw), co pozwala na realistyczne zachowanie auta, w tym kontrolowane poślizgi i drift. Dodatkowo wprowadzono mechanizmy dostosowujące sterowanie do klawiatury (progresywny skręt, ograniczenie przyspieszenia obrotowego, wspomaganie rotacji przy hamowaniu).

OświetlenieOświetlenie

System oświetlenia wykorzystuje warstwowe podejście: emissive meshes współpracujące z bloom dla efektu wizualnego oraz rzeczywiste źródła światła (spot/point lights) do oświetlania sceny. Uzupełnieniem są dodatkowe światła rozproszone (spill), co pozwala uzyskać realistyczny efekt mimo ograniczeń modelu 3D.
Własne shadery do auta, lamp oraz oświetlenie sceny zapewnia pełne doświadczenie wizualne. System oświetlenia wykorzystuje warstwowe podejście: emissive meshes współpracujące z bloom dla efektu wizualnego oraz rzeczywiste źródła światła (spot/point lights) do oświetlania sceny. Uzupełnieniem są dodatkowe światła rozproszone (spill), co pozwala uzyskać realistyczny efekt mimo ograniczeń modelu 3D.
Własne shadery do auta, lamp oraz oświetlenie sceny zapewnia pełne doświadczenie wizualne.

InneInne

Projekt zawiera również dynamiczną kamerę, animację kół, obsługę terenu (raycasting), kolizje oraz system dźwięku oparty na rzeczywistych próbkach silnika.Projekt zawiera również dynamiczną kamerę, animację kół, obsługę terenu (raycasting), kolizje oraz system dźwięku oparty na rzeczywistych próbkach silnika.