1
Patchy: An Interactive Patchwork Design System Yuki Igarashi * Jun Mitani University of Tsukuba / Meiji University University of Tsukuba (a) (b) (c) (d) (e) (f) (g) Figure 1: System overview. (a) The user designs patchwork pattern silhouettes using a painting interface. (b) Then the user designs a color fabric pattern. (c) The system automatically adds stitch strokes. (d) Then the user can design stitch strokes using a free-form stroke, (e) pull a silhouette stroke, (f) pull a stitch stroke, and finally (g) sew the patchwork. 1 Introduction Patchwork is a well-known type of needlework that involves sewing pieces of fabric into a larger design. It is commonly used to form quilts, but can also be used to make bags, wall hangings, cush- ion covers, and other items. Larger designs are usually based on repeating patterns, which are built up using different shapes. Pro- fessional patchwork designers design original patterns; however, novice users usually use geometric patterns or off-the-shelf patterns for each piece; this is because it is difficult for novices to design patterns while visualizing the resulting larger fabric. Here we propose an interactive system to assist the design of orig- inal patchwork patterns. Coahranm and Fiume [2005] presented a sketch-based design system for a specific quilting artform, i.e., Bargello patterns. They described an algorithm that transforms sketched input data into graceful Bargello curves. In contrast, with our system the user designs original patchwork strokes. The user can design original patchwork patterns using various fabric colors through a process of trial and error. 2 User Interface Figure 1 shows an overview of the process. The user first designs patchwork pattern silhouettes using a painting interface (Fig. 1a). Then s/he designs fabric patterns through trial and error, as shown in Figure 1(b). The user draws two types of stroke: a silhouette stroke, which is the border of the pieces of fabric, and a stitch stroke, which is a stitch line on the pieces of fabric. The system automati- cally adds stitch strokes, as shown in Figure 1(c). The user can also design stitch strokes using a free-form stroke (Fig. 1d), and then sew the patchwork, as shown in Figure 1(g). As shown in Figure 1(e,f), the user can grab a stroke and pull it to deform the shape of the stitch lines using the peeling interface introduced by Igarashi et al. [2005]. When s/he drags and drops a texture image into a domain bounded by silhouette strokes, the sys- tem updates the region inside this area. The user can also examine the overall color balance in a distant view using the zoom tool. * e-mail:[email protected] 3 Implementation Our prototype system was implemented in Java TM , and demon- strated in real-time on a 2.1-GHz Core TM i7 PC. The system uses a hybrid approach combining vector and raster representations. The user’s strokes are stored as vector graphic primitives, and the system renders the strokes and texture as a raster image after computing the normals. Figure 2: Computation of nor- mals. The system computes the normals of the cells after the user inputs or modifies a stroke, as shown in Figure 2. The target normal n of a cell v(x, y) is computed as the normal of a height field defined by h(d)= p r 2 - (r - d) 2 (d<r) r (d r) , where d is the distance to the closest stroke and r is a constant parameter; we used r = 30. Then the system applies smoothing to each normal 50 times. 4 Results We used our system to create patchwork designs, and then the re- sulting pattern was manually sewn, as shown in Figure 3. Each design session typically required 10 - 15 min, and the sewing re- quired 3 - 5 h. Users can quickly experiment with various patterns using the system before beginning sewing. Figure 3: Example patterns designed using Patchy. References COAHRANM, M., AND FIUME, E. 2005. Sketch-based design for bargello quilts. In Eurographics Workshop on Sketch-Based Interfaces and Modeling 2005, 165–174. I GARASHI , T., MOSCOVICH, T., AND HUGHES, J. F. 2005. As-rigid-as-possible shape manipulation. ACM Transactions on Computer Graphics (ACM SIGGRAPH 2005) 24, 3, 1134–1141.

Patchy: An Interactive Patchwork Design Systemyuki_i/papers/patchy_siggraph2015.pdf · quilts, but can also be used to make bags, wall hangings, cush-ion covers, and other items

  • Upload
    others

  • View
    5

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Patchy: An Interactive Patchwork Design Systemyuki_i/papers/patchy_siggraph2015.pdf · quilts, but can also be used to make bags, wall hangings, cush-ion covers, and other items

