In particular, STL export should work again. However I haven’t had the chance to test the code very much, so please let me know if you find any bugs.

• unlekkerLib0003c

Beautiful Connections: Mobile artwork for Nokia E71 (see nokia.co.uk/e71)

I recently had the privilege of being commissioned by Wieden + Kennedy to creating an artwork for Nokia’s new smartphone E71. It’s a new model featuring a full QWERTY keyboard, and is intended to function as a complete communication platform for people on the move. As a response to this purpose, W+K’s campaign focused on the idea of “Beautiful Connections”.

My contribution was a mobile app that allows the user to type in a short SMS-style message, which is then used as the basis for a generative animation that results in a visual compositions of curling forms. The final image can then be sent to other users as a MMS or saved to the phone memory for use as a wallpaper.

Technically it was a challenge to get all the different functions to come together in a single coherent application. The project was developed as a pure J2ME app based loosely on an old version of Mobile Processing. To get a smooth rendering style I chose to use the JSR-226 API for Scalable Vector Graphics, which allowed for properly anti-aliased drawings at the cost of a lower frame rate (approx 7 FPS). Standard J2ME graphics would have given 20 FPS, but the final result would have been less attractive.

All interface elements (menus, text input fields and contact information menu) were built from scratch to avoid the lo-tech feel of the default J2ME UI elements. This required quite a bit of work, but it would have been silly to break the organic feel of the application by using the native phone UI. Instead, the decision was made to make the app feel like a completely upgraded experience. This goal was finally achieved through liberal use of transparent PNGs and old school pixel font trickery.

Visit nokia.co.uk/e71 to see the campaign and download the application (it’s free!) Make sure to also check out the four excellent videos produced by Carl Burgess, Universal Everything, Field and SHFT. To complete the Beautiful Connections concept the web site also features an interactive message generator built in Flash that allows you to create images using live sound and web cam input.

My thanks to the Wieden + Kennedy crew for inviting me to do this project, in particular to Sermad Buni and Louis-Philippe Tremblay for their excellent support. My thanks also to Nokia for having the vision of wanting artworks on their phones. Now, if only Apple would create a category for art on their App Store…

Marius Watz: Conical (prints released on Cronica Electronica)

I just completed a new series called Conical, which was initiated as an artwork for the Cimatics festival but never used. So when Miguel Carvalhais from the Cronica Electronica label asked if I would do a cover for Morten Riis’ Digital Sound Drawings, I was happy to have a chance to bring the project to a good conclusion.

In addition to the cover artwork for the album (released as a downloadable rather than as a physical CD), we are releasing a series of 10 limited Conical prints as part of the Cronica Limited series:

Conical is an investigation of a 3D form composed of lines that trace out segments of multiple cones. Seen at a distance, the form becomes a spatial volume. Zooming in, the sense of volume disappears and the form becomes a 2D surface. The image resolves into a complex pattern of optical interference, without any depth cues to indicate its 3D nature.

The 10 prints are 40×40 cm archival inkjet prints, released as uniques and signed by the artist. The price is a modest €125 per print. You can see all 10 images here.

Code, Space, Form, February 3-7 at CMU, Pittsburgh

The eminent Golan Levin has just announced a symposium titled “Code, Space, Form”, featuring C.E.B. Reas, MOS Architects, Ben Pell and yours truly. Hosted by Carnegie-Mellon University, it’s a multi-day affair with lectures and workshops, culminating in an exhibition at the Pittsburgh Center for the Arts. It should provide an interesting discussion of the implications of generative strategies in art and architecture.

Here is the info from Golan’s blog, hope to see you there if you’re anywhere within range of Pittsburgh:

I am delighted to announce “Code, Form, Space”, a mini-symposium about generative form and digital fabrication, which will be held at Carnegie Mellon University during the week of February 3-7. Nearly all of the events are completely free and open to the public – and include lecture presentations by such distinguished computational artist/designers as C.E.B. Reas, Marius Watz, Ben Pell, and Michael Meredith and Hilary Sample of MOS Architects. I’m co-directing this event in collaboration with Jeremy Ficca (Professor of Architecture and Director of the CMU Digital Fabrication Lab), the CMU School of Art Lecture Series, and the Pittsburgh Center for the Arts.

• Code, Form, Space poster and brochure (PDF)
• CMU School of Art: “Code, Form, Space”

Create an interactive type experience. Experiment with animated and interactive approaches to typography, applying computational strategies for animation.Tell a story or make the user create their own story.

Work in groups. Make the result printable. The challenge is to make a static object become alive, transform and move over time. Key goal: Engage - interact - surprise.

Examples: Typographic animation, text scrollers, dynamic letters, emotional typography, automatic layouts, type as pattern, randomized fonts.
Deadline: Presentation Thursday 27.11.

• Thinking with type
• Type + Code
• Teaching Type
• I Love Typography
• Typographyserved

• Peter Cho: Typotopo
• Peter Cho: Thesis
• Hudson-Powell: Responsive Type
• Lego Font Creator
• Michael Schmidt: Genotyp
• Vítor Quelhas: Dyntypo
• Ricardo Marxer: Caligraft
• Nicolai, a modular font

Lukas Vojir: Processing Monsters

Czech Processing hacker Lukas Vojir has come up with a great project to test out your coding skills: Make your very own Processing Monster!

Essentially, these “monsters” are little black and white interactive sketches, in which all manners of strange dark creatures stand ready to react to the user’s poking and prodding. It’s surprisingly effective in its simplicity, once again reminding you that simple narrative devices are often the best.

