LXM — Airplane Configurator

Flugzeuge nach eigenen Vorstellungen folieren - unsere 3D Web Component zeigt wie.

LXM — Airplane Configurator

solbytech gmbh

  • Realtime Experience
  • Web Components

Februar 2024 — März 2024

  • Javascript/Typescript
  • WebGL
  • Three.js
  • Blender
Herausforderung

Wer wollte nicht schon einmal sein Firmenlogo auf einem Flugzeug sehen? Die LXM Aero GmbH macht es möglich. In einem einfach zu bedienenden Online-Konfigurator kann jeder nach Herzenslust verschiedene Flächen am Flugzeug mit eigenen Bildern verschönern. Herzstück des Konfigurators ist unsere 3D Web Component, die dem User eine Vorstellung davon gibt, wie das fertige Flugzeug aussehen könnte.

Implementierung

Konfigurieren wie im Flug

Ziel des Konfigurators ist es, dem potentiellen Kunden möglichst einfach und schnell einen Eindruck zu vermitteln, wie sein Artwork auf den verschiedenen Flugzeugtypen wirkt. Bewährte Navigationsmöglichkeiten und ein ansprechendes Rendering ermöglichen es dem Benutzer, sein Design in Echtzeit zu visualisieren. Charmante Folierungsanimationen über Custom Shader sind ein beispielhafter Indikator für die detailverliebte Umsetzung.

Ergebnis

Höchste Flexibilität dank Web-Komponenten

Die interaktive 3D-Visualisierung des Flugzeugs inklusive der Folierung bildete den zentralen Bestandteil der Konfigurator Web-Applikation. Die Web-Applikation selbst wurde von einem Partnerunternehmen mit Hilfe eines Webframeworks entwickelt.

Wir haben uns entschieden, die 3D-Visualisierung als native Web-Komponente zu realisieren. Dadurch konnten wir eine reibungslose Integration in die Applikation gewährleisten und blieben dennoch völlig unabhängig vom verwendeten Framework. Durch definierte und ausführlich dokumentierte Schnittstellen war das Zusammenspiel mehr als problemlos.

LXM Web Application
Die gesamte Konfiguration Applikation