Mood

Dev

Mood 1.0 is a fullscreen interactive drawing experience designed to explore the intersection of digital art, mood, and gesture. Created by Mike Orduna, this project invites users to express emotional states through abstract color gradients. Optimized for desktop.

↓

To draw: Tap anywhere in the box.

Toggle brush size: Right-click.

Built hands-free w/ voice direction using ChatGPT o3 - o4

The interface is intentionally minimal - fading in and out with interaction, offering brush size controls via right-click, and enabling quick exports of the moods you create. Whether you’re feeling calm, anxious, joyful, or empowered, each brush stroke layers visual energy onto the canvas, forming a dynamic meditation in color.

No clutter. No presets. Just you, your mood, and the movement.

  • Canvas API: Used HTML5 <canvas> for live drawing with mouse/touch support.

  • Custom Cursor: A dynamic brush-size cursor appears on desktop for intuitive feedback.

  • Export Feature: Saves canvas as a transparent PNG using canvas.toDataURL().

  • Accessibility Additions:

    • Right-click panel to toggle brush size

    • Touch support for mobile and tablets

    • Modal-based confirmation to match UI theme (replacing system alerts)

  • Auto-Fade Toolbar: The UI fades away during drawing or after inactivity for a cleaner workspace.

  • Loader UI: Custom black/white corner-dot animation styled with CSS only.

Acknowledgments

Agency

Fatoe

Team

Mike Orduna - Design + dev

Tools

ChatGPT o3 - Dev
Sublime Text - HTML