ATMOSPHERE

ATMOSPHERE is a generative, interactive visual experience designed to allow for enhancement of the vibe and energy of a space. The project explores a simple design question: can code alone communicate atmosphere? This code serves as a live visual that shifts and changes with a room's energy . The concept grew from my interest in event production and experience design. So much of what makes a great event is intangible: the music, the lighting, the energy. ATMOSPHERE tries to distill that feeling into something you can interact with. Four modes: PARTY, RAVE, AFTER HOURS, and TROPICS, each carry their own color palette and energy, cycling through with a single keystroke. Built entirely in p5.js, the sketch uses layered rings of circles that orbit, pulse, and trail across the screen. Mouse movement pushes the orbits outward, click sends a pulse from the center, and speed controls let you dial the energy up or down. A fade-in splash screen introduces the piece before disappearing, leaving just the visual. The trail effect, which is achieved through a semi-transparent overlay instead of a hard background, gives everything a sense of depth and motion. It is designed to serve as a customizable canvas, which the user can control to their preferences and align with music. The biggest takeaway was how much personality you can create with very simple geometry. Circles, color, and timing do a lot of heavy lifting.