WebGL - Fashion buttons prototyping from 3D Design to Production

A session at SVG Open & The Graphical Web 2012

Thursday 13th September, 2012

1:45pm to 2:00pm (CET)

In this paper we aim to explain and share the experience on how we implemented a product for prototyping a button in fashion industry using HTML5 WebGL technology called BCreator.

We developed a desktop application that allows to design quickly a 3D model of the button and to export the button on a wiki. The customer can interact with the 3D button using our wiki-embedded WebGL player and provide feedbacks about it. Once the proposal is accepted by the customer the software sends the ISO programs to the machines in the shop floor to create the physical prototype to be sent to the customer for final approval.

We use OpenGL for the 3D desktop application and then we export the model to a custom WebGL javascript player.

BCreator was born to reduce the time-to-market of Gritti Group S.p.A in button prototyping. Until now customers of Gritti, before ordering a new button, have required several physical prototypes in order to evaluate which one best fit their needs. Gritti asked Intré Srl to develop a windows application that helps to create 3D Models of the buttons in an quick and easy way.

We at Intré have developed an OpenGL application that can share the button prototype via email with an attached pdf file that snapshots of the 3D buttons in different positions.

But something was missing... the customers want touch the buttons!

A web application is the solution.

Intré implements in a Wiki (Atlassian Confluence) a WebGL plugin that allows customers to rotate and zoom buttons commenting each one and approving the best prototype. The windows application publish the OpenGL button into the Wiki translating it in a format compatible with the Wiki WebGL plugin.

Once the button is approved the Wiki sends a message to the windows application that translates the OpenGL button in ISO programs. These programs are send to the machines in the shop floor to create the physical prototype to be sent to the customer for final approval.

The adoption of WebGL allows to be plugin free and cross platform compatible.

During the project we face several problems related to the immaturity of WebGL technology and browser support. In particular the creation of holes in the button surface. In this paper we will describe all problems and how we solved them.

Moreover we will discuss the performance issues related to 3D modelling published on the web and the possible evolution of the BCreator application like 3D printing and WebGL 3D editors.

A demo will be presented.

About the speaker

This person is speaking at this event.
Giulio Roggero

HTML5 Developer Advocate & Agile Trainer @isolasoftware.it

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 1:45pm2:00pm CET

Date Thu 13th September 2012

Short URL


View the schedule


See something wrong?

Report an issue with this session