SlideShare a Scribd company logo
Fashion buttons prototyping from 3D design to production
Customer needs:
                       Creating easily a new button model
                       Sharing the model with the customer avoiding
                        expensive phisical prototyping
                       Managing feedbacks and approval
                       Creating programs for production machines
     Background



                  Our solution:
                   Custom desktop application of 3D button
                    modeling
                   webGL player to show the model
                   Confluence™ plugin to manage interactions




                  Graphical Web 2012
                                                                          2
@AlexMufatti                                                      12/09/2012
The button




                  Graphical Web 2012
                                               3
@AlexMufatti                           12/09/2012
Confluence               webGL
                                     Plugin                 player

                                                                          Feedbacks

                                             Confluence
     Architecture


                     Export of
                     3D model
                                                                   Approval




                                     Custom
                                                          Editor
                                    3D engine


                                                                         Production   Shop floor
                                         Desktop Application




                    Graphical Web 2012
                                                                                                   4
@AlexMufatti                                                                              12/09/2012
A button is not an easy object to model
                      Custom 3D editor semplifying functions
                        (extrudes, texts, profiles, excaves)
                     Challanges in rendering:
                     – The «holes» problem
                     – Objects lied down on the button
     Button Editor




                     Graphical Web 2012
                                                                        5
@AlexMufatti                                                    12/09/2012
The model is very detailed and decoration
                         increse complexity
                         – Very large files
     Sharing the model
                         – Problems on the network
                         – Problems on the browser

                          Reduce model precision
                          Compress data
                         BeginModel;1;"Bottone";F;
                         Position;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.0000
                         00;1.000000;
                         Bound;0.000000;0.000000;-2.500000;116.000000;116.000000;15.000000;
                         BeginSolid;"Rotativo";F;
                         Position;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.0000
                         00;1.000000;
                         Color;0.315294;0.090980;0.061176;1.000000;0.630588;0.181961;0.122353;1.000000;1.000000;1.000000;1.000000
                         ;1.000000;0.250000;
                         BeginMesh;5;3;3;0;
                         Position;0.000000;0.000000;0.000000;0.000000;1.000000;0.000000;1.000000;0.000000;0.000000;0.000000;0.0000
                         00;-1.000000;
                         V;0.001000;0.000000;0.000000;0.000000;0.000000;1.000000;
                         V;50.000000;0.000000;0.000000;0.000000;0.000000;1.000000;
                         V;0.000996;0.000087;0.000000;0.000000;0.000000;1.000000;
                         V;49.809735;4.357787;0.000000;0.000000;0.000000;1.000000;
                         V;0.000985;0.000174;0.000000;0.000000;0.000000;1.000000;
                         V;49.240388;8.682409;0.000000;0.000000;0.000000;1.000000;
                         V;0.000966;0.000259;0.000000;0.000000;0.000000;1.000000;
                         V;48.296291;12.940952;0.000000;0.000000;0.000000;1.000000;
                         V;0.000940;0.000342;0.000000;0.000000;0.000000;1.000000;
                         V;46.984631;17.101007;0.000000;0.000000;0.000000;1.000000;
                         V;0.000906;0.000423;0.000000;0.000000;0.000000;1.000000;
                         V;45.315389;21.130913;0.000000;0.000000;0.000000;1.000000;
                         V;0.000866;0.000500;0.000000;0.000000;0.000000;1.000000;
                         V;43.301270;25.000000;0.000000;0.000000;0.000000;1.000000;




                         Graphical Web 2012
                                                                                                                                             6
@AlexMufatti                                                                                                                         12/09/2012
Confluence™ plugin to
                                         manage data loading

                                         Custom webGL player
                                         to show the model
     webGL viewer


                                         Confluence™
                                         infrastructure to
                                         manage interactions




                    Graphical Web 2012
                                                                 7
@AlexMufatti                                             12/09/2012
Demo




               Graphical Web 2012
                                            8
@AlexMufatti                        12/09/2012
 Completely solve files dimension problems
                   Enhance model realism
                   Cross browser compatibility
     Next steps



                   Performance issues
                   Adoption of standards




                  Graphical Web 2012
                                                                9
@AlexMufatti                                            12/09/2012
Thank you


               Graphical Web 2012
                                                 10
@AlexMufatti                               12/09/2012

More Related Content

Viewers also liked

Dress Design With OptiTex Flattening
Dress Design With OptiTex FlatteningDress Design With OptiTex Flattening
Dress Design With OptiTex Flattening
OptiTex
 
Erion Habibi , Recent Work
Erion Habibi , Recent WorkErion Habibi , Recent Work
Erion Habibi , Recent Work
erion habibi
 
ViA C DESiGN portfolio
ViA C DESiGN portfolioViA C DESiGN portfolio
ViA C DESiGN portfolio
goofy4633
 
