SlideShare a Scribd company logo
1 of 48
Interaction Interface 
Design Case Study 
吳姿儀 
1
2 
3D 
Drawing 
3D 
Printing 
3D 
Modeling
RoCuModel: An Iterative 
Tangible Modeling System 
Yuebo Shen, Keqin, Jiawei Gu 
TEI’14 
1036421 吳姿儀 
3
4 
Outline 
• Introduction 
–Motivation 
–Aim 
• Related Works 
–Tangible Modeling Interfaces 
–Interactive Fabrication 
• Method & Process 
–System Process 
–Hardware 
–Software 
• Results 
• Conclusion 
–Aim and Contributions 
–Future Work
Introduction 
• Motivation 
3D Printer 3D Modeling Tool 3D Printing 
5 
Professional
Introduction 
• Aim 
– RoCuModel : An Iterative Tangible Modeling System 
6 
RoCuModel 
Personal 
Fabrication 
DIY 
3D 
Modeling 
Simple 
Educational 
Tangible 
Interaction 
Immediate 
Intuitive
Related Works 
• Tangible Modeling Interfaces(TUIs) 
– By a modeling medium with embedded computation or by using an external 
sensor to capture the geometry [1]. 
7
Related Works 
• Interactive Fabrication 
–Spatial Sketch [3] that uses physical movement to make a 3D sketch and 
builds it into physical objects by cutting planar materials. 
8 
Spatial Sketch [3]
Method & Process 
• System Process 
9
Method & Process 
• Hardware
• Software 
– Libraries of Processing : 
video and image processing 
11 
Method & Process 
IR Detection 
(IR Camera) 
Infrared Emitter 
Information of 
curve shape 
Computer 
(Processing Tool) 
Detect 
Send 
Get
12 
Results 
Curves like a, b, c, d and e, can be shaped. 
Curve like f can’t shaped well. 
A real time volumetric 3D models
13 
Conclusion 
• Aim and Contributions 
–An iterative tangible modeling system that easily help users 
build 3D models in tangible way for personal fabrication. 
• Future Work 
–How to let generic users understand the 3D model without 
special technical requirement ? 
–Improve the system only supports symmetrical model. 
。Rectangle input replaces curve input.
14 
3D 
Modeling 
3D 
Printing 
3D 
Drawing
15 
3D 
Modeling 
3D 
Drawing 
3D 
Printing
faBrickation: Fast 3D Printing of 
Functional Objects 
by Integrating Construction Kit 
Building Blocks 
Stefanie Mueller, Tobias Mohr, Kerstin Guenther, 
Johannes Frohnhofen, Patrick Baudisch 
CHI’14 
1036421 吳姿儀 
16
17 
Outline 
• Introduction 
–Motivation 
–Aim 
• Related Works 
–Personal Fabrication 
–Interactive Fabrication 
–Fast Fabrication of Three- 
Dimensional Objects 
• Method & Process 
• Results 
• Conclusion 
–Aim and Contributions 
–Future Work
Introduction 
• Motivation 
18 
ZZzzzZZzzzZz 
ZZZzzZzzzZZz 
zzzzzzZZZzzz 
zzzzz…….. 
3D Printer Long Time
Introduction 
• Aim 
–faBrickation: Fast 3D Printing of Functional Objects by Integrating 
Construction Kit Building Blocks 
19 
faBrickation 
Rapid 
Prototyping 
3D Printing 
Building 
Blocks
Related Works 
• Personal Fabrication 
– SketchChair [4] a range of projects in HCI lower the entry barrier to 3D 
modeling by restricting the space of possible objects to chairs, Plushi [5] 
plush animals. 
Plushi [5] 
SketchChair [4] 20
Related Works 
• Interactive Fabrication 
–CopyCAD [6] enables users to copy geometry from existing objects using a 
milling machine. 
21 
CopyCAD [6]
Related Works 
• Fast Fabrication of Three-Dimensional Objects 
– LaserOrigami [7] By assembling objects layer-wise from prefabricated 
voxels of equal size. 
LaserOrigami [7] 
22
Method & Process 
• Example for a head-mounted display 
–Tools: Lego, display(smartphone), belted, and rubber bands. 
23
Method & Process 
• Example for a head-mounted display 
24 
1. Creating a model of a head-mounted display 
body in Blender. 
2. Converting the 3D model to Lego.
Method & Process 
• Example for a head-mounted display 
25 
3. Marking up a lens mount as "high resolution“ 
for 3D printing. 
4. 3D print the only the key parts.
Method & Process 
• Example for a head-mounted display 
26 
5. Assembling using faBrickator’s assembly 
instructions. 
6. The final faBrickated head mounted display.
27 
Results 
(a, b) This soap dispenser only takes 
(c) 2:05h for printing and 5 minutes assembly 
compared to the 6:30h of traditional printing. 
(a) A faBrickated penny ballista takes 
(b) only 2:06h for printing and 11 minutes 
assembly compared to 3:03h of traditional printing.
28 
Conclusion 
• Aim and Contributions 
–A new approach to rapid prototyping of functional objects. 
To save 3D printing time standard building blocks—in this 
case Lego bricks. 
• Future Work 
–To extend faBrickator so as to work with a wider range of 
building blocks and objects. 
–To improve the assembly instructions according to the Lego 
specification. 
–Automating the assembly process by building on existing 
tools that are able to assemble standard Lego bricks.
DressUp: A 3D Interface for 
Clothing Design with a 
Physical Mannequin 
Amy Wibowo, Daisuke Sakamoto, Jun Mitani, Takeo Igarashi 
TEI’12 
1036421 吳姿儀 
29
30 
Outline 
• Introduction 
–Motivation 
–Aim 
• Related Works 
–Personal Fabrication 
–3D Input for Creating 
3D models 
• Method & Process 
–Tools 
–Designing Cloth 
–Making Cloth 
• Results 
• Conclusion 
–Aim and Contributions 
–Future Work
Introduction 
• Motivation 
Professional 
Tailoring Pattern-making 
Clothing Design 31
Introduction 
• Aim 
–DressUp: A 3D interface for clothing design with a physical 
mannequin. To introduce a system for even casual users to 
be able to do exactly that. 
32 
DressUp 
Tangible 
Interaction 
3D 
Drawing 
DIY
Related Works 
• Personal Fabrication 
–Sensitive Couture [8] apply physical simulation to a resulting garment model, 
respectively, to predict the final shape while the user is editing the pattern. 
33 
Sensitive Couture [8]
Related Works 
• 3D Input for Creating 3D models 
–Surface Drawing [9] explores generating 3D surfaces by sweeping the hand 
and other tangible tools. 
Surface Drawing [9] 
34
Method & Process 
• Tools: physical mannequin, cutting tool and surface tool. 
35 
Physical Mannequin Cutting Tool Surface Tool
Method & Process 
• Designing Cloth 
36 
1. You draw the design on and around 
a physical mannequin. 
2. The physical mannequin is connected to 
a digital mannequin.
Method & Process 
• Designing Cloth 
37 
3. Draw on the mannequin to remove 
sections of cloth or create seams. 
4. Generate shapes off the body by dragging the 
surface tool around the mannequin.
Method & Process 
• Designing Cloth 
38 
5. The mannequin supports using 
physical objects as drawing guides. 
6. User created dress.
Method & Process 
• Making Cloth 
39 
1. Generate a pattern. 
2. Trace the pattern.
Method & Process 
• Making Cloth 
3. Cut the pattern from cloth. 
40 
4. Sew the pieces together.
Method & Process 
• Making Cloth 
41 
5. Just make a dress.
42 
Results 
Variety of skirts designed with surface tool: 
bubble (left), longer in back (center), flared (right) 
Mini-dresses created with system
43 
Conclusion 
• Aim and Contributions 
–A computerized system for designing dresses with 3D input using 
the form of the human body as a guide. 
• Future Work 
–To extend the variety of the clothes that can be designed by the 
system. 
–To add operations such as the creation of darts and gathers. 
–To extend the mannequin anatomy to allow creation of sleeves and 
pants. 
–To add sync between the dress shown and the dress created.
Thank you for your listen. 
44
Reference 
• Image for 3D printer 
http://steachs.com/archives/3504 
• Image for chair of Maya 
http://dbcanimation.blogspot.tw/2012/10/office-chair-3d-model. 
html 
• Image for 3D printing 
http://www.designboom.com/design/3d-printed-eames-lounge-chair- 
by-kevin-spencer/ 
• Image for timer 
https://practicalpages.wordpress.com/2011/02/ 
• Image for Lego 
http://metro.co.uk/2014/02/14/the-lego-movie-the-10-greatest-individual- 
lego-bricks-ever-made-4299533/ 
45
Reference 
• Image for clothing design 
http://image0.rayliimg.cn/0002/2011-03- 
29/images/20110329122452204.jpg 
• Image for tailoring 
http://hzdaily.hangzhou.com.cn/hzrb/media/1/1/2008- 
10/10/C04/res05_attpic_brief.jpg 
• Image for pattern-making 
http://www.sewdistracted.com/2008/01/japanese-patter.html 
• Image for mannequin 
http://www.thestylecatcher.com/2010/03/26/sewing-and-the-rise-of-the- 
machines/ 
46
Reference 
• [1] Anderson, David, et al. "Tangible interaction+ graphical interpretation: a new 
approach to 3D modeling.“ Proceedings of the 27th annual conference on 
Computer graphics and interactive techniques. ACM Press/Addison-Wesley 
Publishing Co., 2000. 
• [2] Grossman, Tovi, Ravin Balakrishnan, and Karan Singh. “An interface for 
creating and manipulating curves using a high degree-of-freedom curve input 
device.“ Proceedings of the SIGCHI conference on Human factors in computing 
systems. ACM, 2003. 
• [3] Willis, Karl DD, et al. "Spatial sketch: bridging between movement & 
fabrication." Proceedings of the fourth international conference on Tangible, 
embedded, and embodied interaction. ACM, 2010. 
• [4] Mori, Y., Igarashi, T. Plushie: an interactive design system for plush toys. 
SIGGRAPH '07, No. 45. 
• [5] Saul, G., Lau, M., Mitani, J., Igarashi, T. SketchChair: an all-in-one chair design 
47 
system for end users. Proc. TEI '11, 73-80.
Reference 
• [6] Follmer, S., Carr, D., Lovell, E., Hiroshi, I. CopyCAD: remixing physical objects 
with copy and paste from the real world. Adjunct Proc. UIST '10, 381-382. 
• [7] Mueller, S., Kruck, B., Baudisch, P. LaserOrigami: Laser-Cutting 3D Objects. 
Proc. CHI’13, 2585-2592. 
• [8] Umetani N., Danny M., Igarashi T., Grinspun E. Sensitive couture for interactive 
garment modeling and editing. ACM Trans. Graph., 30:90:1–90:12, August 2011. 
• [9] Schkolne, S., Pruett, M., Schroder, P. “Surface Drawing: Creating Organic 3D 
Shapes with the Hand and Tangible Tools”. In Proc. SIGCHI, pages 261–268, 2001. 
48

