interactive paper 2014
DESCRIPTION
1. RoCuModel: An Iterative Tangible Modeling System 2. faBrickation: Fast 3D Printing of Functional Objectsby Integrating Construction Kit Building Blocks 3. DressUp: A 3D Interface for Clothing Design with a Physical Mannequing Construction Kit Building BlocksTRANSCRIPT
![Page 1: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/1.jpg)
1
Interaction Interface Design Case Study
吳姿儀
![Page 2: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/2.jpg)
2
3D Drawing
3D Printin
g
3D Modeling
![Page 3: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/3.jpg)
3
RoCuModel: An Iterative Tangible Modeling
SystemYuebo Shen, Keqin, Jiawei Gu
TEI’14
1036421 吳姿儀
![Page 4: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/4.jpg)
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
![Page 5: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/5.jpg)
5
Introduction• Motivation
3D Printer 3D Modeling Tool 3D Printing
Professional
![Page 6: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/6.jpg)
Introduction• Aim
– RoCuModel : An Iterative Tangible Modeling System
6
RoCuModel
Personal Fabrication
DIY
3D Modeling
Simple
Educational
Tangible Interaction
Immediate
Intuitive
![Page 7: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/7.jpg)
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].
![Page 8: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/8.jpg)
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.
Spatial Sketch [3]
![Page 9: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/9.jpg)
9
Method & Process• System Process
![Page 10: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/10.jpg)
• Hardware
Method & Process
![Page 11: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/11.jpg)
11
• Software– Libraries of Processing :
video and image processing
Method & Process
IR Detection (IR Camera)
Infrared EmitterInformation of curve shape
Computer(Processing Tool)
Detect
Send
Get
![Page 12: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/12.jpg)
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
![Page 13: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/13.jpg)
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.
![Page 14: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/14.jpg)
14
3D Modeling
3D Printin
g
3D Drawing
![Page 15: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/15.jpg)
15
3D Modeling
3D Drawing
3D Printin
g
![Page 16: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/16.jpg)
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 吳姿儀
![Page 17: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/17.jpg)
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
![Page 18: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/18.jpg)
18
Introduction• Motivation
3D Printer Long Time
ZZzzzZZzzzZz ZZZzzZzzzZZzzzzzzzZZZzzzzzzzz……..
![Page 19: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/19.jpg)
Introduction• Aim
–faBrickation: Fast 3D Printing of Functional Objects by Integrating Construction Kit Building Blocks
19
faBrickation
Rapid Prototyping 3D Printing Building
Blocks
![Page 20: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/20.jpg)
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.
SketchChair [4]Plushi [5]
![Page 21: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/21.jpg)
21
Related Works• Interactive Fabrication
–CopyCAD [6] enables users to copy geometry from existing objects using a milling machine.
CopyCAD [6]
![Page 22: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/22.jpg)
22
Related Works• Fast Fabrication of Three-Dimensional Objects
–LaserOrigami [7] By assembling objects layer-wise from prefabricated voxels of equal size.
LaserOrigami [7]
![Page 23: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/23.jpg)
23
Method & Process• Example for a head-mounted display
–Tools: Lego, display(smartphone), belted, and rubber bands.
![Page 24: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/24.jpg)
24
Method & Process• Example for a head-mounted display
1. Creating a model of a head-mounted display body in Blender.
2. Converting the 3D model to Lego.
![Page 25: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/25.jpg)
25
Method & Process• Example for a head-mounted display
3. Marking up a lens mount as "high resolution“ for 3D printing.
4. 3D print the only the key parts.
![Page 26: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/26.jpg)
26
Method & Process• Example for a head-mounted display
5. Assembling using faBrickator’s assembly instructions.
6. The final faBrickated head mounted display.
![Page 27: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/27.jpg)
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.
![Page 28: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/28.jpg)
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.
![Page 29: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/29.jpg)
29
DressUp: A 3D Interface for Clothing Design with a
Physical Mannequin
Amy Wibowo, Daisuke Sakamoto, Jun Mitani, Takeo Igarashi
TEI’12
1036421 吳姿儀
![Page 30: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/30.jpg)
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
![Page 31: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/31.jpg)
31
Introduction• Motivation
Clothing DesignTailoring Pattern-making
Professional
![Page 32: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/32.jpg)
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.
DressUp
Tangible Interaction
![Page 33: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/33.jpg)
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.
Sensitive Couture [8]
![Page 34: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/34.jpg)
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]
![Page 35: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/35.jpg)
35
Method & Process• Tools: physical mannequin, cutting tool and surface tool.
Cutting Tool Surface ToolPhysical Mannequin
![Page 36: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/36.jpg)
36
Method & Process• Designing Cloth
1. You draw the design on and around a physical mannequin.
2. The physical mannequin is connected to a digital mannequin.
![Page 37: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/37.jpg)
37
Method & Process• Designing Cloth
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.
![Page 38: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/38.jpg)
38
Method & Process• Designing Cloth
5. The mannequin supports using physical objects as drawing guides.
6. User created dress.
![Page 39: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/39.jpg)
39
Method & Process• Making Cloth
1. Generate a pattern.
2. Trace the pattern.
![Page 40: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/40.jpg)
40
Method & Process• Making Cloth
3. Cut the pattern from cloth.4. Sew the pieces together.
![Page 41: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/41.jpg)
41
Method & Process• Making Cloth
5. Just make a dress.
![Page 42: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/42.jpg)
42
Results
Variety of skirts designed with surface tool: bubble (left), longer in back (center), flared (right)
Mini-dresses created with system
![Page 43: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/43.jpg)
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.
![Page 44: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/44.jpg)
44
Thank you for your listen.
![Page 45: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/45.jpg)
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 printinghttp://www.designboom.com/design/3d-printed-eames-lounge-chair-by-kevin-spencer/
• Image for timerhttps://practicalpages.wordpress.com/2011/02/
• Image for Legohttp://metro.co.uk/2014/02/14/the-lego-movie-the-10-greatest-individual-lego-bricks-ever-made-4299533/
![Page 46: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/46.jpg)
46
Reference• Image for clothing design
http://image0.rayliimg.cn/0002/2011-03-29/images/20110329122452204.jpg
• Image for tailoringhttp://hzdaily.hangzhou.com.cn/hzrb/media/1/1/2008-10/10/C04/res05_attpic_brief.jpg
• Image for pattern-makinghttp://www.sewdistracted.com/2008/01/japanese-patter.html
• Image for mannequinhttp://www.thestylecatcher.com/2010/03/26/sewing-and-the-rise-of-the-machines/
![Page 47: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/47.jpg)
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 system for end users. Proc. TEI '11, 73-80.
![Page 48: Interactive Paper 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081603/5579115bd8b42a03578b505d/html5/thumbnails/48.jpg)
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.