Lukas is currently soliciting collaborators who want to contribute to the online bestiary, if you have a minute I would definitely recommend giving it a go. Now, if only I had the time to make that scary multi-tentacled squid beast…

For more about Lukas Vojir, take a look at his portfolio site rmx.cz or his Tumblr blog.

Create an animated weather system. It can be literal or absurd, but should include multiple elements moving as part of a greater whole. Animate simple shapes so that they give the impression of natural phenomena. Use colors to hint at emotional qualities. The weather should have an interactive element, reacting to user input.

Examples: Snow and rain. Leaves falling. Wind blowing. Dust storms. Tornadoes. Sunshine. Waves at sea.

Deadline: Presentation Monday at 10.00.

Files from the workshop so far can be found here:
http://workshop.evolutionzone.com/workshops/081104_aho

All you need to do is download the ZIP file and unpack it in your Processing sketchbook directory. When restarting Processing there should be an “aho” hierarchy of examples in the Sketchbook menu.

The following is a list of some useful Processing resources.

• Daniel Shiffman: Learning Processing
• Processing books (with free sample chapters)
• Processing blogs
• openProcessing (sample code)

A new online storage contender: Dropbox

Digital nomads and data paranoiacs everywhere tend to be big fans of online storage, and I am no exception. I’ve been using Box.net to share large files with clients and colleagues for a long time. It’s a great service with a nice GUI, with good support for sharing files. Their service record is excellent, I’ve never had any with service outages or trouble uploading.

However, the storage limit on the basic Box.net plan is only 5 GB for $7.95 / month. They offer an upgraded plan with 15 GB, but I’m not prepared to pay $19.95 every month for a few gigabytes. I’d be happy to pay up to $10 / month, but in return I want enough storage that I can use it without worrying about running out of space. 50 gigs or more would be sufficient for that purpose.

Shopping around, I’ve found JungleDisk to be a great solution for genuine online backup. It’s based on Amazon AWS storage, and users are charged according to actual storage used. I currently store 14 gigabytes, which last month cost me a measly $3.56 for last month including transfer fees. Compared with the one-off $20 purchase of the software, this is a very reasonable option.

JungleDisk uses a desktop application for its operations, so it’s well integrated in the native file system and supports automated backup tasks. I have it set up to safeguard key folders like current projects, office documents etc. I can also access files interactively through a cached network drive, which allows me to download old projects and large media files even while travelling.

Dropbox is a new storage service that has only just come out of beta, and it looks very promising so far. It combines a dynamic web interface with a desktop application, providing the best of both worlds. The software sets up a sync’ed folder on your computer, so that editing folder structures and uploading files is as easy as copying files around your file system. Files uploaded through the web interface will be downloaded and sync’ed with the local folder.

The web interface allows you to set up file sharing with other Dropbox members. So far a few features are missing that would make it easy to share files with non-members. There is a public folder that you can use to provide public URLs to specific files, but it still lacks the important feature of sharing public folders.

According to a recent blog post Dropbox plans to offer 2 GB for free and 50 GB for $9.99 / month, or $99.99 / year. Sounds like just the right deal for my purposes. I’m looking forward to seeing how it develops. But even if I end up switching from Box.net I’ll probably keep JungleDisk for backing up larger projects.

Multiple JDIC browsers integrated into Processing sketch

A while back I posted a simple hack to open a web browser from Processing by using JDesktop Integration Components (JDIC). A recent discussion on the Processing forums asked about how to use it to open multiple browsers inside the actual Processing sketch window.

My original hack used an instance of org.jdesktop.jdic.browser.WebBrowser integrated into a java.awt.Panel instance and laid out in a java.awt.Frame. That meant that the browser would open in an external window. The discussion on the Processing forum asked specifically about opening multiple browsers in the main sketch window, so I made the following quick hack.

I’m posting the actual code below, but to run the example you should download the following ZIP file: JDIC_multiple.zip. It includes the JDIC binaries required to run it on Windows.

// JDIC_multiple.pde
// Marius Watz - http://workshop.evolutionzone.com

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

import java.net.URL;
import java.net.MalformedURLException;
import org.jdesktop.jdic.browser.*;

aBrowser browser[];
long last;

void setup() {
  size(800,600);
  frame.setLayout(new GridLayout(2,2));

  browser=new aBrowser[4];
  for(int i=0; i<4; i++) {
    browser[i]=new aBrowser();
    browser[i].initPanel(400,300);

    if(i==0) browser[i].setURL("http://www.google.com/");
    if(i==1) browser[i].setURL("http://processing.org/");
    if(i==2) browser[i].setURL("http://ffffound.com/");
    if(i==3) browser[i].setURL("http://sojamo.tumblr.com/"); 

    frame.add(browser[i].panel);
  }
}

void draw() {

}

public class aBrowser {
  Panel panel;
  WebBrowser webBrowser;

  public aBrowser() {
    // Set engine to IE
    BrowserEngineManager mng=BrowserEngineManager.instance();
    mng.setActiveEngine(BrowserEngineManager.IE);
    webBrowser = new WebBrowser();
  }

  public void initPanel(int w,int h) {
    panel = new Panel();
    panel.setLayout(new BorderLayout());
    panel.setSize(w,h);
    webBrowser.setSize(w, h);
    panel.add(webBrowser, BorderLayout.CENTER);
  }

  public void setContent(String htmlContent) {
    webBrowser.setContent(htmlContent);
  }

  public void setURL(String url) {
    try {
      webBrowser.setURL(new URL(url));
      webBrowser.setDebug(false);
    }
    catch (MalformedURLException e) {
      System.out.println(e.getMessage());
      return;
    }
  }
}