Selected work · 2026Web design · Live

MITTEN IM PELOTON

An interactive WebGL experience for Pedal Party Passau. Reactive 3D sculptures, glass materials, spatial sound and a choreographed touch and cursor sequence merge into a digital peloton.

Creative Development / WebGL / Sound Design

Open experience

WebGL peloton of floating metallic leg shapes with the title Mitten im Peloton — 01 / 04The field

Sixteen shapes form the field. A glass sculpture becomes an instrument. Every impulse changes material, space and sound until the object breaks into fragments and opens the way into the peloton.

Services

01Creative Development
02WebGL and shaders
03Interaction design
04Sound design
05Performance engineering

01 · Brief

Pedal Party Passau's 16 leg shapes needed to become a digital experience, not another static campaign page.

02 · Approach

A charged field of extruded leg shapes leads into a directly manipulated glass sculpture. Motion, pressure, sound and light follow the same seven-step cadence.

03 · Outcome

A standalone creative-development piece that preserves the same choreography on mobile, foldables, iOS Safari and desktop without faking the experience with heavy video or pre-rendered 3D.

Technology

Three.js · GSAP · Web Audio · WebGPU HDR · Next.js

What carries the work

Real-time 3D with Three.js and custom shader materials

Interaction through cursor, touch, pressure and movement

Seven-step glass-leg sequence with explosion and fragments

Musical Web Audio sound design

HDR support on compatible displays

Optimized for mobile, foldables, iOS Safari and desktop

Premium loader with a continuous zoom into the experience

Visual sequence

02—04

Central glass leg sculpture against a dark spatial background — The sculpture02

Glass sculpture at stage four of the seven-step interaction sequence — 04 / 07 · Hold pressure03

Fractured glass sculpture at the final threshold — 07 / 07 · Threshold open04

Case study · Pedal Party Passau

Write me. I'll reply today or tomorrow.

Discuss the next project