interactive paper 2014

1

Interaction Interface Design Case Study

吳姿儀

2

3D Drawing

3D Printin

g

3D Modeling

3

RoCuModel: An Iterative Tangible Modeling

SystemYuebo Shen, Keqin, Jiawei Gu

TEI’14

1036421 吳姿儀

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

Professional

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].

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]

9

Method & Process• System Process

• Hardware

Method & Process

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

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 Printin

g

3D Drawing

15

3D Modeling

3D Drawing

3D Printin

g

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 吳姿儀

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

3D Printer Long Time

ZZzzzZZzzzZz ZZZzzZzzzZZzzzzzzzZZZzzzzzzzz……..

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.

SketchChair [4]Plushi [5]

21

Related Works• Interactive Fabrication

–CopyCAD [6] enables users to copy geometry from existing objects using a milling machine.

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]

23

Method & Process• Example for a head-mounted display

–Tools: Lego, display(smartphone), belted, and rubber bands.

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.

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.

26

Method & Process• Example for a head-mounted display

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.

29

DressUp: A 3D Interface for Clothing Design with a

Physical Mannequin

Amy Wibowo, Daisuke Sakamoto, Jun Mitani, Takeo Igarashi

TEI’12

1036421 吳姿儀

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

Clothing DesignTailoring Pattern-making

Professional

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

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]

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]

35

Method & Process• Tools: physical mannequin, cutting tool and surface tool.

Cutting Tool Surface ToolPhysical Mannequin

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.

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.

38

Method & Process• Designing Cloth

5. The mannequin supports using physical objects as drawing guides.

6. User created dress.

39

Method & Process• Making Cloth

1. Generate a pattern.

2. Trace the pattern.

40

Method & Process• Making Cloth

3. Cut the pattern from cloth.4. Sew the pieces together.

41

Method & Process• Making Cloth

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.

44

Thank you for your listen.

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/

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/

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.

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.