Processing Blogs

This is our first prototype in the field of multi-touch surfaces. As the well know project of Jeff Han, our interface uses the FTIR technique. Infrared light and computer vision are used to track users’ fingers motion/interaction with the surface.

Author: beyondandwithin
Keywords: multi-touch multitouch interaction design processing processing.org performative surface smallfly
Added: August 22, 2007

collectiveShadow is an interactive event that utilizes electronic shadows as raw materials and paints them into an architectural spatial form. The responsive environment explores the organic connection of human actions in an interactive collaborative environment by encouraging people to become both physical and social aspect of the participatory installation.

Project Team: Maxime Bergeron,…

Author: beyondandwithin
Keywords: processing.org multi-touch multitouch interaction design processing performative surface smallfly
Added: August 22, 2007

collectiveShadow is an interactive event that utilizes electronic shadows as raw materials and paints them into an architectural spatial form. The responsive environment explores the organic connection of human actions in an interactive collaborative environment by encouraging people to become both physical and social aspect of the participatory installation.

Project Team: Maxime Bergeron,…

Author: beyondandwithin
Keywords: processing.org multi-touch multitouch interaction design processing performative surface smallfly
Added: August 22, 2007

soundreactive surface. done with vvvv.
music – alva noto. raster noton.

Cast: milo

Mr. LennyJPG pinged me this morning asking about creating hyperlinks in PDFs generated with Processing. After some digging through the iText javadocs and reading various tutorials it became obvious that Processing’s PGraphicsPDF class had to be modified to give us access to the wrapped PdfContentByte instance so that the hyperlink magic can happen. My modified version of Processing’s PDF library can be downloaded from here (jar) and there (source). The .jar has to be placed in the /libraries/pdf/library folder inside the Processing root, but please make sure to keep a backup of the original.

The demo below is briefly showing how to create weblinks (here: to various del.icio.us users) and how to position these on the page. All should be pretty self-explanatory. Finally, here’s an example PDF generated with this demo.

/** * iText/Processing PDF weblink demo * Builds a number of links on the fly and * positions them randomly on the page. * * CAUTION: This demo requires a modified version of * Processing's PGraphicsPDF class * * @author: info at toxi dot co dot uk */import processing.pdf.*;import com.lowagie.text.*;import com.lowagie.text.pdf.*;

void setup() {  pageSize(com.lowagie.text.PageSize.A6,false,JAVA2D);  PGraphicsPDF pdf=(PGraphicsPDF)beginRecord(PDF,"test"+(System.currentTimeMillis()/1000)+".pdf");

  // draw something in the background  for(int i=0; i < height; i+=10) {    line(0,0,width,i);    line(width,height,0,i);  }

  try {    // build hyperlinks for these del.icio.us users    String[] users=new String[] {      "adm",      "blackbeltjones",      "d3",      "garuda",      "golan",      "hahakid",      "jbleecker",      "lennyjpg",      "reas",      "toxi"    };

    for(int i=0; i < users.length; i++) {      // java colours are normalized 0.0 .. 1.0      Color linkCol = new Color(random(1), random(1), random(1));      Chunk c=new Chunk(users[i],FontFactory.getFont(FontFactory.HELVETICA, 14, com.lowagie.text.Font.UNDERLINE, linkCol));      c.setBackground(new Color(0,0,0),5,5,5,5);      c.setAnchor("http://del.icio.us/"+users[i]);      // this is using a hacked version of PGraphicsPDF to get access to the PDF content      PdfContentByte cb=pdf.getContent();      ColumnText ct = new ColumnText(cb);      float x=random(width-100);      float y=random(height-100);      ct.setSimpleColumn(new Phrase(c), x,y, x+100, y+50, 16, Element.ALIGN_CENTER);      ct.go();    }  }   catch(Exception e) {    e.printStackTrace();  }  endRecord();}

// see link below for more info about this method:// http://www.toxi.co.uk/blog/2007/07/specifying-pdf-page-size-in-processing.htmvoid pageSize(com.lowagie.text.Rectangle r, boolean isLandscape, String renderer) {  if (isLandscape) {    size((int)r.top(),(int)r.right(),renderer);  }   else {    size((int)r.right(),(int)r.top(),renderer);  }}

Cast: +zero

Cast: ghedo