colorBar
3d-garage-builder tablet view

3D garage builder

Description

[Content will be translated soon] Aplikacja jest wykorzystywana na stronie firmy oferującej produkcję i sprzedaż garażu blaszanych. Dzięki niej klient ma możliwość zaprojektowania własnego garażu z jednoczesnym podglądaniem produktu, który finalnie otrzyma.

Konfigurator w pełnej wersji pozwala zmienić kierunek przetłoczenia blachy, jej kolor, dodawać elementy opcjonalne tj. drzwi, otwory, bramy czy zmieniać rodzaj dachu. Na bieżąco jest także liczona cena produktu na bazie kosztów ustalanych w panelu administracyjnym klienta. Więcej informacji o samym aplikacji i jej środowisku można znaleźć na githubie.

The full featured version of this app is deployed on Taurustal website. It containes many other functionalities such as:

  • change roof type
  • change sheet (type of perforation, color/texture)
  • possibility to add accessories (gutters, skylights, windows, doors)
  • autogenerated product images (from every perspective - front, rear, left, right, general)
  • order form

Technologies

[Content will be translated soon] Aplikacja została wykonana w Vue + Vuex, natomiast do renderowania wizualizacji została wykorzystana biblioteka Three.js. Konfigurator przeszedł szereg iteracji od pierwszej wersji i nieustannie jest wzbogacany o nowe funkcjonalności.

Znajduje się tam także link do wersji wykonanej w React z większą liczbą funkcjonalności.

Vue.jsvuexthree.jsJavaScript

Released

calendar

09/2017

colorBar

Screens & Screencasts

desktop view
desktop view