Patchy: An Interactive Patchwork Design System

Yuki Igarashi∗ Jun MitaniUniversity of Tsukuba / Meiji University University of Tsukuba

(a) (b) (c) (d) (e) (f) (g)Figure 1: System overview. (a) The user designs patchwork pattern silhouettes using a painting interface. (b) Then the user designs a colorfabric pattern. (c) The system automatically adds stitch strokes. (d) Then the user can design stitch strokes using a free-form stroke, (e) pulla silhouette stroke, (f) pull a stitch stroke, and finally (g) sew the patchwork.

1 Introduction

Patchwork is a well-known type of needlework that involves sewingpieces of fabric into a larger design. It is commonly used to formquilts, but can also be used to make bags, wall hangings, cush-ion covers, and other items. Larger designs are usually based onrepeating patterns, which are built up using different shapes. Pro-fessional patchwork designers design original patterns; however,novice users usually use geometric patterns or off-the-shelf patternsfor each piece; this is because it is difficult for novices to designpatterns while visualizing the resulting larger fabric.

Here we propose an interactive system to assist the design of orig-inal patchwork patterns. Coahranm and Fiume [2005] presenteda sketch-based design system for a specific quilting artform, i.e.,Bargello patterns. They described an algorithm that transformssketched input data into graceful Bargello curves. In contrast, withour system the user designs original patchwork strokes. The usercan design original patchwork patterns using various fabric colorsthrough a process of trial and error.

2 User Interface

Figure 1 shows an overview of the process. The user first designspatchwork pattern silhouettes using a painting interface (Fig. 1a).Then s/he designs fabric patterns through trial and error, as shownin Figure 1(b). The user draws two types of stroke: a silhouettestroke, which is the border of the pieces of fabric, and a stitch stroke,which is a stitch line on the pieces of fabric. The system automati-cally adds stitch strokes, as shown in Figure 1(c). The user can alsodesign stitch strokes using a free-form stroke (Fig. 1d), and thensew the patchwork, as shown in Figure 1(g).

As shown in Figure 1(e,f), the user can grab a stroke and pull itto deform the shape of the stitch lines using the peeling interfaceintroduced by Igarashi et al. [2005]. When s/he drags and drops atexture image into a domain bounded by silhouette strokes, the sys-tem updates the region inside this area. The user can also examinethe overall color balance in a distant view using the zoom tool.

∗e-mail:[email protected]

3 Implementation

Our prototype system was implemented in JavaTM, and demon-strated in real-time on a 2.1-GHz CoreTMi7 PC. The system uses ahybrid approach combining vector and raster representations. Theuser’s strokes are stored as vector graphic primitives, and the systemrenders the strokes and texture as a raster image after computing thenormals.

Figure 2: Computation of nor-mals.

The system computes thenormals of the cells afterthe user inputs or modifiesa stroke, as shown in Figure2. The target normal n of acell v(x, y) is computed asthe normal of a height fielddefined by

h(d) =

{√r2 − (r − d)2 (d < r)

r (d ≥ r),

where d is the distance to the closest stroke and r is a constantparameter; we used r = 30. Then the system applies smoothing toeach normal 50 times.

4 Results

We used our system to create patchwork designs, and then the re-sulting pattern was manually sewn, as shown in Figure 3. Eachdesign session typically required 10 − 15 min, and the sewing re-quired 3− 5 h. Users can quickly experiment with various patternsusing the system before beginning sewing.

Figure 3: Example patterns designed using Patchy.

References

COAHRANM, M., AND FIUME, E. 2005. Sketch-based designfor bargello quilts. In Eurographics Workshop on Sketch-BasedInterfaces and Modeling 2005, 165–174.

IGARASHI, T., MOSCOVICH, T., AND HUGHES, J. F. 2005.As-rigid-as-possible shape manipulation. ACM Transactions onComputer Graphics (ACM SIGGRAPH 2005) 24, 3, 1134–1141.