Add a knitscape page

machineagency · Feb 16, 2024 · ff59401 · ff59401
1 parent a161ece
commit ff59401
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/projects/knitscape/index.html b/projects/knitscape/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>KnitScape</title>
+    <link rel="stylesheet" href="../projects.css" />
+  </head>
+  <body>
+    <a class="home" href="/">back to home</a>
+
+    <section class="no-margin-section">
+      <img class="teaser" src="teaser.png" />
+    </section>
+    <section class="margin-section">
+      <div class="header">
+        <span class="project-title">KnitScape</span>
+        <span class="project-subtitle">
+          Computational Design and Yarn-level Simulation of Slip and Tuck Colorwork Knitting Patterns
+        </span>
+        <span class="author-names">
+          Hannah Twigg-Smith, Emily Whiting, and Nadya Peek
+        </span>
+        <div class="links">
+          <a
+            href="https://knitscape.net/"
+            target="_blank"
+            rel="noopener noreferrer">
+            Live Site
+          </a>
+          <a
+            href="https://github.com/machineagency/knitscape"
+            target="_blank"
+            rel="noopener noreferrer">
+            Source Code
+          </a>
+        </div>
+      </div>
+
+      <h3 class="section-title">Abstract</h3>
+      <p class="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.
+        We demonstrate KnitScape with a series of example swatches.
+      </p>
+    </section>
+  </body>
+</html>
diff --git a/projects/knitscape/teaser.png b/projects/knitscape/teaser.png