Eine API für Renderings und AR

Wir bauen nicht nur WEBGL-basierte 3D-Konfiguratoren, sondern wir bieten auch an, die konfigurierten Produkte fotorealistisch zu rendern sowie in Augmented Reality anzeigen zu lassen. Ein paar Worte zu unserer internen API, die das regelt.

Rendering

Das Einbauen einer Rendering-Funktion in einen Planer ist technisch sehr einfach. Es wird schlicht ein Button in die React-Oberfläche eingefügt, der eine vom Framework zur Verfügung gestellte Methode aufruft.

Im Hintergrund laufen allerdings einige ziemlich komplexe Vorgänge ab:

  1. die 3D-Szene wird vorbereitet, indem Objekte, die nicht gerendert werden sollen, gelöscht werden.
  2. Lichter und Kamera werden angepasst.
  3. Die resultierende Szene wird als GLB exportiert.
  4. Sie wird, zusammen mit einem JSON-Objekt mit Parametern, zum Server geschickt.
  5. Der Server sendet sie an unseren zentralen API-Dienst weiter.
  6. Dort wird die Anforderung in eine Queue gestellt.
  7. Es wird entschieden, ob lokal oder in einer Renderfarm gerendert wird.
  8. Falls lokal gerendert werden soll, wird eine Blender-Datei geöffnet und die GLB importiert.
  9. Das eigentliche Rendering wird angestossen.
  10. Das entstandene Bild wird an eine API des Konfigurator-Servers zurückgesendet
  11. Auf dem Server wird das Bild in eine PDF verpackt und dem Nutzer gesendet.

Schrank Rendering

Dieser grundsätzliche Vorgang kann natürlich noch an vielen Stellen angepasst werden.

Augmented Reality

Wofür man da eine Schnittstelle braucht? Ganz einfach:

Einen GLB Export können unsere Konfiguratoren ja bereits (s.o.). GLB reicht aber nur auf Android für Augmented Reality. IOS braucht das Modell im Format USDZ. Und für diese Konvertierung haben wir ebenfalls eine API auf unserem Server parat.

Schrank Augmented Reality

Fazit

Wir haben es also hier geschafft, wirklich komplizierte Vorgänge hinter einer einfachen Schnittstelle zu verbergen.

Wenn Du Lust hättest, bei der Weiterentwicklung all dieser Technologien zu helfen, tu Dir keinen Zwang an: Unsere Jobs

Und falls Du all diese API einfach mal ausprobieren möchtest: API Test