Most modern interfaces are as simple as possible and seem to hide the system underneath. I wanted to create an interface designed for a single purpose which would also show the complexity of the code involved, instead of hiding it.

I wrote a script to generate a test screen, a seemingly simple thing. But the screen is made out of several objects in 3D space that all need to have exactly the right position, shape, scale and color for the script to do what it was made for.

Each one of these parameters (a total of 93) is connected to a physical switch or dial, enabling the viewer to see some of the complexity and giving him the chance to change to script to his or her own liking, thus turning a normally fixed script into a design tool.

Made using openFrameworks and Arduino.

O.K. Parking designed the new website for the Scryption museum. The website consists of many articles, Flickr photos, YouTube videos and links. I created an easy to use content management system, enabling quick updates with automated social media integration.

IOM is short for the Interactive Orchestra Machine, a project by the Loos Foundation to develop an automated music improvisation machine. Petra and I were asked to find some way to connect the machine to the world by using the internet.

Someone watching the installation can enter a word. The system starts scanning the internet for other words associated with this word, as well as an image tagged with it. These elements are then combined to be used as the starting point for an animation which is partly controlled by the music. The deformations in the animation in turn are used as new input for the machine, enabling it to create music based on the found internet footage, while still giving the viewer some sort of clue of what the music is based on.

Because the word associations are found online they are very informal and also reflect current events. For instance, at the moment the word we will be associated with the word can because of the well-known Obama campaign, a relation you won't find in a dictionary. The same is true for the images since the system uses the most recent images from public sites like Flickr.

Together with Petra Valdimarsdóttir

A different way to browse the Biodiversity website (a website full of scanned books about biology subjects).
Instead of searching by topic or title, you use wooden shapes to build a plant. This will be used as a filter for the database. For example; putting up a round flower will make the application show only images of that kind of flower. The display time of each image depends on the amount of search results; the lesser search results, the slower the images move by.

You can set the main shape (branch, bush etc.) the shape of the leaves (long, irregular shaped etc.) and the shape of the flowers (pointy, round etc.).

Made using Processing and Arduino.
The images of the plants are from biodiversitylibrary.org.

A (Dutch) website made for BeforExile, a photo-exposition about refugees in Burundi, Africa.

The project was initiated by journalist Jeroen Corduwener, who also wrote the texts. The photographs are by Joost van den Broek, who won the Zilveren Camera 2009 (Silver Camera 2009) award with this series.

The goal was to show the refugees as the persons they are instead of 'another refugee'. We did this by giving them their own profile page, telling about their jobs and family instead of just showing some nameless photogallery.

Website concept and development together with Erik de Graaff.

Online at beforexile.nl.
The project has ended and the website is no longer available online.

A proposal for an architectural virus. By expanding buildings in the Zuidas (a large commercial area near Amsterdam) which have a cultural function, they will merge with the commercial center and might even take over the area.
Concept together with Nicolien Kipp & Saskia Hulskes. Together with Rene van den Berg I made an interactive and realtime simulation of how such a virus could behave. The exact shape and behaviour of the virus can be controlled by setting parameters like the amount of space needed for theater or the need for natural light inside the buildings.

For a Typography minor, I wanted to make a truly dynamic font.
While playing around, I made an image looking like a texture from an old computer game. In those old games, you found signposts or posters with some random lines instead of text. Because of the low resolution, there weren't enough pixels for real text. Instead, the text would appear fullscreen when you got close to the sign.

I decided to make a font looking like those lines, using characters simply made out of lines, which would respond to each other, creating an abstract text.

