Interactive Systems

Interactive Systems presents a series of computational and interactive works that explore motion, perception, and emergence through real-time visual systems. These projects investigate how digital forms can respond, evolve, and reorganize through interaction, transforming static visuals into dynamic, experiential environments.

Each work operates as a system rather than a fixed output, shaped by parameters, behaviors, and user input. Together, they reflect an ongoing exploration of generative aesthetics, spatial interaction, and responsive media.

These systems can be adapted into interactive installations, projection mapping experiences, and custom visual environments for exhibitions and events.

History of Kuwait

An interactive timeline spanning four thousand years, from the ancient shores of Dilmun to the towers of a modern Gulf state. Every defining moment in Kuwait’s history, mapped and navigable in one place. Scroll, explore, and read the full story directly in your browser.

Cosmic Timeline

An interactive timeline spanning 21.4 billion years, from the Big Bang to the death of our Sun. Every major event in the history of the universe, mapped and navigable in one place. Navigate, zoom, and explore cosmic history directly in your browser.

Cat’s Cradle

A system that uses computer vision to draw glowing strings between their fingertips in real time. Distance becomes pitch, as hands approach and retreat, the strings shift in color, weight, and tone, rendering the space between two bodies as a field of light and sound.

You Are Data

A browser-based interactive system that uses your webcam to render your body as a live data visualization. As you move, joints emit floating particles carrying raw tracking values, making the normally invisible computations of computer vision legible as aesthetic output.

Typographic Field

A browser-based installation that scatters letters across a field, then uses live hand-tracking to repel them, like fish parting around a shark. Font, color, physics, and text are all live variables, turning language into a responsive, living surface

Spoken Body

A browser-based installation where the words you speak take the shape of your body. Volume becomes weight, whispers render thin and shouts heavy. Move quickly and the letters break away, fall, and pile at your feet, turning speech into a physical, bilingual surface in English and Arabic.

Air Typesetter

A browser-based typesetting system operated entirely in mid-air. Pinch letters from an alphabet strip, twist to rotate, and pull them apart with two hands to scale, while the free hand shapes weight, width, and slant of a variable typeface, turning gesture into a live poster composition.

TypoMorph

A generative 3D typography system that assembles letters into geometric forms, and fluidly morphs between them in real time. Shape, font, and density are all live variables, turning it into a spatial, sculptural experience.

Lexical Resonance

A generative typographic system where letters behave as particles, drifting, clustering, and reforming into words. Interaction shapes the composition in real time, turning language into a dynamic spatial experience.

← Back to Work