Lixie-Labs / Emotiscope

Let your eyes enjoy the music too ✨ Extremely low-latency audio processing lets LEDs perfectly synchronize to your music's notation and tempo.
GNU General Public License v3.0
27 stars 5 forks source link

Add mouse (desktop) support to web app #77

Closed larryqiann closed 1 month ago

larryqiann commented 2 months ago

Hi, this is a quick hack, so maybe not super suitable for production use, but I made some quick edits to the files app.css, render_controls.js, and sliders.js to allow the web app to be used on a computer without a touch screen (By default, it's not possible to use the app at all, nothing responds to the mouse).

Horizontal scrolling is accomplished through always showing the scrollbar on the bottom, which isn't ideal but it's whats available. You can also horizontally scroll on your mouse if it supports this.

You can click and drag on the sliders to change their values, but I haven't gotten around to fixing the "toggle" mode, or the function where you can click on the Emotiscope device to turn it on and off.

Simply replace the files below, and/or add them as "overrides" in Chrome DevTools.

override.zip

connornishijima commented 1 month ago

I've just pushed changes to the 1.1 branch that add official mouse input support, along with PC control and landscape mode. <3

Stay tuned for an OTA 1.1 update in the next week!