Tracery

A project of the Design Machine Group
http://dmg.be.washington.edu

Using Tracery you can:

• Display or View an image in a web page.
• Click on the image to activate a feedback panel.
• Draw on the image or use text to comment on it.
• Post the text and graphics to the server.

Principal developer: Brian Johnson, brj@u.washington.edu

February 13, 2009

About Tracery

Tracery makes graphic input available to web developers. To illustrate some of the ways it might be used, this site presents a "graphical bulletin board"--a place to draw and save graphics, but also a place to comment (verbally and graphically) on graphics already posted.

The image at far left is "hot" - click on it to access an interface through which you can draw or type your response to the graphic. Each image may have an associated comment, so you can offer comments on the image, or modifiy it, or both.

The thumbnails in the lower-left display the "family tree" for this discussion. Click any of the thumbnails to bring it "front and center".

Alternative Configurations

Home page
SketchPad Conduct serial sketching
Homework submittal and grading
BlogEntry Add drawnings to a blog
Gameboard for slow-mo turn-taking games
Markup design collaboration

Usage Tips:

• click on the "img" graphic to open a Markup Panel
• change line weight or color using the menu in the lower-left corner of the drawing area.
• click on the "Derivations" link below to view previous responses, or scroll down (you may need to refresh if something has been saved since this page was loaded).
• If the display window is smaller than the actual image, you can use command+Click & drag to pan large drawings.

View Derivations (aka Response Drawings)

---

March, 2009