• Spiral shader

    Spiral fragment shader experiment, 2020

    JavaScript spiral fragment shader experiment in THREE.js

    Live versions:

    B/W version

    Color offset

     

  • Travelscope

    A visual exploration of the travel freedom attached to passports, 2016

    The weight and the travel freedom attached to a passport vary drastically across nationalities. International visa-regulations are very complex and often non-transparent. They reflect the economical and geopolitical situations as well as the relationships of countries.

    This project aims to cast some light on these structures and make it easy to find out which countries an individual of a certain nationality can travel to without a visa or with visa on arrival. The destination country can be intuitively selected by clicking/tapping the map, via the live search field or by choosing it from the country list. In the "Visa-free sources" mode, you can alternatively explore the number of countries whose nationals can enter a specific country without a visa or with visa on arrival. The GDP and population modes are added for reference. Other modes can be implemented in the future.

    This web application features a responsive design which works across browsers, platforms and screen sizes, as long as WebGL is available. Since WebGL is now supported by iOS, it also works on recent iOS devices running iOS 8+. Recent Android versions are supported as well.

    Travelscope is listed at Chrome Experiments and has been selected an Official Honoree in The 20th Annual Webby Awards.

    Travelscope project

    Work
    Concept, UI Design, coding in HTML5 (Javascript/Three.js)

  • Typo performance tests

    WebGL performance tests in three.js, 2015

    Typographical WebGL performance tests in THREE.js

    Single geometry test

    PointCloud test

  • Flexible square

    Reactive geometric shape, 2007

    This experiment starts with a static looking square. As you approach it with the mouse cursor, its flexibility is revealed. Several parameters that affect the behaviour can be adjusted.

    Work
    Idea, Coding in Flash 8 Pro, Actionscript 2.0

    Interactive application

  • Custom text wrap

    Interactive typographic experiment, 2007

    This is an typographical experiment on direct text wrapping. The text always maintains the shape of a block whereas the line breaks ignore single words and letters.

    Work
    Idea, Coding in Flash 8 Pro, Actionscript 2.0

    Interactive application

  • Cursor swarm

    Generative mouse cursor swarm, 2004

    This generative swarm of mouse cursors was a result of chance during coding. Each cursor has its own target. While it keeps trying to reach it, it overshoots the target a few times befor it finally gets it.

    For some time this animation was the start page of this website.

    Work
    Idea, Coding in Flash 6, Actionscript 1.0

    Interactive application

  • Generative Flyers

    Generative invitation graphics, 2004

    Programmed interactive graphics are used for digital invitation flyers. The graphics are generated in realtime and will thus be different on each opening. The graphics react to mouse movements and clicks.

    Work
    Idea, concept, design, programming in
    Flash and Java

    Interactive Flyer: Maifeier 2003
    Interactive Flyer: Maifeier 2004

  • Generative sketches

    Computational design with Processing, 2003

    Various experiments made with Processing during the workshop by Marius Watz

    Dynamic Form
    A spring model can be held at each single point and moved.

    Behaviour
    Particles demontrate various behaviours like attraction, avoidance or alignment.

    Gesture
    Mouse movements create a threedimensional generative form.

    Work
    Idea, concept, design, programming in Processing

    Generative sketches

  • Mouse Mirror Maze

    Abstract computer game, 2002

    This experimental game is the digital equivalence of a real mirror maze. In this case the actor is not a person, but the mouse cursor.

    On a black screen you see only the edges of a two-dimensional mirror maze in the form of white points. As you start the game, the virtual reflections of the cursor appear, created by the invisible mirrors. The mirrors can be orthogonal or diagonal.

    The aim is to navigate the cursor through the system as quickly as possible in order to find the still unknown exit. On every collision with a mirror penalty points are added. The final score is calculated from the duration and the number of collisions. The lower the value, the better the player.

    Work
    Idea, concept, design, Flash programming

    Assignment
    Process: Create a Computergame.

    Interactive application