Monsieur Happy
Public project
The visitor-following view uses the application's synthetic visitor simulator, with no webcam imagery. The greeting is sample text.
Monsieur Happy is an animated art installation inspired by street art, created for a wall screen at my office. Fifteen characters blink, glance around, and perform playful routines, including an Amini & Conant lettering reveal, against twenty-three selectable backgrounds.
Custom greetings welcome visitors and can be managed locally or from a privately paired phone. With optional camera input, characters can notice and follow visitors; person detection runs in the browser. The artwork and local greetings can also run offline.
The source repository is private. Camera use is optional and requires permission. Remote phone control requires a private pairing link.
Built with
- TypeScript, SVG, and CSS: editable character rigs, coordinated animation, responsive artwork, and operator controls without a UI framework.
- Vite: development server and production asset builds.
- MediaPipe Tasks Vision, EfficientDet Lite0, Web Workers, and WebAssembly: optional person detection in the browser.
- Cloudflare Workers and D1: hosted delivery, paired phone messaging, and private display diagnostics.
- Node.js: local display server and macOS launch/package tooling.
- Vitest and Playwright: automated logic, browser, and playback checks.