Web-based PWA | 2025
Open-source motion sensor → OSC streaming tool
Live Demo
|
GitHub
WebGyro turns your phone's motion sensors into a live OSC controller, entirely through the browser. It captures gyroscope, accelerometer, and rotation rate data, streaming everything to your computer over WebSocket. There is nothing to install: open the link on your phone and you are ready to perform.
The project grew out of a practical need during the development of Seascape Serenity, a multichannel electroacoustic composition that relied on phone-based gesture control. Rather than depending on proprietary sensor apps, WebGyro was built as a free, open-source tool compatible with any OSC receiver, from Max/MSP and SPAT to TouchDesigner and game engines.
The interface is organized into four tabs optimized for live performance. Connect handles server configuration with customizable OSC prefix and real-time sending preview. Sensors provides individual toggles for gyroscope, accelerometer, rotation rate, and shake detection, with an adjustable streaming frequency. 3D visualizes the phone's orientation in real time with live data readouts. Pads offers eight trigger pads with haptic feedback for sending discrete OSC bang messages.
Additional features include automatic WebSocket host detection, settings persistence via localStorage, a lock mode for performance safety, and full responsive design with safe-area support for modern devices.
Design & Development: Yu-Chia Kuo
Tech Stack: HTML, CSS, JavaScript (PWA), Node.js, WebSocket, OSC
License: Open Source