← Zurück zu Case Studies

FIGHTERO · 3D-KONFIGURATOR · KITBUILDER

SPARTA Royale in 3D. Passgenau bis zur Naht.

Ein Trainingsshirt mit Allover-Print, gebaut für den 3D-Konfigurator von Fightero: Kompressions-Passform nach echtem Produkt, verzerrungsfreie Schnittmuster-UV und ein validiertes Lieferpaket für den Onlineshop.

0

Versionen an einem Tag

0

Feedbackrunden ohne Neumodellierung

74× → 1,1

maximale UV-Dehnung vorher und nachher

0 KB

Draco-GLB für den Webshop

Eckdaten

Kunde
Fightero, Kampfsport-Bekleidung
Produkt
Shirt SPARTA Royale 2.26
Plattform
KitBuilder 3D-Konfigurator
Leistungen
3D-Modelling, UV-Mapping, Look Dev, Export
Tools
Cinema 4D, Octane, Python, glTF-Transform, three.js

CHALLENGE

Ein Konfigurator verzeiht keine schiefe UV.

Fightero setzt im Onlineshop auf einen 3D-Konfigurator. Kundinnen und Kunden gestalten ihr Shirt dort selbst, das Design landet live auf dem 3D-Modell. Jede Dehnung in der UV sieht man sofort als verzogene Schrift.

  • Allover-Print im Sublimationsdruck, der sauber über Seiten- und Schulternähte laufen muss
  • Passform wie in echt: körpernah, aber ohne Fledermausärmel und ohne eingezogenen Bauch
  • Ausgangsmodell war ein generisches, lockeres Basic-Shirt mit eingebackenen Falten
  • Feedback kam per Sprachnachricht und sollte in Minuten umgesetzt sein, nicht in Tagen
Referenz, Shirt SPARTA Royale 2.26

ANSATZ

Wie ein Schnittmuster gedacht, wie ein Tool gebaut.

  1. 1

    UV wie ein echtes Schnittmuster.

    Vorderteil, Rücken, Ärmel, Kragen und Bündchen als eigene Teile, genau wie beim Nähen.

  2. 2

    Design im 3D-Raum gebaut, dann auf die UV gebacken.

    Streifen und Linien laufen dadurch sauber über die Nähte.

  3. 3

    Passform als Parameter.

    Schnitt, Länge, Ärmelwinkel und Brustform werden als Formeln berechnet, das Design sitzt nach jeder Änderung automatisch.

  4. 4

    Feedback als Differenz.

    Jede Änderung wird auf den aktuellen Stand addiert, Handarbeit im Sculpt-Modus bleibt erhalten.

  5. 5

    Messen statt schätzen.

    UV-Dehnung, Überlappungen und Exportdateien werden mit Zahlen und offiziellen Validatoren geprüft.

FEEDBACK

So nah wie möglich an der Realität.

Es soll relativ glatt ausschauen, keine Kurven und Falten. Umso glatter, umso besser."
Feedback per Sprachnachricht

Die größte Baustelle waren die Ärmel. Zuerst standen sie seitlich weg, dann lagen sie zu eng an. Die Lösung: Die Ärmel werden nicht mehr verformt, sondern neu berechnet, als kreisrunde Röhre, die gerade nach unten hängt. Nach einer letzten Runde mit 2,5 cm kürzeren Ärmeln war die Passform freigegeben.

V9 schräg abstehend, V10 gerade und rund
V11, Ärmel 2,5 cm kürzer

UV MAP

Von 74-fach gedehnt auf praktisch null.

Die Passformänderungen hatten nur die 3D-Form bewegt, die UV stammte noch vom lockeren Basic-Shirt. Rückenteil gespiegelt, Ärmel stellenweise bis zu 74-fach gedehnt, Bündchen fast zusammengefallen. Also wurde jedes der neun Teile einzeln neu abgewickelt und entspannt, bis jedes Kästchen des Prüfmusters gleich groß war.

UV MAP, NACHHERNACHHER
UV MAP, VORHERVORHER
MesswertVorherNachher
Maximale Dehnungbis 74×1,02 bis 1,10
Vorder- und Rückenteilgespiegelt2 bis 4 % Abweichung
Überlappungenja0
Umgedrehte Polygoneja0
UV-Vorlage fürs Grafikdesign, als AI, SVG und 8K PNG

LOOK DEV

Scharf bis ins Detail.

8K-Farbtextur, scharf beim Reinzoomen
Nähte-Map mit Steppstichen, automatisch aus der UV berechnet

Die alte Normal Map hatte eingebackene Falten vom lockeren Schnitt und wurde durch eine eigene Nähte-Map ersetzt. Strickstruktur und Displacement liegen als eigene Ebene bereit, für den glatten Konfigurator-Look aber abgeschaltet. Das Material entsteht per Knopfdruck mit dem hauseigenen Plugin OctaneMaterialBuilder.

ERGEBNIS

Fertig für den Onlineshop.

Das ausgelieferte Modell, das Design kommt im Konfigurator dazu

GLB und glTF

Hauptmodell mit echtem Maßstab und weißem Material

Draco-GLB

Rund 100 KB statt 835 KB, ideal fürs Web

HighPoly und LowPoly

Für Nahansichten und schwache Geräte

UV-Vorlage

Illustrator-Datei mit Ebenen, dazu SVG und 8K PNG

0

Fehler im glTF-Validator

0

Überlappungen in der UV

0

UV-Teile wie am Schnittmuster

0 Tag

vom Basic-Shirt bis zum Lieferpaket

Ein Shirt, das im Konfigurator aussieht wie das echte Produkt, und eine UV, auf der jedes Kundendesign unverzerrt sitzt.

Cinema 4DOctaneRenderPythonOctaneMaterialBuilderUV-AbwicklungglTF-TransformDracothree.js
Kontakt