← Labs

Moodz

A browser-based audiovisual experiment that turns microphone input into a sculptural WebGL object and lets the viewer steer the emotional tone of the scene.

WebGLThree.jsAudioCreative Coding2026Open fullscreen demo

Input

mic + ambient audio

Engine

Three.js

Mode

interactive canvas

Why it exists

Moodz is a hobby experiment around emotion, audio, and form. The idea was to make something that feels closer to an instrument or a mood object than a traditional UI.

Instead of turning sound into bars and waves, it turns the signal into a living 3D surface with presets that shift color, camera, motion, and ambience.

What makes it interesting

The project is intentionally isolated from the rest of the site so the WebGL and microphone lifecycle can stay stable. That lets the portfolio page embed the live experience without forcing the entire site into the same runtime constraints.

  • Live microphone input drives the visual response
  • Emotion presets change the scene tone and behavior
  • Ambient sound can run alongside the mic-driven visualizer

Integration note

This demo is embedded from a same-origin mini-app inside the repo. That gives it a clean fullscreen mode and keeps the immersive canvas sandboxed from the main site layout.