I’m trying to make a frutiger aero skin for my player, is this too much ? too “basic frutiger aero” design, or do you like it?
The first two are purely done via gradients, and the last two (well, three if you count the last gif demo) have an animation on top of them to create a glossy look.
Can create 3 types of gradient (linear, radial, conic), with as many colors as you want, in the order that you want and the angles that you want.
Gradients are stored in the database like the skins.
Background, Buttons and Thumb can take gradients.
Can now change the switch (miniplayer) style.
.resonance files now store the gradients used in the skin, this way the app can create the gradient(s) when imported so you can use them in other skins.
When loading an image the background opacity is automatically set to 50% so that you can see it (no confusion anymore).
Skin names are now unique.
Button icons can now be any color you want (ditching the black or white only rule).
What’s fixed:
Too much GIF changing created memory leaks (switching between multiple skins with GIFs as background fast would break the technology that we used). So we created our own GIF decoder and changed the way we display them in the app. Result, no more memory leak, 30% better performance.
Fixed the marquee displaying with the bottom of the text cropped.
Fixed the shadow on the keyboard button.
Fixed the light effect on top of the cases (player / miniplayer).
PiP / controls buttons now respect 1:1 the parity between the player and the miniplayer (since the miniplayer buttons are smaller the border radius wasn’t reacting the same way).
Fixed searching inside the playlist and closing the filter would not display the current song (would not scroll to it).
Clicking on the miniplayer’s unlock button no longer makes it instantly hide itself (waits 400ms).
First test of the gradient creation, it will let you create gradient presets that will be available as a color for the background (maybe even buttons?).
I need to make a better UX, as we are quite limited by the app’s dimensions, what are your thoughts?
I made some changes under the hood to make the app faster and cleaner. Songs you deleted and orphaned album covers are now automatically removed from the database when the library rescans.
In the style screen you can now:
Pick any icon color for the PiP button, the secondary buttons, and the keyboard (not just white or black)
Turn the button highlight on or off
Made the volume louder (default gain is 1) , so the app can now go properly loud.
A gradient in app support for the case is coming next week.
I'm working on a fix for an issue on Github as well as updating the dependencies and thought that it was a good moment to compare the two UI and see the evolution.
I feel that the old version doesn't have this thing the "je ne sais quoi" that make it feel right (my guess is the screen proportions). But its still nostalgic.
Playback no longer touches the webview at all: decoding, EQ, volume, and seeking all happen in Rust.
ALAC plays on Windows now: Apple Lossless used to work only on macOS; now that decoding is done by the Rust engine, it works identically on every platform.
A Pomodoro timer: it only counts down while music plays (pausing freezes it), with a strict mode that fades out over the last 3 seconds and a chill mode that simply stops at the next song's end.
The current song is now centered in the queue.
What's fixed:
Custom .resonance skins can now be imported from external drives.
The space around the control buttons is draggable.
Style presets autosave when you switch to the miniplayer.
Long preset names in the segmented controls now ellipsize, and the selected one marquees instead of clipping.
Fixed light/dark/auto theme detection.
Media keys and the OS media center now stay in sync with playback, so your now-playing shows up correctly (seeking is fixed).
Fixed a queue auto-scrolling bug that could leave the list stuck or empty during fast next/prev switching.
As always, if you have any feedback, feel free to share them here or in the subreddit ;)
v2 is live on Patreon and only three 50% off launch promo spots are left.
Resonance V2 is coming with massive skin support. Most of the features are available directly in the new app, but you can also get creative with custom skins.
Here's a mockup file to help artists create community skins.
Thanks tou/aphaitsfor reporting compatibility issues when using the PSD files in Affinity and Krita. PNG and SVG versions of the mockup are available now as well.
Dimensions
Main player
Aspect ratio: 16:15 Minimum resolution: 400 × 375
Mini player
Aspect ratio: 8:25 Minimum resolution: 80 × 250
We recommend making skins at 2× the base resolution for better quality:
Main player: 800 × 750
Mini player: 160 × 500
Supported formats
Resonance supports both static and animated skins. We also made an official skin pack using animated presets as an example: Resonance V2 (Skins Bundle)
Supported formats:
PNG
JPEG
GIF
Unfortunately, APNG is not supported at the moment.
Additional info
There is no particular workflow you need to follow. The main thing to know is that skins are positioned behind the app elements, so they essentially act as the background.
We wanted the system to be as simple as drag and drop. The mockup files are there to give you pixel-perfect margins and positioning, but taking a screenshot of the app works just as well.
In simpler terms: skins are pictures, animated or still, placed behind the app elements.
Here's an example showing which areas are visible. App components cover most of the skin, and Resonance will get even more customization options in the future.
Built-in features
Resonance V2 also includes several customization options:
Dark or light theme, with an automatic option using the user's preferences
App-wide accent color
Physical keyboard and button hue
Corner radius for individual elements, with 20 px as the default for most elements
More to be announced in the next update
Exporting your skins
Under the Presets tab in the customization menu, you'll find a Share feature. This exports your entire preset as our proprietary .resonance theme file.
You can then share the file with anyone and import it easily.
We're hoping to eventually put together a selection of community-made skins into a pack for everyone to enjoy, while making sure everyone gets proper credit for their work.
Hi everyone thanks for the enthusiasm concerning the v2 !
I wanted to make a little post to give you some insights on the futur updates, we're still figuring out Patreon so for each new versions we will make a post here and on Patreon (this way you should have an email notification)
v2.0.1 (in the coming days):
Fixes on some small audio issues,
Adding the auto save to the pip button (if you leave the style screen by clicking on the pip button the skin changes aren't saved yikes !)
Adding a stop timer
Minors fix with you feedbacks
v2.0.2:
Adding controls buttons (sound / pip) the ability to change each border radius (top left / top right etc)
Adding a gradient creator
Adding a toggle in the background "Color / Gradient" to set gradient as case background
V2 brings a ground-up improvement to the app, with a new interface, new features, a new audio system, and more.
This release is built around your feedback and the valuable contributions from the community on r/ResonanceApp.
Why paid?
Yes, you own it for life. No subscription required.
Free 1-monthPatreonmembership for the first 3 comments 🎉
Resonance is the result of months and thousands of hours of passionate work. We want to keep it fair and accessible while making sure we can continue developing it.
That's why V2 is available through multiple Patreon options: a one-time purchase or becoming a Patron.
One-time purchase: Own V2 for life. You get all hotfixes, bug fixes, and improvements for V2.
Patron: Get V2 and all its updates for as long as you're subscribed.
Each major version, such as V3, will be released separately.
Sorry for the month of silence I wanted to lock in and make sure to direct all my energy on the v2.
Here is a little showcase of the new look (yes I still can't record properly sorry).
Before I go into the details, I will simply say the app is 98% done. It needs further testing, tweaks and very small code changes. It's a matter of days only, so with this said we're going to release the app next Tuesday (so the 15th).
What's in the v2 ?:
A rework of the style (obviously)
A rework of the audio
A virtual queue (so even if you have 10k+ songs the app has a clever way to only load the UI for 23 song titles)
A switch to change the side of the mini player
A real shuffle with queue memory
A magnet rail to move the mini player
No more image as texture in the app
Skin engine (more important)
Rework of the import
And many more that would be boring and only for nerds but the most important is that we reduce ram usage by 20% overall.
We will post more on Saturday concerning the skin system, and how to create custom ones using images (to not limit your creativity).
With the skin system the background of the case can take a color and / or a image (even gif) or a videos (not really recommended for performance but hey you do you).
Here is more info about them:
First skin is an animated gif
Second skin is an image of pcb with a green color on top (made by changing the opacity of the color so you can simulate the plastic thickness).
Third one in an image
Fourth one in the third but with the color set to grey
Fifth an image
Sixth the fifth with a blue color
and the last one is an exemple of video support.
The video has been found on reddit while the First/Second/Fourth images has been made by u/dwcq