Joy Division 3D Model on the Internets

04.06.2013 by Michael


The Verge




Creators Project

Joy Division’s Unknown Pleasures printed in 3D

23.05.2013 by Michael

Update: Here are new pictures of the final model on Thingiverse


STL, OpenSCAD, DXFs and Processing Sketch at Thingiverse


Update 2: Made it to London Science Museum! “3D: printing the future”


After watching Grant Gee’s documentary “Joy Division” i decided i have to print the iconic cover of their first album “Unknown Pleasures” in 3D.


Unfortunately i could not find a single vector graphic or 3D model anywhere. There are articles about the history of the graphics, Peter Saville’s artwork and PSR B1919+21. I even tried to visualize PSR B1919+21‘s waveforms. But in the end i spend an evening tracing the waves by hand while watching ESC.

The resulting SVG file was extruded and rendered in Processing with Richard Marxer’s Geomerative and my RExtrudedMesh extension. OBJ export was accomplished with OBJExport.

The Processing sketch didn’t create a manifold 3D model and i couldn’t fix it in time. Thus i rewrote the sketch in order to export DXF layers and extruded them in OpenSCAD. Now there’s a printable STL on Thingiverse:


The print is still not perfect. Skeinforge did a much better job than MakerBot slicer. Maybe the white PLA filament itself was the problem.

SVG Version:



SVG vector graphics

OBJ file for printing

Processing Sketch

STL, OpenSCAD, DXFs and Processing Sketch at Thingiverse


Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Makerbot Replicator PLA Prints with Kreppband instead of Kapton

11.03.2013 by Michael

I was surprised there’s not much information about printing with Replicator and PLA on Makerbot’s site. And i was surprised that it’s impossible to heat the base plate in MakerWare when printing with PLA. I read about using a glass plate or “blue painters tape” instead.

Blue painters tape is just simple Kreppband from the hardware store and it works fine. The print sticks on it and doesn’t warp at all.

My impressions so far:
– No fumes and ABS smell
– Faster prints because no need for printing bed heating
– No warping so far (no need for windows)
– Material is not as smooth as ABS

Adventures in 3D Printing

02.03.2013 by Michael

Since October we have a Makerbot Replicator at Hof University. It took us a while to calibrate it and to learn how to model things in order to print. But better late than never we’ve got it running and it prints our things like a charm. Here are some photos and the latest prints.

Hello Kitty Les Paul keychain (dual extrusion with MakerWare 2.0.0)


Learning curve of dual extrusion 3D printing

Excited about the first print

Our first print: A teapot!

Otto Neurath pictograms in 3D

Scanned and printed all students of my Creative Coding class

This semesters student projects

02.03.2013 by Michael

Studentische Projekte aus dem Fachbereich Mediendesign der
Hochschule Hof / Campus Münchberg.

Student projects from the Department of Media Design at
Hof University / Campus Münchberg.
Prof. Michael Z̦llner РInteraction Design

IxD_Lab (by Sarah Thielsen)

Interaction Design
Gestische Interaktion im Operationssaal mit Microsoft Kinect in Kooperation mit Siemens Healthcare
Gestural interaction in the operation room with Microsoft Kinect in cooperation with Siemens Healthcare

-> Projekte ansehen / See all projects

Information Architecture
Netzneutralität in Kooperation mit
Net neutrality in cooperation mit

-> Projekt ansehen / See project

Experimentelle Leitsysteme für das Dokumentationszentrum des Reichsparteitagsgeländes in Nürnberg
Experimental signage systems for the documentation centre of Nuremberg’s Party Rally Area
-> Projekte ansehen / See all projects

3D Printing
Makerbot Replicator Einführung
Makerbot Replicator introduction

Creative Coding Repository at GitHub
Processing Kursmaterial, Plugins und Example Code
Processing course material, plugins and example code

-> Sommersemester 2012 / Summer semester 2012
-> Media Design at Campus Hof
-> Arbeitsblog
 (Registrierte Nutzer / registered users)

Interaction Design at Hof University

24.10.2012 by Michael

BTW: I’m Interaction Design professor at Hof University in Muenchberg now!

These are my student’s projects of the last semester:

Interaction Design
Kollaboration mit dem Richard Wagner Museum in Bayreuth
Collaboration with Richard Wagner Museum in Bayreuth

-> Projekte ansehen / See all projects

User Experience Design
Kollaboration mit dem Richard Wagner Museum in Bayreuth
Collaboration with Richard Wagner Museum in Bayreuth

-> Konzepte ansehen / See all concepts

Alice im Wunderland Informationsgrafiken
Alice in Wonderland Information Graphics

-> Informationsgrafiken ansehen / See all information graphics

Creative Coding
Arduino Workshop LED Wall

-> Projektdokumentation / Project documentation

$1 Unistroke Recognizer in Processing

24.10.2012 by Michael

A simpler version of Norman Papernick’s Processing port of Wobbrock et al’s $1 Unistroke Recognizer. Moved the gesture processing in a separate file and simplified the main file.

Thus it’s simpler to adapt for finger tracking with Kinect.


PointCloud: How does it work?

14.04.2012 by Michael

PointCloud is an iOS App that expands a Webkit Browser with advanced Augmented Reality features. Thus you can stick for example a DIV with video, images or even Processing.js sketches onto images or objects in reality. I simply took a reference image of Wil Wheaton’s t-shirt and stciked an SVG / CSS 3D animation to it. The result is an perspective emitter of stencils.

Take a look at the HTML document to get an impression how to write a simple app in PointCloud:
PointCloud’s documentation isn’t complete yet. They are providing some examples, which are too complex for learning and a PDF document with further descriptions. They are still lacking a complete API reference. But i know that documentation is hard work and they just released their software.

I reduced their example to a minimum. It’s only initializing and tracking one image. Therefore you have to link an image in the head of the document. The image has to be on a public server on the internet in order to be downloaded and processed by PointClouds server. A local web server doesn’t work.

The only relevant Javascript function is onAppLoaded(). Here we are activating the tracking target image:

function onAppLoaded() {
viper.activateReferenceImage("p1_wil"); // id of image link

Your HTML content is put within a hierarchy of DIVs controlled by PointCloud:

That’s it. Load your file in PointCloud browser and fine tune the positioning.

A Wil Particle Emitter in Augmented Reality

14.04.2012 by Michael

You probably have heard of the Recursive Wil Wheaton t-shirt. Paul (of Paul and Storm) sent it to Wil and this photo became quite popular. It was remixed by an unknown genius into an animated gif and “won at the internet”.

Over the weekend i experimented with the new PointCloud Augmented Reality SDK (which is by the way brilliant and simple: 3D tracking and HTML5). I took Recursive Wil and turned the concept around: A Wil Wheaton Particle Emitter.

Scott Meyer from sent me the original SVG file of the shirt’s image. My first try was using Processing.js for animation (Yes! Processing.js now works in AR). But SVG and CSS 3D were the better choice to get a perspective effect. And it’s hardware accelerated on iOS.

If you want to try it on your iPad / iPhone:

1. Download and install PointCloud Browser in App Store
2. Open it and point it to this URL:
or click this link on your iPad / iPhone 

How does it work?
Here’s a short description and the source code.

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Processing JS Plugin Test

25.02.2012 by Michael

Testing Processing JS WordPress Plugin by Keyvan.

Works great as soon as i disable WordPress should correct invalidly nested XHTML automatically in Settings / Writing. Otherwise Wordpres adds i.e. </width> when using i<width in a for loop.