Business PowerPoint Theme and Backgrounds
Business PowerPoint Theme and BackgroundsBusiness PowerPoint Theme and Backgrounds
Business PowerPoint Theme and Backgrounds
Templates Powerpoint
 
2009 Opti Tex for online and virtual stores
2009 Opti Tex for online and virtual stores2009 Opti Tex for online and virtual stores
2009 Opti Tex for online and virtual stores
OptiTex
 
Presentation 3D Samples How Does It Work
Presentation 3D Samples How Does It WorkPresentation 3D Samples How Does It Work
Presentation 3D Samples How Does It Work
OptiTex
 
Presentation for fit
Presentation for fitPresentation for fit
Presentation for fit
OptiTex
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
Sara Cannon
 
Winning at the Speed of Fashion
Winning at the Speed of FashionWinning at the Speed of Fashion
Winning at the Speed of Fashion
accenture
 

Viewers also liked (9)

Dress Design With OptiTex Flattening
Dress Design With OptiTex FlatteningDress Design With OptiTex Flattening
Dress Design With OptiTex Flattening
 
Erion Habibi , Recent Work
Erion Habibi , Recent WorkErion Habibi , Recent Work
Erion Habibi , Recent Work
 
ViA C DESiGN portfolio
ViA C DESiGN portfolioViA C DESiGN portfolio
ViA C DESiGN portfolio
 
Business PowerPoint Theme and Backgrounds
Business PowerPoint Theme and BackgroundsBusiness PowerPoint Theme and Backgrounds
Business PowerPoint Theme and Backgrounds
 
2009 Opti Tex for online and virtual stores
2009 Opti Tex for online and virtual stores2009 Opti Tex for online and virtual stores
2009 Opti Tex for online and virtual stores
 
Presentation 3D Samples How Does It Work
Presentation 3D Samples How Does It WorkPresentation 3D Samples How Does It Work
Presentation 3D Samples How Does It Work
 
Presentation for fit
Presentation for fitPresentation for fit
Presentation for fit
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
 
Winning at the Speed of Fashion
Winning at the Speed of FashionWinning at the Speed of Fashion
Winning at the Speed of Fashion
 

Similar to Fashion buttons prototyping from 3D design to production

Dev Fest X (Sapporo) WebGL
Dev Fest X (Sapporo) WebGLDev Fest X (Sapporo) WebGL
Dev Fest X (Sapporo) WebGL
Yukio Andoh
 
A Site for All Eyes: Considerations for Responsive Design
A Site for All Eyes: Considerations for Responsive DesignA Site for All Eyes: Considerations for Responsive Design
A Site for All Eyes: Considerations for Responsive Design
Dori Kelner
 
2012 05-10 fia practical problems in mobile web final
2012 05-10 fia practical problems in mobile web final2012 05-10 fia practical problems in mobile web final
2012 05-10 fia practical problems in mobile web final
Stephan Haux
 
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
dbarkoe
 
Automating Screenshot Testing Component Library
Automating Screenshot Testing Component LibraryAutomating Screenshot Testing Component Library
Automating Screenshot Testing Component Library
Applitools
 
Acem web designing
Acem web designingAcem web designing
Acem web designing
antimpanghal
 
Dom introduction-website-v1.0
Dom introduction-website-v1.0Dom introduction-website-v1.0
Dom introduction-website-v1.0
Cogility
 
OCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJSOCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJS
Jonathan Meiss
 
Design Pattern - MVC, MVP and MVVM
Design Pattern - MVC, MVP and MVVMDesign Pattern - MVC, MVP and MVVM
Design Pattern - MVC, MVP and MVVM
Mudasir Qazi
 
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
danyackel
 
5 benefits of angular js
5 benefits of angular js5 benefits of angular js
5 benefits of angular js
OnGraph Technologies Pvt. Ltd.
 
Dev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI PatternsDev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI Patterns
Yukio Andoh
 
Web components api + Vuejs
Web components api + VuejsWeb components api + Vuejs
Web components api + Vuejs
Mikhail Kuznetcov
 
UXSG#7 Keynote Presentation
UXSG#7 Keynote PresentationUXSG#7 Keynote Presentation
UXSG#7 Keynote Presentation
ux singapore
 
BYOD – Bring your own device
BYOD – Bring your own deviceBYOD – Bring your own device
BYOD – Bring your own device
Ciklum Ukraine
 
Web challenge cmm
Web challenge cmmWeb challenge cmm
Web challenge cmm
Herman Lee
 
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
SANGHEE SHIN
 
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
Davalen LLC
 
Project 4 fundamentals of web designs - buendia
Project 4   fundamentals of web designs - buendiaProject 4   fundamentals of web designs - buendia
Project 4 fundamentals of web designs - buendia
outcast96
 
Management events 18 sept 2012
Management events 18 sept 2012Management events 18 sept 2012
Management events 18 sept 2012
MichelvanHeiningen
 

