-
HTML5 Canvas City
This is a HTML5 experiment using the HTML5 Canvas tag to build a randomized city. Each building is a separate PNG file (designed by Juul Barnard). After loading the buildings are assigned random positions in the city. Two main buildings function as links. A draft version: Some of the building images: Check out the animation ...
-
Arduino and Processing
I was asked to help build the interactive part of an installation – to be displayed at this week’s WDKA graduation festival. The installation consists of a super-sized design toy, with a screen showing an animation. The animation changes when people walk in front of it. We decided to build this using Arduino and Processing, ...
-
HTML5 at FITC 2011
This year, FITC had a lot of seminars about HTML5. What kind of tools do we need, and will HTML5 replace Flash completely? Below is a summary I wrote for Adobe User Group Netherlands. You can read the entire report (in dutch) here. Adobe introduces EDGE and Wallaby HTML5 technology provides the creative community with ...
-
FITC Amsterdam Report
FITC Amsterdam was a blast. This year I wrote a report for Adobe User Group Netherlands. Below is a summary, you can read the entire report (in dutch) here. TRON graphics design – by GMUNK. This session was all about the creative process behind the CGI effects in TRON. While studios like Pixar develop their ...
-
Tokyo Favorites
The last few years I’ve spent the winter months in Tokyo, doing freelance work and also trying to take as many pictures as I possibly can. The G-Cans project is designed to protect Tokyo against floods. Shinjuku Crossing The unique atmosphere of Asakusa Original Power Rangers props, Kyoto movie museum. Capsule Hotel in Asakusa
-
Visualizing geodata
Google (or Bing) maps are great to geolocate all kinds of data. The problem with visualising this data is that most mapping apps look very similar and are often overpopulated with irrelevant details. From a design point of view it would be nice if you could use geodata from Google, Twitter, or any source, and ...
-
Scripted Depth of Field
A popular effect these days is using a strong ‘depth of field’ effect in film and photography. The subject of the image is sharp, while the rest of the image is out of focus. I wondered if this effect could be simulated in actionscript without resorting to a 3D package like Away3D. In this experiment ...
-
Displacement maps in flash
A displacement map is an age-old filter that’s been around since the first versions of Photoshop. When you use a displacement map in photoshop, you take a single image and project it onto another image. The black & white values of the first image are then used to “displace” the pixels in the second image. ...
-
Building a Twitter VJ tool in flash.
For Motion Sickness‘ next VJ Gig, at Hoorspel Amsterdam, I want to mix live Twitter messages into our VJ set. I’ve already built several Twitter tools in Flash, and Modul8 (our favorite VJ tool) supports SWF files. I started by experimenting with various animations you can apply to the Twitter messages. You can see a ...