The final font is a fully working (and dynamic!) font containing 2888 glyphs and about 80 lines of opentype code. Each of the characters typed will respond to the character in front of it.
(If you're interested in the real file, just send me an email)

Made with Fontlab, Processing and Python.

During their mission, the crew of Apollo 13 had to replace an air-filter, but their only spare filters didn't fit so they had to find some way to make them fit with materials like tape and socks and instructions from ground control.
This is an instruction video which could have been sent up to the Apollo.

An infographic showing my iTunes Library. Each song's position along the x-axis depends on the length of the song; short songs on the left, long songs on the right. The vertical position is determined using the playcount of the song; the more I've listened to it, the higher it's placed.
Also, songs from the same album are connected using colored lines.

This way you get an image of your music-listening habits; you can easily pick out the songs you really like and the songs you hardly ever listen to disappear in a big black stain. It quickly tells you if the owner of the library has a broad music taste, or only listens to the same things over and over.

An infographic showing all of the three letter words in the English language, in a 3D space.
Each word is placed on the X, Y, and Z axis, based on their first, second and third character.

It's hard to see the full infographic in a small image because of all the thin lines (the full print is an A0 size).

This map shows all the routes of the characters in Gus Van Sant's " Elephant ".
It enables you to get a feeling of where all the events in the school actually take place.

A (Dutch) website for 'Het Instituut', an institute which puts people with all kinds of backgrounds together to look at cultural problems from a different angle.

Main concept by Designarbeid.
Developed and tweaked by Erik de Graaff and me.

Online at hetinstituut.org

I studied Interaction Design at the ArtEZ Institute for the Arts in Arnhem, the Netherlands and currently work as an independent designer in the field of interaction / information design and art.

I like programming / scripting (HTML, Javascript, CSS, PHP, ActionScript, Processing, openFrameworks, MAX/MSP), as well as working with electronics such as the Arduino.

I'm interested in taking stuff away from the computer screen and finding ways to look at and interact with information in different and more interesting ways.

• Selected for the PICNIC Academy Hot100 ‘09
• Nominated, together with Petra Valdimarsdóttir, for audience award at Arnhemse Kunstnacht 2010
• Exposition and nomination for Youngblood award at Gogbot Festival 2010
• Selected as Arnhemse Nieuwe 2010 (selection of young design talent); with presentation and exposition at Spoorzicht Gallery Arnhem
• Publication in the Items Magazine Graduation Edition 2010 and exposition at the Items graduation exhibition during the Dutch Design Week 2010, Eindhoven
• Presentation and exposition at E-Pulse Festival 2010, Breda
• Exposition during Discovery Festival 2010, at science center NEMO, Amsterdam
• Exposition during Cultuurnacht Breda 2011

Jasper van Loenen
mail@myfullnamehere.com
+31 (0)6 44 98 64 74 / skype

I wanted to make something fun with my Arduino and some other stuff I had lying around.
I took a simple LCD screen, a trackpad from a broken laptop, a small speaker and one of my Arduinos and made a simple game in which you have to grab coins by jumping towards them, while evading bullets. It even has a highscore and everything.

I sometimes try to code something fun in as less time as possible, like some small programming experiments.

A while ago I didn't have my television hooked up, but I still wanted to be entertained with some moving stuff. I was surprised YouTube didn't have a random button, so I made something myself.

People tweet about YouTube video's all the time, so I wrote a script to check for the latest tweeted youtube videos. This creates a never ending stream of possibly interesting videos.

The result is a website with a fullscreen youtube feed, curated by people on Twitter. When a video has ended the next one will play, or you can just hit the 'show next video' link.

Lives online at nomoretelevision.com .

Made during OFlab, an openFrameworks workshop during the Graphic Design Festival Breda, guided by Zach Lieberman and Todd Vanderlin.

Each pixel in a black and white and lowres webcam image gets translated to sound; the brightness of each pixel determines the pitch of its sound.

A second computer hears all these tones and translates it back to pixels, but ambient noise creates artifacts in the new image.
One image takes about 6 minutes to transmit, during which you slowly see the image appear, pixel by pixel.

Together with Bart van Haren, Sander Sturing and Tiemen Rapati.

We had an assignment to make a movie, lasting one hour, in some random way.
I used a Wii controller (Wiimote) to generate a black and white drawing. The wiimote has an infrared-receiver which can track IR-light and can be used to control your cursor. Since candles send out infrared light, which changes when the flame moves, you can use it to move your mouse in a random way, just by opening a window to let some wind in.

Made using Darwiin Remote to receive the Wiimote data, and Processing to make the drawing.

Visuals for a party called 'Konijn 2000' at Luxor Live (Arnhem, the Netherlands) which featured DJ's Paul Everready and Joost van Bellen (among others).

Together with designer buddy Sieger Duinkerken

Just a simple test to see if I could make a Minority Report like hand-tracking system.

Using two red and green LEDs and a webcam I was able to draw on top of the webcam image. 'Clicking' is done by moving the two LEDs close to each other.

This processing and drawing was done in realtime

Just some practice in Processing. I really liked the result, especially when displayed on an old CRT television

VJ-set at Luxor Live, Arnhem.
We made some custom Processing sketches and MAX/MSP patches with live videostreams and beat synching for the VJ performance. We also made a video installation in the lounge of Luxor and a projection on the windows, visible from the streets.

Unfortunately we were too busy to properly document the evening.

Together with Erik de Graaff , Willart de Jong and Tiemen Rapati .

Build a robot. It should be self-sufficient for at least one minute and should be going in more than one straight direction. It also has to be able to generate images.

Playing around with old recordplayers, various electronic kitchensupplies, model car engines, wires and batteries, we came up with what seemed to be the most convenient solution.
We taped three model car engines (without tires) together and made sure one was spinning in the other direction as the others, put a battery on top, connected the wires and there was our so-called 'random' robot.

Second edition featured a solid base plate (a CD) with three holes drilled in, all at the same distance from each other. Next to the fact that it looked more sophisticated, it was also very functional for battery storage.

The robot is currently M.I.A. and possibly died in the chaos at the end of the last school year.

Together with Klaas Melenhorst .

A scene from Hitchcock's "The Birds" recreated with footage from Steven Spielberg's Star Wars.

This one might not make a lot of sense without some context.
For a school assignment we had to think of a new type of clock. I choose to use my skin; I have Psoriasis, meaning my skin cells renew too fast, resulting in red inflamed spots on my body. Sunlight makes the spots smaller and less red, while the spots grow during the winter Also, the color changes when I'm under stress, like during the evaluation periods at the academy (4 times a year).
So you can (kinda) see what period it is by looking at the amount of red spots on my body.

When you put two iMacs in front of each other, and tilt them in a way that both iSight cameras are pointed at its opponent's screen, and you turn the camera on, you get undefinable, but really funky color flares on the screens.
We used this as the start of our pattern, made a setup where we placed more and more iMacs opposing each other and each time dropped a ball in the center to apply some structure (and a pattern). To cover the audio, we set up an associative array of words, and let Apple's text-to-speech shout it out loud.

Together with Klaas Melenhorst