Similar to Fashion buttons prototyping from 3D design to production (20)

Dev Fest X (Sapporo) WebGL
Dev Fest X (Sapporo) WebGLDev Fest X (Sapporo) WebGL
Dev Fest X (Sapporo) WebGL
 
A Site for All Eyes: Considerations for Responsive Design
A Site for All Eyes: Considerations for Responsive DesignA Site for All Eyes: Considerations for Responsive Design
A Site for All Eyes: Considerations for Responsive Design
 
2012 05-10 fia practical problems in mobile web final
2012 05-10 fia practical problems in mobile web final2012 05-10 fia practical problems in mobile web final
2012 05-10 fia practical problems in mobile web final
 
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
Netbiscuits @ SXSW Interactive: Android ≠ Android: Lessons Creating a JS Fram...
 
Automating Screenshot Testing Component Library
Automating Screenshot Testing Component LibraryAutomating Screenshot Testing Component Library
Automating Screenshot Testing Component Library
 
Acem web designing
Acem web designingAcem web designing
Acem web designing
 
Dom introduction-website-v1.0
Dom introduction-website-v1.0Dom introduction-website-v1.0
Dom introduction-website-v1.0
 
OCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJSOCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJS
 
Design Pattern - MVC, MVP and MVVM
Design Pattern - MVC, MVP and MVVMDesign Pattern - MVC, MVP and MVVM
Design Pattern - MVC, MVP and MVVM
 
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
SAP NetWeaver Composition Environment EhP1%2c Visual Composer Overview of Fea...
 
5 benefits of angular js
5 benefits of angular js5 benefits of angular js
5 benefits of angular js
 
Dev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI PatternsDev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI Patterns
 
Web components api + Vuejs
Web components api + VuejsWeb components api + Vuejs
Web components api + Vuejs
 
UXSG#7 Keynote Presentation
UXSG#7 Keynote PresentationUXSG#7 Keynote Presentation
UXSG#7 Keynote Presentation
 
BYOD – Bring your own device
BYOD – Bring your own deviceBYOD – Bring your own device
BYOD – Bring your own device
 
Web challenge cmm
Web challenge cmmWeb challenge cmm
Web challenge cmm
 
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
 
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
Where Does IBM Web Experience Factory Fit in your Architecture? TECH-D22 from...
 
Project 4 fundamentals of web designs - buendia
Project 4   fundamentals of web designs - buendiaProject 4   fundamentals of web designs - buendia
Project 4 fundamentals of web designs - buendia
 
Management events 18 sept 2012
Management events 18 sept 2012Management events 18 sept 2012
Management events 18 sept 2012
 

Recently uploaded

Using LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and MilvusUsing LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and Milvus
Zilliz
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
July Patch Tuesday
July Patch TuesdayJuly Patch Tuesday
July Patch Tuesday
Ivanti
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptxDublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
Kunal Gupta
 
How to build a generative AI solution A step-by-step guide (2).pdf
How to build a generative AI solution A step-by-step guide (2).pdfHow to build a generative AI solution A step-by-step guide (2).pdf
How to build a generative AI solution A step-by-step guide (2).pdf
ChristopherTHyatt
 
CiscoIconsLibrary cours de réseau VLAN.ppt
CiscoIconsLibrary cours de réseau VLAN.pptCiscoIconsLibrary cours de réseau VLAN.ppt
CiscoIconsLibrary cours de réseau VLAN.ppt
moinahousna
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
Matthias Neugebauer
 
The Role of IoT in Australian Mobile App Development - PDF Guide
The Role of IoT in Australian Mobile App Development - PDF GuideThe Role of IoT in Australian Mobile App Development - PDF Guide
The Role of IoT in Australian Mobile App Development - PDF Guide
Shiv Technolabs
 
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
alexjohnson7307
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Muhammad Ali
 
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes..."Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
Anant Gupta
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
Neo4j
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
Priyanka Aash
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
Google I/O Extended Harare Merged Slides
Google I/O Extended Harare Merged SlidesGoogle I/O Extended Harare Merged Slides
Google I/O Extended Harare Merged Slides
Google Developer Group - Harare
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
bhumivarma35300
 

Recently uploaded (20)

Using LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and MilvusUsing LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and Milvus
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
July Patch Tuesday
July Patch TuesdayJuly Patch Tuesday
July Patch Tuesday
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptxDublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
Dublin_mulesoft_meetup_Mulesoft_Salesforce_Integration (1).pptx
 
How to build a generative AI solution A step-by-step guide (2).pdf
How to build a generative AI solution A step-by-step guide (2).pdfHow to build a generative AI solution A step-by-step guide (2).pdf
How to build a generative AI solution A step-by-step guide (2).pdf
 
