diff --git a/index.html b/index.html index 61cd4cc..f366ea2 100644 --- a/index.html +++ b/index.html @@ -1,706 +1,946 @@ - - + Machine Agency - - + + - - - - - - - + + + + + + + - +
-
- Machine Agency -
-
- Human Centered Design and Engineering, - University of Washington -
-
- Our work harnesses the precision of machines for the creativity of - individuals. -
-
- We are recruiting PhD students and postdocs! Read more about getting involved with - Machine Agency. -
-
- Research +
Machine Agency
+ +
+ Our work harnesses the precision of machines for the + creativity of individuals. +
+ +
Research
+
+
+ +
+ +
+
+ +
KnitScape
+
+
+ We built a browser-based tool for exploring the surprising design + space of slip and tuck colorwork using a live yarn-level simulation. +
+ +
-
-
- -
- three images overlaid with images of computational notebooks; fltr CAD, a milling machine, and a milled wooden propellor -
-
- -
- Tandem: Reproducible Digital Fabrication Workflows as Multimodal Programs -
-
-
- Tandem is a software library that lets a fabricator implement an end-to-end fabrication workflow as a computational notebook program that others can run to physically reproduce the workflow. -
+
+ +
+ three images overlaid with images of computational notebooks; fltr CAD, a milling machine, and a milled wooden propellor +
+
+ +
+ Tandem: Reproducible Digital Fabrication Workflows as Multimodal + Programs +
+
+
+ Tandem is a software library that lets a fabricator implement an + end-to-end fabrication workflow as a computational notebook program + that others can run to physically reproduce the workflow. +
- -
- -
- -
- A MIDI controller connected to a 3D printer for interactive control. -
-
- -
- Playing the Print -
-
-
- We interactively tune machine settings using MIDI controllers and consider strategies to document the resulting outcomes. -
+ +
- -
-
-
- Le Corbusier's monastery as an example of technical mentality. -
-
- Technical Mentality -
-
- We present four principles for HCI research and practice based on Simondon's concept of technical - mentality. -
- -
-
- -
- A system for automated imaging and manipulation of duckweed. -
-
- -
- The Duckbot -
-
-
- We built custom tools and software to automate imaging and manipulation of duckweed for plant - biology experiments. -
+
+ +
+ A MIDI controller connected to a 3D printer for interactive control. +
+
+ +
+ Playing the Print +
+
+
+ We interactively tune machine settings using MIDI controllers and + consider strategies to document the resulting outcomes. +
- -
-
- -
- A dataflow programming environment with a colorful cellular automata. -
-
- -
- Dynamic Toolchains -
-
-
- We built an event-driven dataflow environment to scaffold development of new digital fabrication - workflows. -
+ +
+
+
+ Le Corbusier's monastery as an example of technical mentality. +
+
+ Technical Mentality +
+
+ We present four principles for HCI research and practice based on + Simondon's concept of technical mentality. +
+ +
+
+ +
+ A system for automated imaging and manipulation of duckweed. +
+
+ +
The Duckbot
+
+
+ We built custom tools and software to automate imaging and + manipulation of duckweed for plant biology experiments. +
- -
-
-
- failed 3d print -
-
- 3D Printers Don’t Fix Themselves -
-
- We study how practitioners maintain their FFF 3D printers in the home and find that maintenance is - core to our participants' printing practice. -
- -
-
-
- network diagrams -
-
- Forking a Sketch -
-
- We pair network analysis with qualitative techniques to capture high-level patterns and meaningful - details about how creative coders remix sketches. -
- -
-
-
- adding fillings to siwawa -
-
- Doufu, Rice Wine, and 面饼 -
-
- We investigate how to support the connections between precision and cultural knowledge in cooking. -
- -
-
-
- molds based on mathematical functions milled with imprimer -
-
- Imprimer -
-
- We show how to use computational notebooks to unlock new ways of working with CNC mills. -
- -
-
-
- a tabletop laboratory automation machine -
-
- Pathways to Open-Source Hardware for Laboratory Automation -
-
- Bringing together a community of scientists to collaborate on ways of sharing, vetting, and - maintaining open source hardware for science and engineering research. -
- -
-
-
- diagram showing live programming resulting from editing the code geometry dot translate 50 50, an example verso module, and an example toolpath visualization on screen and projected in-situ. -
-
- Verso -
-
- Exploratory digital fabrication often involves low-level machine programming, to which Verso adds - within-code GUIs and expressive toolpath visualization. -
- -
-
-
- example use of automation in community biolabs to create images using bacteria. -
-
- Studying Community Biolabs -
-
- From a qualitative study of community biolabs, we discuss how members are creating new approaches to - laboratory biology with implications for systems that support non-traditional settings for - scientific practice. -
- -
-
-
- collage of unconventional 3D prints created with our system. -
-
- p5.fab -
-
- A system for controlling digital fabrication machines from the creative coding environment p5.js, - informed by insights into 3D printing practice. -
- -
-
-
- Direct control of a machine (right) from Rhino/Grasshopper (left) -
-
- Interactive Digital Fabrication Machine Control Directly Within a CAD Environment -
-
- Enabling control of digital fabrication machines from a Computer-Aided Design (CAD) environment, - including interactive control of toolpath geometry as well as machine parameters such as speed, - acceleration, or jerk. -
- -
-
-
- taxon transforms scattered resources for machine use to a unified language -
-
- Taxon -
-
- A language that encodes machines, workflows, and rules of thumb as programs. Taxon applies the - safety and extensibility of programming to hands-on making. -
- -
-
- -
- Collage of plotted artwork shared with the PlotterTwitter hashtag. -
-
- -
- Studying #PlotterTwitter -
-
-
- We conducted a qualitative study of #PlotterTwitter and found that makers champion creative - exploration of materials over a predictable series of steps. -
- -
-
-
- collage of student projects from online digital fabrication courses -
-
- Teaching Digital Fabrication Online -
-
- Through interviews, we found that learning with hobbyist equipment and online social networks could - emulate using industrial equipment in shared workshops. -
- -
-
-
- two lamifold mechanisms -
-
- Lamifold -
-
- Lamifold is a workflow for making functional mechanical objects using a laser cutter. -
- -
-
-
- CAD representation of Jubilee machine -
-
- Jubilee -
-
- Jubilee is an open-source hardware machine with automatic tool-changing and interchangeable bed - plates. -
- -
-
-
- Mockup of interface with language and GUI elements -
-
- Machine-o-Matic -
-
- Initial investigations into representing parts of fabrication workflows as programs. -
- -
-
-
- Schematic Representation of Fabricatable Machine Modules -
-
- Fabricatable Machines -
-
- A Toolkit for Building Digital Fabrication Machines. -
- -
-
-
- Various cardboard machine configurations -
-
- Cardboard Machine Kit -
-
- A framework for the rapid prototyping of rapid prototyping machines. Modular hardware, modular - electronics, and modular software. -
- -
-
-
- Popfab briefcase on a grassy field -
-
- Popfab -
-
- A portable, multi-purpose digital fabrication tool that folds into a briefcase. -
- -
-
-
- Diagram of makerspace setup -
-
- Material Flow in Makerspaces -
-
- An investigation into the practices that makerspaces around the world use to keep track of their - materials. -
- -
-
-
- Agents -
-
- - - - - - - - - - -
-
- Field Agents -
-
- -
-
- + +
+
+ +
+ A dataflow programming environment with a colorful cellular automata. +
+
+ +
+ Dynamic Toolchains +
+
+
+ We built an event-driven dataflow environment to scaffold + development of new digital fabrication workflows. +
+ +
+
+
+ failed 3d print +
+
+ 3D Printers Don’t Fix Themselves +
+
+ We study how practitioners maintain their FFF 3D printers in the + home and find that maintenance is core to our participants' printing + practice. +
+ +
+
+
+ network diagrams +
+
Forking a Sketch
+
+ We pair network analysis with qualitative techniques to capture + high-level patterns and meaningful details about how creative coders + remix sketches. +
+ +
+
+
+ adding fillings to siwawa +
+
+ Doufu, Rice Wine, and 面饼 +
+
+ We investigate how to support the connections between precision and + cultural knowledge in cooking. +
+ +
+
+
+ molds based on mathematical functions milled with imprimer +
+
Imprimer
+
+ We show how to use computational notebooks to unlock new ways of + working with CNC mills. +
+ +
+
+
+ a tabletop laboratory automation machine +
+
+ Pathways to Open-Source Hardware for Laboratory Automation +
+
+ Bringing together a community of scientists to collaborate on ways + of sharing, vetting, and maintaining open source hardware for + science and engineering research. +
+ +
+
+
+ diagram showing live programming resulting from editing the code geometry dot translate 50 50, an example verso module, and an example toolpath visualization on screen and projected in-situ. +
+
Verso
+
+ Exploratory digital fabrication often involves low-level machine + programming, to which Verso adds within-code GUIs and expressive + toolpath visualization. +
+ +
+
+
+ example use of automation in community biolabs to create images using bacteria. +
+
+ Studying Community Biolabs +
+
+ From a qualitative study of community biolabs, we discuss how + members are creating new approaches to laboratory biology with + implications for systems that support non-traditional settings for + scientific practice. +
+ +
+
+
+ collage of unconventional 3D prints created with our system. +
+
p5.fab
+
+ A system for controlling digital fabrication machines from the + creative coding environment p5.js, informed by insights into 3D + printing practice. +
+ +
+
+
+ Direct control of a machine (right) from Rhino/Grasshopper (left) +
+
+ Interactive Digital Fabrication Machine Control Directly Within a + CAD Environment +
+
+ Enabling control of digital fabrication machines from a + Computer-Aided Design (CAD) environment, including interactive + control of toolpath geometry as well as machine parameters such as + speed, acceleration, or jerk. +
+ +
+
+
+ taxon transforms scattered resources for machine use to a unified language +
+
Taxon
+
+ A language that encodes machines, workflows, and rules of thumb as + programs. Taxon applies the safety and extensibility of programming + to hands-on making. +
+ +
+
+ +
+ Collage of plotted artwork shared with the PlotterTwitter hashtag. +
+
+ +
+ Studying #PlotterTwitter +
+
+
+ We conducted a qualitative study of #PlotterTwitter and found that + makers champion creative exploration of materials over a predictable + series of steps. +
+ +
+
+
+ collage of student projects from online digital fabrication courses +
+
+ Teaching Digital Fabrication Online +
+
+ Through interviews, we found that learning with hobbyist equipment + and online social networks could emulate using industrial equipment + in shared workshops. +
+ +
+
+
+ two lamifold mechanisms +
+
Lamifold
+
+ Lamifold is a workflow for making functional mechanical objects + using a laser cutter. +
+ +
+
+
+ CAD representation of Jubilee machine +
+
Jubilee
+
+ Jubilee is an open-source hardware machine with automatic + tool-changing and interchangeable bed plates. +
+ +
+
+
+ Mockup of interface with language and GUI elements +
+
Machine-o-Matic
+
+ Initial investigations into representing parts of fabrication + workflows as programs. +
+ +
+
+
+ Schematic Representation of Fabricatable Machine Modules +
+
+ Fabricatable Machines +
+
+ A Toolkit for Building Digital Fabrication Machines. +
+ +
+
+
+ Various cardboard machine configurations +
+
+ Cardboard Machine Kit +
+
+ A framework for the rapid prototyping of rapid prototyping machines. + Modular hardware, modular electronics, and modular software. +
+ +
+
+
+ Popfab briefcase on a grassy field +
+
Popfab
+
+ A portable, multi-purpose digital fabrication tool that folds into a + briefcase. +
+ +
+
+
+ Diagram of makerspace setup +
+
+ Material Flow in Makerspaces +
+
+ An investigation into the practices that makerspaces around the + world use to keep track of their materials. +
+ +
+
+
Agents
+
+
+ + Nadya Peek +
Nadya Peek
+
+ Assistant Professor +
+
+
+
+ + Gabrielle Benabdallah +
+ Gabrielle Benabdallah +
+
PhD Candidate
+
+
+
+ + Gina Clepper +
Gina Clepper
+
PhD Student
+
+
+
+ + Sam Ferguson +
Sam Ferguson
+
+ Undergaduate Student +
+
+
+
+ + Wm Salt Hale +
Wm Salt Hale
+
+ Open Source Community Manager +
+
+
+
+ + Danli Luo +
Danli Luo
+
PhD Student
+
+
+
+ + Yuecheng Peng +
Yuecheng Peng
+
Masters Student
+
+
+
+ + Blair Subbaraman +
Blair Subbaraman
+
PhD Candidate
+
+
+
+ + Jasper Tran O'Leary +
+ Jasper Tran O'Leary +
+
PhD Candidate
+
+
+
+ + Hannah Twigg-Smith +
+ Hannah Twigg-Smith +
+
PhD Candidate
+
+
+
+
Field Agents
+
+ +
+ + diff --git a/projects/blended-primitives/index.html b/projects/blended-primitives/index.html new file mode 100644 index 0000000..358b2d2 --- /dev/null +++ b/projects/blended-primitives/index.html @@ -0,0 +1,78 @@ + + + + + + What's in a cable? + + + + + back to home +
+
+
+ What’s in a cable? + + Abstracting Knitting Design Elements with Blended Raster/Vector + Primitives + + + Hannah Twigg-Smith, Yuecheng Peng, Emily Whiting, and Nadya Peek + + +
+
+
+ +
+
+
+ In our design environment for editing knitting charts with blended + primitives, a chart of knitting instructions is rasterized from layered + vector boundaries and paths with associated raster stitch and yarn + blocks. These cabled twist and braid patterns are designed using stitch + paths we defined to encode a “right-leaning twist” (A) and a + “left-leaning twist” (B). By placing the right twist along a stitch path + that defines a purl border (C), we can produce a twist texture (D). By + staggering both the left and right twists (E), we can produce a braid + texture (F) +
+ +