More Related Content

Similar to Interactive Paper 2014

3 d – printing
3 d – printing3 d – printing
3 d – printing
Gourav Pal
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
Kevin Picalausa
 

Similar to Interactive Paper 2014 (20)

3d technology rahul
3d technology rahul3d technology rahul
3d technology rahul
 
3 d printing
3 d printing 3 d printing
3 d printing
 
3D simulations as an innovation tool
3D simulations as an innovation tool3D simulations as an innovation tool
3D simulations as an innovation tool
 
virtual interior engineer
virtual interior engineer virtual interior engineer
virtual interior engineer
 
Application of computer in garments industry
Application of computer in garments industryApplication of computer in garments industry
Application of computer in garments industry
 
3D printing ppt.pptx
3D printing ppt.pptx3D printing ppt.pptx
3D printing ppt.pptx
 
Presentation1.ppt 3 d printing
Presentation1.ppt 3 d printingPresentation1.ppt 3 d printing
Presentation1.ppt 3 d printing
 
3 d printing
3 d printing3 d printing
3 d printing
 
3D Printer University-assignment
3D Printer University-assignment3D Printer University-assignment
3D Printer University-assignment
 
Additive manufacturing technology
Additive manufacturing technologyAdditive manufacturing technology
Additive manufacturing technology
 
