Freie ProduktstudieCGI / MOTION / REAL-TIMEDmytro Hrankin © 2026

BBS

LM-R

Ein Objekt.
Ein ganzes
Erlebnis.

Ein Produkt-Asset für CGI, Motion und Echtzeit-Interaktion — von präziser Geometrie und Materialwirkung bis zur browsergerechten Bereitstellung.

Den Aufbau entdecken
BBS LM-R Felge als filmische 3D-Produktvisualisierung
01 / DAS OBJEKTProjektrendering

3D / Technical Artist

3ds Max · Substance · Three.js

Scrollen und untersuchen

01DIE AUFGABE

Ein Asset.
Mehrere Ausgaben.

Ein produktionsreifes BBS-LM-R-Asset für Close-up-CGI, Montageanimation und eine interaktive Browser-Erfahrung entwickeln.

Im Mittelpunkt stehen die Doppelspeichen-Geometrie der LM-R, das tiefe Aluminium-Felgenbett und die sichtbare Verschraubung — entwickelt als ein zusammenhängendes Objekt statt als getrennte Präsentations-Assets.

LM-R / Herstellerreferenz
01 / CGI

Form & Oberfläche

02 / MOTION

Aufbau & Trennung

03 / REAL-TIME

Betrachtung & Interaktion

02STRUKTUR

Unter
der Oberfläche.

Geometrie → Oberfläche

Saubere Topologie bewahrt die Silhouette; getrennte Komponenten erhalten die Montagelogik. Mit dem Regler lassen sich fertige Oberfläche und zugrunde liegende Geometrie direkt vergleichen.

LM-R-Oberflächenrendering
LM-R-Topologierendering
↔
StrukturOberfläche
Trennlinie im Bild ziehen50%
Projektrenderings / Dasselbe Asset

Ein Mastermodell trägt sowohl das fertige Rendering als auch die technische Ansicht.

03OBERFLÄCHE & LICHT

Licht prüft
das Material.

Gebürstetes Aluminium, polierte Kanten, satiniertes Gold und kleine Verschraubungen unterscheiden sich über ihr Reflexionsverhalten — nicht nur über Farbe.

Explodierte BBS-Nabenkappe, Rückseite und polierte Befestiger
01 / KAPPE / BEFESTIGER

Oberfläche, zerlegt.

Nabenkappe, ABS-Rückseite und polierte Befestiger sind getrennt dargestellt, damit Finish, Material und Maßstab direkt vergleichbar werden.

Komponentenstudie
Nahaufnahme der goldenen Speichen aus dem realen Projekt
02 / GOLD / HARDWARE

Reflexion definiert die Form.

Satiniertes Gold und polierte Befestiger trennen sich über Glanzverlauf und Rauheit – nicht nur über Farbe.

Projektrendering
BBS-Nabendetail mit Prägungen und roter Nabenkappe
03 / ZENTRUM / MIKRODETAIL

Details, die der Nahaufnahme standhalten.

Geprägte Markierungen, bearbeitete Vertiefungen, satiniertes Gold und die rote Nabenkappe bleiben aus Inspektionsdistanz klar lesbar.

Projektrendering

04BEWEGUNG / SCROLL-SEQUENZ

Ein Bild zeigt es.
Bewegung erklärt es.

Die Explosionssequenz folgt der Komponentenlogik der Felge. Der Scrollweg führt vom vollständigen Objekt zur getrennten Konstruktion — und wieder zurück.

Montierte LM-R-Felge vor der Live-Demonstration
LM-R / AUFBAUSTUDIEEchtes Projekt-Asset
Scrollen zum Trennen / Zurück zum ZusammenfügenAlle Steuerungen öffnen

05WEB-BEREITSTELLUNG / ASSET-GRÖSSEN

Weniger Gewicht.
Gleicher Charakter.

Die Browser-Version ist ein eigenes Produktionsziel, kein nachträglich reduziertes Asset. Separate Desktop- und Mobilvarianten erhalten Silhouette und Metallwirkung und reduzieren das mobile Asset-Gewicht um 62 %.

Dateigrößen der bereitgestellten GLB-Assets. Gemessenes Asset-Gewicht, kein Ladezeit-Benchmark.

DESKTOP / WEB

16.72MB

MOBIL / WEB

6.33MB

−62%

Asset-Gewicht
für mobile Geräte

01

Die Silhouette bewahren.

Dichte dort reduzieren, wo sie die Produktwirkung am wenigsten verändert.

02

Pixel gezielt einsetzen.

Texturauflösung an die Größe des Objekts auf dem Bildschirm anpassen.

03

Die Metallwirkung erhalten.

Produktions-Shading in ein Echtzeit-Material übertragen.

iPad mit einem echten Screenshot des BBS Interactive ViewersiPad mit einem echten Screenshot des BBS Interactive Viewers — dark theme
iPhone mit dem echten BBS-Viewer und frontaler FelgeiPhone mit dem echten BBS-Viewer und frontaler Felge — dark themeBBS interactive viewer on iPhone — light themeBBS interactive viewer on iPhone — dark theme
iPad + iPhone / Echte interaktive Oberfläche

06MOBILE BEREITSTELLUNG

Dasselbe Objekt.
Kleinerer Viewport.

Dieselbe Produkterfahrung wird mit einem leichteren Asset und produktfokussiertem Framing an den kleineren Viewport angepasst; der zentrale Inspektions-Workflow bleibt erhalten.

Asset für das Gerät6.33 MB

Oberflächen & KomponentenDasselbe Modell

Browser-InteraktionThree.js

07INTERAKTIVES 3D

VON DER PRÄSENTATION ZUR INSPEKTION

Sehen.
Trennen.
Entdecken.

Ein Asset führt von der cineastischen Präsentation zur direkten Inspektion.

Im Three.js-Viewer wird das fertige Modell selbst zur Oberfläche: drehen, die Baugruppe zerlegen und die Materialwirkung in Echtzeit untersuchen.

Das 3D-Erlebnis öffnen
DrehenIsolierenMontieren
Cineastische BBS LM-R Abschlussansicht

BBS LM-R / FORM, OBERFLÄCHE, BEWEGUNG

Ein Asset.
Das ganze Erlebnis.

CGI. Motion. HTML.
Aus demselben Produkt-Asset.

BBS LM-R entdecken
Unabhängige Produktstudie / 2026Zurück zu den Arbeiten