Abstract

+

+ In chart-based programming environments for machine knitting, patterns + are specified at a low level by placing operations on a grid. This + highly manual workflow makes it challenging to iterate on design + elements such as cables, colorwork, and texture. While vector-based + abstractions for knitting design elements may facili- tate higher-level + manipulation, they often include interdependen- cies which require + stitch-level reconciliation. To address this, we contribute a new way of + specifying knits with blended vector and raster primitives. Our + abstraction supports the design of interdepen- dent elements like + colorwork and texture. We have implemented our blended raster/vector + specification in a direct manipulation design tool where primitives are + layered and rasterized, allowing for simulation of the resulting knit + structure and generation of ma- chine instructions. Through examples, we + show how our approach enables higher-level manipulation of various + knitting techniques, including intarsia colorwork, short rows, and + cables. Specifically, we show how our tool supports the design of + complex patterns including origami pleat patterns and capacitive sensor + patches. +

+
+ + diff --git a/projects/blended-primitives/teaser.png b/projects/blended-primitives/teaser.png new file mode 100644 index 0000000..552099d Binary files /dev/null and b/projects/blended-primitives/teaser.png differ diff --git a/projects/blended-primitives/thumbnail.png b/projects/blended-primitives/thumbnail.png new file mode 100644 index 0000000..90f263f Binary files /dev/null and b/projects/blended-primitives/thumbnail.png differ diff --git a/projects/knitscape/index.html b/projects/knitscape/index.html index fefe81f..e360995 100644 --- a/projects/knitscape/index.html +++ b/projects/knitscape/index.html @@ -5,8 +5,7 @@ KnitScape - - + back to home @@ -18,12 +17,26 @@
KnitScape - Computational Design and Yarn-level Simulation of Slip and Tuck Colorwork Knitting Patterns + Computational Design and Yarn-level Simulation of Slip and Tuck + Colorwork Knitting Patterns Hannah Twigg-Smith, Emily Whiting, and Nadya Peek