3D PRINTING
3D PRINTING3D PRINTING
3D PRINTING
 
Introducing 3D Design and Printing
Introducing 3D Design and PrintingIntroducing 3D Design and Printing
Introducing 3D Design and Printing
 
3d-printing-871-APjTyfn.pptx
3d-printing-871-APjTyfn.pptx3d-printing-871-APjTyfn.pptx
3d-printing-871-APjTyfn.pptx
 
Case study: 3D modelling for 3D printing for designer makers and artists
Case study: 3D modelling for 3D printing for designer makers and artistsCase study: 3D modelling for 3D printing for designer makers and artists
Case study: 3D modelling for 3D printing for designer makers and artists
 
Introduction to 3D printing
Introduction to 3D printingIntroduction to 3D printing
Introduction to 3D printing
 
3d Printing Technology by Sai Thangella
3d Printing Technology by Sai Thangella3d Printing Technology by Sai Thangella
3d Printing Technology by Sai Thangella
 
Parents
ParentsParents
Parents
 
3 d – printing
3 d – printing3 d – printing
3 d – printing
 
3D Printing.pptx
3D Printing.pptx3D Printing.pptx
3D Printing.pptx
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

Interactive Paper 2014

  • 1. Interaction Interface Design Case Study 吳姿儀 1
  • 2. 2 3D Drawing 3D Printing 3D Modeling
  • 3. RoCuModel: An Iterative Tangible Modeling System Yuebo Shen, Keqin, Jiawei Gu TEI’14 1036421 吳姿儀 3
  • 4. 4 Outline • Introduction –Motivation –Aim • Related Works –Tangible Modeling Interfaces –Interactive Fabrication • Method & Process –System Process –Hardware –Software • Results • Conclusion –Aim and Contributions –Future Work
  • 5. Introduction • Motivation 3D Printer 3D Modeling Tool 3D Printing 5 Professional
  • 6. Introduction • Aim – RoCuModel : An Iterative Tangible Modeling System 6 RoCuModel Personal Fabrication DIY 3D Modeling Simple Educational Tangible Interaction Immediate Intuitive
  • 7. Related Works • Tangible Modeling Interfaces(TUIs) – By a modeling medium with embedded computation or by using an external sensor to capture the geometry [1]. 7
  • 8. Related Works • Interactive Fabrication –Spatial Sketch [3] that uses physical movement to make a 3D sketch and builds it into physical objects by cutting planar materials. 8 Spatial Sketch [3]
  • 9. Method & Process • System Process 9
  • 10. Method & Process • Hardware
  • 11. • Software – Libraries of Processing : video and image processing 11 Method & Process IR Detection (IR Camera) Infrared Emitter Information of curve shape Computer (Processing Tool) Detect Send Get
  • 12. 12 Results Curves like a, b, c, d and e, can be shaped. Curve like f can’t shaped well. A real time volumetric 3D models
  • 13. 13 Conclusion • Aim and Contributions –An iterative tangible modeling system that easily help users build 3D models in tangible way for personal fabrication. • Future Work –How to let generic users understand the 3D model without special technical requirement ? –Improve the system only supports symmetrical model. 。Rectangle input replaces curve input.
  • 14. 14 3D Modeling 3D Printing 3D Drawing
  • 15. 15 3D Modeling 3D Drawing 3D Printing
  • 16. faBrickation: Fast 3D Printing of Functional Objects by Integrating Construction Kit Building Blocks Stefanie Mueller, Tobias Mohr, Kerstin Guenther, Johannes Frohnhofen, Patrick Baudisch CHI’14 1036421 吳姿儀 16
  • 17. 17 Outline • Introduction –Motivation –Aim • Related Works –Personal Fabrication –Interactive Fabrication –Fast Fabrication of Three- Dimensional Objects • Method & Process • Results • Conclusion –Aim and Contributions –Future Work
  • 18. Introduction • Motivation 18 ZZzzzZZzzzZz ZZZzzZzzzZZz zzzzzzZZZzzz zzzzz…….. 3D Printer Long Time
  • 19. Introduction • Aim –faBrickation: Fast 3D Printing of Functional Objects by Integrating Construction Kit Building Blocks 19 faBrickation Rapid Prototyping 3D Printing Building Blocks
  • 20. Related Works • Personal Fabrication – SketchChair [4] a range of projects in HCI lower the entry barrier to 3D modeling by restricting the space of possible objects to chairs, Plushi [5] plush animals. Plushi [5] SketchChair [4] 20
  • 21. Related Works • Interactive Fabrication –CopyCAD [6] enables users to copy geometry from existing objects using a milling machine. 21 CopyCAD [6]
  • 22. Related Works • Fast Fabrication of Three-Dimensional Objects – LaserOrigami [7] By assembling objects layer-wise from prefabricated voxels of equal size. LaserOrigami [7] 22
  • 23. Method & Process • Example for a head-mounted display –Tools: Lego, display(smartphone), belted, and rubber bands. 23
  • 24. Method & Process • Example for a head-mounted display 24 1. Creating a model of a head-mounted display body in Blender. 2. Converting the 3D model to Lego.
  • 25. Method & Process • Example for a head-mounted display 25 3. Marking up a lens mount as "high resolution“ for 3D printing. 4. 3D print the only the key parts.
  • 26. Method & Process • Example for a head-mounted display 26 5. Assembling using faBrickator’s assembly instructions. 6. The final faBrickated head mounted display.
  • 27. 27 Results (a, b) This soap dispenser only takes (c) 2:05h for printing and 5 minutes assembly compared to the 6:30h of traditional printing. (a) A faBrickated penny ballista takes (b) only 2:06h for printing and 11 minutes assembly compared to 3:03h of traditional printing.
  • 28. 28 Conclusion • Aim and Contributions –A new approach to rapid prototyping of functional objects. To save 3D printing time standard building blocks—in this case Lego bricks. • Future Work –To extend faBrickator so as to work with a wider range of building blocks and objects. –To improve the assembly instructions according to the Lego specification. –Automating the assembly process by building on existing tools that are able to assemble standard Lego bricks.
  • 29. DressUp: A 3D Interface for Clothing Design with a Physical Mannequin Amy Wibowo, Daisuke Sakamoto, Jun Mitani, Takeo Igarashi TEI’12 1036421 吳姿儀 29
  • 30. 30 Outline • Introduction –Motivation –Aim • Related Works –Personal Fabrication –3D Input for Creating 3D models • Method & Process –Tools –Designing Cloth –Making Cloth • Results • Conclusion –Aim and Contributions –Future Work
  • 31. Introduction • Motivation Professional Tailoring Pattern-making Clothing Design 31
  • 32. Introduction • Aim –DressUp: A 3D interface for clothing design with a physical mannequin. To introduce a system for even casual users to be able to do exactly that. 32 DressUp Tangible Interaction 3D Drawing DIY
  • 33. Related Works • Personal Fabrication –Sensitive Couture [8] apply physical simulation to a resulting garment model, respectively, to predict the final shape while the user is editing the pattern. 33 Sensitive Couture [8]
  • 34. Related Works • 3D Input for Creating 3D models –Surface Drawing [9] explores generating 3D surfaces by sweeping the hand and other tangible tools. Surface Drawing [9] 34
  • 35. Method & Process • Tools: physical mannequin, cutting tool and surface tool. 35 Physical Mannequin Cutting Tool Surface Tool
  • 36. Method & Process • Designing Cloth 36 1. You draw the design on and around a physical mannequin. 2. The physical mannequin is connected to a digital mannequin.
  • 37. Method & Process • Designing Cloth 37 3. Draw on the mannequin to remove sections of cloth or create seams. 4. Generate shapes off the body by dragging the surface tool around the mannequin.
  • 38. Method & Process • Designing Cloth 38 5. The mannequin supports using physical objects as drawing guides. 6. User created dress.
  • 39. Method & Process • Making Cloth 39 1. Generate a pattern. 2. Trace the pattern.
  • 40. Method & Process • Making Cloth 3. Cut the pattern from cloth. 40 4. Sew the pieces together.
  • 41. Method & Process • Making Cloth 41 5. Just make a dress.
  • 42. 42 Results Variety of skirts designed with surface tool: bubble (left), longer in back (center), flared (right) Mini-dresses created with system
  • 43. 43 Conclusion • Aim and Contributions –A computerized system for designing dresses with 3D input using the form of the human body as a guide. • Future Work –To extend the variety of the clothes that can be designed by the system. –To add operations such as the creation of darts and gathers. –To extend the mannequin anatomy to allow creation of sleeves and pants. –To add sync between the dress shown and the dress created.
  • 44. Thank you for your listen. 44
  • 45. Reference • Image for 3D printer http://steachs.com/archives/3504 • Image for chair of Maya http://dbcanimation.blogspot.tw/2012/10/office-chair-3d-model. html • Image for 3D printing http://www.designboom.com/design/3d-printed-eames-lounge-chair- by-kevin-spencer/ • Image for timer https://practicalpages.wordpress.com/2011/02/ • Image for Lego http://metro.co.uk/2014/02/14/the-lego-movie-the-10-greatest-individual- lego-bricks-ever-made-4299533/ 45
  • 46. Reference • Image for clothing design http://image0.rayliimg.cn/0002/2011-03- 29/images/20110329122452204.jpg • Image for tailoring http://hzdaily.hangzhou.com.cn/hzrb/media/1/1/2008- 10/10/C04/res05_attpic_brief.jpg • Image for pattern-making http://www.sewdistracted.com/2008/01/japanese-patter.html • Image for mannequin http://www.thestylecatcher.com/2010/03/26/sewing-and-the-rise-of-the- machines/ 46
  • 47. Reference • [1] Anderson, David, et al. "Tangible interaction+ graphical interpretation: a new approach to 3D modeling.“ Proceedings of the 27th annual conference on Computer graphics and interactive techniques. ACM Press/Addison-Wesley Publishing Co., 2000. • [2] Grossman, Tovi, Ravin Balakrishnan, and Karan Singh. “An interface for creating and manipulating curves using a high degree-of-freedom curve input device.“ Proceedings of the SIGCHI conference on Human factors in computing systems. ACM, 2003. • [3] Willis, Karl DD, et al. "Spatial sketch: bridging between movement & fabrication." Proceedings of the fourth international conference on Tangible, embedded, and embodied interaction. ACM, 2010. • [4] Mori, Y., Igarashi, T. Plushie: an interactive design system for plush toys. SIGGRAPH '07, No. 45. • [5] Saul, G., Lau, M., Mitani, J., Igarashi, T. SketchChair: an all-in-one chair design 47 system for end users. Proc. TEI '11, 73-80.
  • 48. Reference • [6] Follmer, S., Carr, D., Lovell, E., Hiroshi, I. CopyCAD: remixing physical objects with copy and paste from the real world. Adjunct Proc. UIST '10, 381-382. • [7] Mueller, S., Kruck, B., Baudisch, P. LaserOrigami: Laser-Cutting 3D Objects. Proc. CHI’13, 2585-2592. • [8] Umetani N., Danny M., Igarashi T., Grinspun E. Sensitive couture for interactive garment modeling and editing. ACM Trans. Graph., 30:90:1–90:12, August 2011. • [9] Schkolne, S., Pruett, M., Schroder, P. “Surface Drawing: Creating Organic 3D Shapes with the Hand and Tangible Tools”. In Proc. SIGCHI, pages 261–268, 2001. 48

