Loungeplaner-App

Die „Loungeplaner App” entstand als Umsetzung des Flash-Loungeplaners, den wir für den Online-Shop von www.gartenmoebel.de der AH-Trading GmbH entwickelt haben. Er ist im Funktionsumfang gegenüber der Flash-Version reduziert, bietet aber alle Kern- und einige Convenience-Funktionen:

• Artikelpreise und -verfügbarkeit werden bei jedem Programmstart online vom OXID-Shop abgerufen
• Freie Planung (platzieren, verschieben, drehen, löschen) der Möbelelemente in der 2D-Ansicht
• Automatische Kollisionserkennung verhindert Überlappungen beim Platzieren der Möbel: Beim Platzieren, Verschieben und Drehen wird sichergestellt, dass sich die Möbel nicht überlappen können (= korrekt nebeneinander stehen) und so die Gesamtmaße der Planung später auch beim Kunden eingehalten werden. Diese für die Praxis entscheidende Funktion ist bei vielen Grundriss-Planungsprogrammen von Mitbewerben leider nicht implementiert: dort können sich z.B. ein Schrank und ein Bett in der Planung überlappen – später beim Kunden vor Ort ist dann nicht genügend Platz, um die realen Möbel auch aufzustellen...
• Automatische "Snapping"-Funktion richtet die Ecken der Möbel aneinander aus, sobald sie sich in einem bestimmten Abstand zueinander befinden
• Artikel-Detailinformationen werden beim Aktivieren (Antippen eines Elements in der Auswahlleiste oder in der Planung) angezeigt
• Die Gesamtgröße (Breite/Tiefe in Metern) der aktuellen Planung wird laufend berechnet und angezeigt
• Die Einzelpreise und die Gesamtsumme werden berechnet und angezeigt
• Der Warenkob-Button legt alle platzierten Artikel in den Warenkorb des Online-Shops
• Die Planung kann in der 3D-Darstellung um 360° gedreht sowie ein- und ausgezoomt werden
• Hilfe-Fenster zur Bedienung sind in der 2D- und der 3D-Ansicht verfügbar

 

Screenshots

2D-Planung in der Grundriss-Ansicht	Bedienungs-Hilfe zur 2D-Planung
3D-Darstellung der Planung	Zoomen und Drehen der 3D-Darstellung
2D-Planung mit Artikel-Detailinformationen	Bedienungs-Hilfe zur 3D-Ansicht

Technische Details

Die 3D-Modelle der Möbel wurden in Blender modelliert und texturiert. Die gesamte Programmierung erfolgte in Unity3D v3.4 mittels C#, kleinere Anpassungen am fertigen Projekt wurden dann noch in XCode vorgenommen.

Die gesamte Bedienungsoberfläche des Planungsprogramms ist innerhalb von Unity mit GUI-Elementen umgesetzt worden, die Grundriss-Fläche der 2D-Planung wird durch eine zweite (orthografische) Kamera erzeugt, die direkt von oben auf die Szene blickt und deren Kamerabild über den Viewport der Hauptkamera (mit den 2D-GUI-Elementen) gelegt wird.

Die Kollisionserkennung zwischen den Möbeln wird über simple Box-Collider realisiert, für das "Snapping" der Möbelecken aneinander werden kleine Sphere-Collider an den Möbelecken eingesetzt.