Autorski cyfrowy świat motorsportu oparty o interaktywne modele 3D. RACECRAFT łączy archiwum legend wyścigowych, cinematic showroom, tryb jazdy, sekcję SPECIALS oraz własny system zarządzania modelami. Całość zaprojektowałem jako lekką aplikację działającą bez WordPressa i klasycznego CMS-a.
> loading case: RACECRAFT
> stack: Three.js, WebGL, JavaScript, PHP, JSON, Web Audio API
> status: LIVE
Autorski cyfrowy świat motorsportu oparty o interaktywne modele 3D. RACECRAFT łączy archiwum legend wyścigowych, cinematic showroom, tryb jazdy, sekcję SPECIALS oraz własny system zarządzania modelami.
Całość zaprojektowałem jako lekką aplikację działającą bez WordPressa i klasycznego CMS-a.
RACECRAFT zaczął się od prostego pytania: czy da się stworzyć w przeglądarce prezentację samochodu 3D, która nie będzie wyglądała jak techniczny viewer, lecz jak pełnoprawne doświadczenie wizualne.
Klasyczne galerie, zdjęcia i standardowe konfiguratory nie dawały efektu obecności obiektu ani poczucia skali, światła i ruchu. Dodatkowym wyzwaniem było stworzenie rozwiązania, które z czasem mogłoby obsługiwać dziesiątki bardzo różnych modeli bez przebudowy całej aplikacji.
Zaprojektowałem RACECRAFT jako niezależną aplikację Three.js/WebGL bez WordPressa. Fundamentem jest wspólny silnik sceny obsługujący modele GLB, światło, odbicia, kamery cinematic i interakcję użytkownika.
W trakcie rozwoju powstały kolejne moduły: Garage z osią czasu, Studio, Cinematic Details, Drive na desktopie i mobile, Formula FX reagujące na prędkość, proceduralny Sound Engine oraz sekcja SPECIALS dla hypercarów, prototypów, WRC, GT i ekspozycji X-RAY.
Dodałem również własny panel RACECRAFT CONTROL z analizą GLB, automatycznym odczytem metadata i licencji, konfiguracją modeli oraz mechanizmem Auto-Pivot dla animacji kół.
Powstało interaktywne cyfrowe muzeum motorsportu, które łączy funkcje showroomu, archiwum i doświadczenia 3D.
Nowy samochód może zostać dodany z poziomu CONTROL bez modyfikowania kodu aplikacji. Modele otrzymują własne profile światła, dźwięku, kamery i konfigurację Drive, a system sam zarządza ich ładowaniem oraz pamięcią przeglądarki.
RACECRAFT przestał być demonstracją pojedynczego modelu. Stał się rozwijalną platformą DIGIKROM do prezentowania historii, technologii i designu motorsportu.
Koncepcja i UX, architektura aplikacji, Three.js/WebGL, renderer PBR, Studio, Garage i timeline, Cinematic Details, Drive desktop/mobile, Formula FX, proceduralny Sound Engine, system SPECIALS, RACECRAFT CONTROL, Model Inspector, Auto-Pivot Engine, loader z watchdogiem i retry, deep linking, metadata i przygotowanie wersji publicznej.
Three.js, WebGL, JavaScript, PHP, JSON, Web Audio API