Editor's Notes

  1. 大家好,我今天報告三篇論文的主題為3D Modeling、3D Printing、3D Drawing。 首先第一篇的主題是3D Modeling。
  2. 論文名稱:RoCuModel: An Iterative Tangible Modeling System 研討會:2014 TEI
  3. 大綱有五個章節,介紹、相關文獻、方法、結果和結論。
  4. *Motivation 從3D列表機的蓬勃發展,再透過3D建模軟體,便能建置實體的3D模型。 由於繪製模型受限於專業軟體不易上手等問題。這阻礙了使用者想創作的能力。
  5. *Aim 這系統名稱叫做RoCuModel, 此簡化自製過程且方便學習3D建模系統,並且附有即時性和直覺性, 把模型從投影到螢幕上轉換成立即呈現在現實環境中。
  6. 接著是這篇文章相關文獻, Tangible Modeling Interfaces實體建模介面 [1] 嵌入式儀器或額外的感測器(sensor),來建置3D模型
  7. Interactive Fabrication 互動製作 [3] 在空間3D素描,將物理運動建置成切割面 這種方法提供即時性建模但不能修改模型,而RoCuModel既可以即時也能修改模型。
  8. *System Process 這邊輸入為我們的手,透過實體裝置輸出建置模型,再用3D列印將實體模型列印出來。 此研究主要為前兩個步驟,簡化建置3D模型的系統。
  9. *Hardware 要如何自製這個裝置,所需要的硬體有: 左半部為旋轉曲線。 LED燈沿著可塑曲線器黏貼在外部 Infrared Emitter 紅外線發射器=> 用來決定曲線的形狀,共有八個紅外線發射器(黑色點點) Moldable Curve 可塑曲線 Motor 馬達=>旋轉式馬達(每秒轉速500 rad/s) 右半部為紅外線偵測區。 Acrylic Stand 壓克力架=>用來固定紅外線偵測區的裝置 IR Camera 紅外線攝影機=>=>系統用來偵測八個紅外線發射器的位置,可以知道曲線形狀的變化 Battery電池
  10. *Software 軟體方面是透過Processing來做視訊與影像處理。 系統透過紅外線攝影機偵測到紅外線發射器的位置變化,取得曲線形狀的資訊,最後傳送到電腦。
  11. *Results 左邊的圖為此系統的曲線可以達成a,b,c,d,e這四種形狀,但是f的曲線形狀無法良好, 右邊的圖為此系統可以即時性在現實環境呈現3D模型,取代顯示在螢幕上。
  12. *Conclusion *Aim and Contributions 此重複實體建模系統簡單地使用實體的自製方式幫助使用者建置3D模型。 *Future Work -如何讓一般使用者在沒有特殊技術需求下了解3D模型? -改善系統只支援對稱性模型=>將曲線輸入取代成矩形輸入
  13. 論文名稱:faBrickation: Fast 3D Printing of Functional Objects by Integrating Construction Kit Building Blocks 研討會:2014 CHI
  14. *Motivation 由於傳統3D列印技術處理時間要很久,此研究提出新方式來快速建置實體3D模型。
  15. *Aim 這系統名稱叫做faBrickation, 此系統透過樂高積木組裝方式,簡易且快速地建置實體3D模型。 是利用樂高修改模型的可塑性和便利性,只列印關鍵修補元件便能大幅減少列印時間。
  16. [4] 建置椅子模型 [5] 建置毛絨動物
  17. [6] 複製銑ㄒㄧㄢˇ床(切割金屬的機器)上的幾何模型
  18. [7] 利用雷射切割方式建置3D模型
  19. *Tool 系統流程以頭戴式顯示器為例。 所需要個工具有:樂高積木、顯示器(手機)、束帶和橡皮筋。
  20. *Process 1. 使用Blender軟體繪製鏡頭支架模型 2. 將鏡頭支架模型載入faBrickated系統並將模型樂高化 3. 標記鏡頭支架細節零件需要列印的部分 4. 列印關鍵零件 5. 將有特殊號碼的零件依說明指示組裝在鏡頭支架上 6. 完成頭戴式顯示器
  21. *Process 1. 使用Blender軟體繪製鏡頭支架模型 2. 將鏡頭支架模型載入faBrickated系統並將模型樂高化 3. 標記鏡頭支架細節零件需要列印的部分 4. 列印關鍵零件 5. 將有特殊號碼的零件依說明指示組裝在鏡頭支架上 6. 完成頭戴式顯示器
  22. *Process 1. 使用Blender軟體繪製鏡頭支架模型 2. 將鏡頭支架模型載入faBrickated系統並將模型樂高化 3. 標記鏡頭支架細節零件需要列印的部分 4. 列印關鍵零件 5. 將有特殊號碼的零件依說明指示組裝在鏡頭支架上 6. 完成頭戴式顯示器
  23. *Results 左邊為"竹弩"。 a圖是faBrickated做成的,只需要花費2小時的列印和組裝(11分鐘),而傳統列印需要花費3小時。 右圖為"肥皂盒"。 a,b圖為faBrickated做成的,只需要花費2小時的列印和組裝(5分鐘),而傳統列印需要花費6小時30分。
  24. *Conclusion *Aim and Contributions 藉由樂高積木快速組裝、建模方式節省3D列印的時間。 *Future Work -建置更廣泛的3D模型 -改善組裝樂高積木的規範 -自動化組裝樂高積木的過程
  25. 論文名稱:DressUp: A 3D Interface for Clothing Design with a Physical Mannequing Construction Kit Building Blocks 研討會:2012 TEI
  26. *Motivation 服裝設計、剪裁、打版等需要專業技能才能設計、製造衣服,並非所有有興趣的人都能自己設計服裝。
  27. *Aim 這系統名稱叫做DressUp, 利用實體人體模型裝置的服裝設計3D介面。為了讓一般使用者也能自己設計衣服並享受其中。
  28. [8] 應用物理方式模擬來製作服裝模型
  29. [9]通過掃描手部和其他實體的工具生成3D平面。
  30. *Tool 實體人體模型(肩膀上有兩個感測器,是為了測量肩膀寬度)、剪輯工具(三個感測器、用滑鼠點擊)、表面工具(四個感測器、用滑鼠點擊)。
  31. *Designing Cloth 1. 設計衣服在實體人體模型上 2. 實體人體模型被連接到數位人體模型 3. 移除工具可以移除部分的衣服 4. 表面工具可以產生裙擺的部分 5. 人體模型可使用實體物件當作設計的導引 6. 完成洋裝設計
  32. *Designing Cloth 1. 設計衣服在實體人體模型上 2. 實體人體模型被連接到數位人體模型 3. 移除工具可以移除部分的衣服 4. 表面工具可以產生裙擺的部分 5. 人體模型可使用實體物件當作設計的導引 6. 完成洋裝設計
  33. *Designing Cloth 1. 設計衣服在實體人體模型上 2. 實體人體模型被連接到數位人體模型 3. 移除工具可以移除部分的衣服 4. 表面工具可以產生裙擺的部分 5. 人體模型可使用實體物件當作設計的導引 6. 完成洋裝設計
  34. *Making Cloth 1. 將設計好的衣服,生成打版模型 2. 將打版模型用紙張等比例描繪下來 3. 從布料剪裁打版模型 4. 將拼塊縫合在一起 5. 完成洋裝製作
  35. *Making Cloth 1. 將設計好的衣服,生成打版模型 2. 將打版模型用紙張等比例描繪下來 3. 從布料剪裁打版模型 4. 將拼塊縫合在一起 5. 完成洋裝製作
  36. *Making Cloth 1. 將設計好的衣服,生成打版模型 2. 將打版模型用紙張等比例描繪下來 3. 從布料剪裁打版模型 4. 將拼塊縫合在一起 5. 完成洋裝製作
  37. *Results 左圖為使用表面工具的各種裙擺設計。 右圖為此系統設計出的迷你洋裝。
  38. *Conclusion *Aim and Contributions 此服裝設計系統,利用人體模型作為指南的形式,讓使用者簡易地設計衣服。 *Future Work -延伸更多樣式的衣服設計 -增加操作功能,像是縫褶和皺褶。 -改成全身是人體模型(手臂可做袖子、雙腳可做褲子) -增加衣服呈現和衣服製作同步化。