interactive paper 2014

48
Interaction Interface Design Case Study 吳吳吳 1

Upload: -

Post on 11-Jun-2015

193 views

Category:

Technology


0 download

DESCRIPTION

1. RoCuModel: An Iterative Tangible Modeling System 2. faBrickation: Fast 3D Printing of Functional Objects by Integrating Construction Kit Building Blocks 3. DressUp: A 3D Interface for Clothing Design with a Physical Mannequing Construction Kit Building Blocks

TRANSCRIPT

Page 1: Interactive Paper 2014

1

Interaction Interface Design Case Study

吳姿儀

Page 2: Interactive Paper 2014

2

3D Drawing

3D Printin

g

3D Modeling

Page 3: Interactive Paper 2014

3

RoCuModel: An Iterative Tangible Modeling

SystemYuebo Shen, Keqin, Jiawei Gu

TEI’14

1036421 吳姿儀

Page 4: Interactive Paper 2014

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

5

Introduction• Motivation

3D Printer 3D Modeling Tool 3D Printing

Professional

Page 6: Interactive Paper 2014

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

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

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

9

Method & Process• System Process

Page 10: Interactive Paper 2014

• Hardware

Method & Process

Page 11: Interactive Paper 2014

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

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

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

14

3D Modeling

3D Printin

g

3D Drawing

Page 15: Interactive Paper 2014

15

3D Modeling

3D Drawing

3D Printin

g

Page 16: Interactive Paper 2014

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

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

18

Introduction• Motivation

3D Printer Long Time

ZZzzzZZzzzZz ZZZzzZzzzZZzzzzzzzZZZzzzzzzzz……..

Page 19: Interactive Paper 2014

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

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

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

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

23

Method & Process• Example for a head-mounted display

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

Page 24: Interactive Paper 2014

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

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

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

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

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

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

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

31

Introduction• Motivation

Clothing DesignTailoring Pattern-making

Professional

Page 32: Interactive Paper 2014

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

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

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

35

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

Cutting Tool Surface ToolPhysical Mannequin

Page 36: Interactive Paper 2014

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

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

38

Method & Process• Designing Cloth

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

6. User created dress.

Page 39: Interactive Paper 2014

39

Method & Process• Making Cloth

1. Generate a pattern.

2. Trace the pattern.

Page 40: Interactive Paper 2014

40

Method & Process• Making Cloth

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

Page 41: Interactive Paper 2014

41

Method & Process• Making Cloth

5. Just make a dress.

Page 42: Interactive Paper 2014

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

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

44

Thank you for your listen.

Page 47: Interactive Paper 2014

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

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.