New Years Update
January 5th, 2024
50,000 Discord Members!
Just before the end of 2023 we managed to cross the 50k mark on our discord! We're very grateful for all your support over these past few years. I'd also like to give a big thanks to our mods and admins who are often the first responders to the issues on the discord server. Without their hard work, I don't think we would have lasted half as long.
Advance Theming
The "Theme Editor" has been moved to its own page. We've added support for per-component colors, custom variable creation, gradients and images. We have updated the "Upload Theme" and "Save Theme" buttons to handle JSON files. You can drag and drop a JSON theme to upload as well.
Themes are NOT managed for you. Uploading a new theme will override the current custom theme! If you wish to keep multiple themes available, you should keep them saved to a local folder on your computer.
Per-Component Colors:
To edit these variables, toggle on "show component variables". Knowing what to edit may require some inside knowledge, so just ask on discord and we'll help to the best of our ability.
Custom Variables:
Type a name in the search bar and click the green "+" (if valid). For example, if you named your variable "my-color", then you can use "var(--my-color)" as a color value elsewhere. If you know CSS, ths should be familiar.
Gradients:
You should look into CSS gradients for details, but here are some simple examples:
linear-gradient(blue, pink)
linear-gradient(70deg, blue, pink)
radial-gradient(red, blue)
Images:
Unfortunately, you cannot access local resources/files, so the only way to use images are via image url or data-uri. Respective examples:
url(https://raw.githubusercontent.com/robolab-io/mechakeys-branding/master/MechaKeys%20Logomark-2.png) 5%/5% repeat
url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
Entering Maintenance Mode
This will likely be the last major update of V2. However, Mechakeys is far from finished!
The intention of V2 was to simply fix the persistent errors of V1 and provide a smoother experience getting started.
As such, its architecture was directly inspired by the legacy version.
Yet it wasn’t long before our ambitions for the app and expectations from our users grew to a point the architecture cannot support.
A full refactor is required to provide the functionalities you’ve all been asking for.
Heres a glimpse of what V3 has to offer:
- Headless Mode - Switching to backend audio enables us to remove the render process for improved performance.
- Keyboard Mixer - Mix and match soundpacks on a per key basis!
- Soundpack Creator - Create, import, and share custom soundpacks for free!
- Theme Packs - Share wallpapers, overlays, keypacks, and more in a single bundle!
- Enhanced Wallpapers - Mechakeys themed wallpapers, efficient video wallpapers, HD youtube wallpapers, Interactive wallpapers.
- Headless Overlay - Exposes a url to stream your overlay as a browser source in OBS et al.
- Open-Source - V3 will expose everything we reasonably can!
Stay tuned for future updates!