My BYOB (bring your own beamer) generative art projects. These are interactive installations that transform real-time data into flowing visual experiences using WebGL and particle systems.

Fly Over Gent

An interactive 3D visualization that lets you fly through the city of Gent using authentic municipal data. Features autonomous flying drones that exhibit natural flocking and swarming behaviors.

Real city data from Gent open data portal
Boid flocking system with autonomous agents
Multiple camera modes follow, chase, orbit, free-flight

Built with Three.js and vanilla JavaScript. Uses Lambert-1972 coordinate system for geographically accurate positioning.

Flow Viz

A real-time generative artwork that transforms ambient sound into flowing rivers of light. Uses live microphone input to analyze frequencies and drive 50,000 particles across the screen.

Bass frequencies → wave patterns
Mid-range sounds → turbulence effects
High frequencies → chaotic energy bursts

Built with WebGL and JavaScript. Each viewing experience is unique based on the ambient sonic environment.

Flow Field

An interactive particle visualization where edges detected in your camera feed guide 50,000 particles to float along them. When no edges are present, the particles follow organic Perlin noise patterns. All edge detection runs on the GPU in real-time.

50,000 particles following flow fields
Sobel edge detection processed on GPU
Real-time webcam influence on particle flow

Built with Three.js. Press "D" to toggle control panels. Requires webcam permission for full functionality.

Newline 2026 BYOB Interactive 3D Artwork
Newline 2026 BYOB

An interactive 3D web artwork created for Hackerspace Gent. Promotes newline 2026, an event in Gent for hackers, makers, and tinkerers.

Built with Three.js and WebGL.