JavaScript spiral fragment shader experiment in THREE.js

Live versions:

B/W version

Color offset

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)

Typographical WebGL performance tests in THREE.js

Single geometry test

PointCloud test

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

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

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

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

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

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