Abstract

- Slipped and tucked stitches introduce small areas of deformation that compound and result in emergent textures on knitted fabrics. - When used together with color changes and ladders, these can also produce dramatic colorwork and openwork effects. - However, designing slip and tuck colorwork patterns is challenging due to the complex interactions between operations, yarns, and deformations. - We present KnitScape, a browser-based tool for design and simulation of stitch patterns for knitting. - KnitScape provides a design interface to specify 1) operation repeats, 2) color changes, and 3) needle positions. - These inputs are used to build a graph of yarn topology and run a yarn-level spring simulation. - This enables visualization of the deformation that arises from slip and tuck operations. - Through its design tool and simulation, KnitScape enables rapid exploration of a complex colorwork design space. + Slipped and tucked stitches introduce small areas of deformation that + compound and result in emergent textures on knitted fabrics. When used + together with color changes and ladders, these can also produce dramatic + colorwork and openwork effects. However, designing slip and tuck + colorwork patterns is challenging due to the complex interactions + between operations, yarns, and deformations. We present KnitScape, a + browser-based tool for design and simulation of stitch patterns for + knitting. KnitScape provides a design interface to specify 1) operation + repeats, 2) color changes, and 3) needle positions. These inputs are + used to build a graph of yarn topology and run a yarn-level spring + simulation. This enables visualization of the deformation that arises + from slip and tuck operations. Through its design tool and simulation, + KnitScape enables rapid exploration of a complex colorwork design space. We demonstrate KnitScape with a series of example swatches.

+ +
+

Bibtex

+
+@inproceedings{twigg2024knitscape,
+  title={KnitScape: Computational Design and Yarn-Level Simulation of Slip and Tuck Colorwork Knitting Patterns},
+  author={Twigg-Smith, Hannah and Whiting, Emily and Peek, Nadya},
+  booktitle={Proceedings of the 2024 CHI Conference on Human Factors in Computing Systems},
+  pages={1--20},
+  year={2024}
+}
+
+
diff --git a/projects/knitscape/thumbnail.png b/projects/knitscape/thumbnail.png new file mode 100644 index 0000000..52b8165 Binary files /dev/null and b/projects/knitscape/thumbnail.png differ diff --git a/projects/projects.css b/projects/projects.css index b162634..8d3405e 100644 --- a/projects/projects.css +++ b/projects/projects.css @@ -78,6 +78,14 @@ a { width: 100%; } +.teaser-caption { + font-size: small; + line-height: 1; + margin-top: 0.5rem; + color: #cccccc; + font-style: italic; +} + .header { display: flex; flex-direction: column;