CiscoIconsLibrary cours de réseau VLAN.ppt
CiscoIconsLibrary cours de réseau VLAN.pptCiscoIconsLibrary cours de réseau VLAN.ppt
CiscoIconsLibrary cours de réseau VLAN.ppt
 
Opencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of MünsterOpencast Summit 2024 — Opencast @ University of Münster
Opencast Summit 2024 — Opencast @ University of Münster
 
The Role of IoT in Australian Mobile App Development - PDF Guide
The Role of IoT in Australian Mobile App Development - PDF GuideThe Role of IoT in Australian Mobile App Development - PDF Guide
The Role of IoT in Australian Mobile App Development - PDF Guide
 
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
leewayhertz.com-AI agents for healthcare Applications benefits and implementa...
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
Litestack talk at Brighton 2024 (Unleashing the power of SQLite for Ruby apps)
 
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes..."Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
"Mastering Graphic Design: Essential Tips and Tricks for Beginners and Profes...
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
 
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
Google I/O Extended Harare Merged Slides
Google I/O Extended Harare Merged SlidesGoogle I/O Extended Harare Merged Slides
Google I/O Extended Harare Merged Slides
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
High Profile Girls call Service Pune 000XX00000 Provide Best And Top Girl Ser...
 

Fashion buttons prototyping from 3D design to production

  • 2. Customer needs:  Creating easily a new button model  Sharing the model with the customer avoiding expensive phisical prototyping  Managing feedbacks and approval  Creating programs for production machines Background Our solution:  Custom desktop application of 3D button modeling  webGL player to show the model  Confluence™ plugin to manage interactions Graphical Web 2012 2 @AlexMufatti 12/09/2012
  • 3. The button Graphical Web 2012 3 @AlexMufatti 12/09/2012
  • 4. Confluence webGL Plugin player Feedbacks Confluence Architecture Export of 3D model Approval Custom Editor 3D engine Production Shop floor Desktop Application Graphical Web 2012 4 @AlexMufatti 12/09/2012
  • 5. A button is not an easy object to model  Custom 3D editor semplifying functions (extrudes, texts, profiles, excaves) Challanges in rendering: – The «holes» problem – Objects lied down on the button Button Editor Graphical Web 2012 5 @AlexMufatti 12/09/2012
  • 6. The model is very detailed and decoration increse complexity – Very large files Sharing the model – Problems on the network – Problems on the browser  Reduce model precision  Compress data BeginModel;1;"Bottone";F; Position;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.0000 00;1.000000; Bound;0.000000;0.000000;-2.500000;116.000000;116.000000;15.000000; BeginSolid;"Rotativo";F; Position;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.000000;1.000000;0.000000;0.000000;0.0000 00;1.000000; Color;0.315294;0.090980;0.061176;1.000000;0.630588;0.181961;0.122353;1.000000;1.000000;1.000000;1.000000 ;1.000000;0.250000; BeginMesh;5;3;3;0; Position;0.000000;0.000000;0.000000;0.000000;1.000000;0.000000;1.000000;0.000000;0.000000;0.000000;0.0000 00;-1.000000; V;0.001000;0.000000;0.000000;0.000000;0.000000;1.000000; V;50.000000;0.000000;0.000000;0.000000;0.000000;1.000000; V;0.000996;0.000087;0.000000;0.000000;0.000000;1.000000; V;49.809735;4.357787;0.000000;0.000000;0.000000;1.000000; V;0.000985;0.000174;0.000000;0.000000;0.000000;1.000000; V;49.240388;8.682409;0.000000;0.000000;0.000000;1.000000; V;0.000966;0.000259;0.000000;0.000000;0.000000;1.000000; V;48.296291;12.940952;0.000000;0.000000;0.000000;1.000000; V;0.000940;0.000342;0.000000;0.000000;0.000000;1.000000; V;46.984631;17.101007;0.000000;0.000000;0.000000;1.000000; V;0.000906;0.000423;0.000000;0.000000;0.000000;1.000000; V;45.315389;21.130913;0.000000;0.000000;0.000000;1.000000; V;0.000866;0.000500;0.000000;0.000000;0.000000;1.000000; V;43.301270;25.000000;0.000000;0.000000;0.000000;1.000000; Graphical Web 2012 6 @AlexMufatti 12/09/2012
  • 7. Confluence™ plugin to manage data loading Custom webGL player to show the model webGL viewer Confluence™ infrastructure to manage interactions Graphical Web 2012 7 @AlexMufatti 12/09/2012
  • 8. Demo Graphical Web 2012 8 @AlexMufatti 12/09/2012
  • 9.  Completely solve files dimension problems  Enhance model realism  Cross browser compatibility Next steps  Performance issues  Adoption of standards Graphical Web 2012 9 @AlexMufatti 12/09/2012
  • 10. Thank you Graphical Web 2012 10 @AlexMufatti 12/09/2012