Hello guys.
Reading a lot here, but actually never posted anything.
I love the work of @Jason_Coon and his esp826 webserver.
Since I am a little bit of an visual guy (sorry Jason, nothing against your design ) I thought I might try to create the UI from scratch and (at least) try to spice things up a little! Colors are already working pretty much. Still need to create a cool color picker (not even sure if its necessary).
Well now I am at the point to create the pattern/palette form. I was just wondering, if/when the autplay/speed/palette/cooling/sparking/twinkle speed/densitiy should show or not.
Probably it is not required to show them all the time. Unfortunately I got no LEDs here right now to test it…
So I thought I could ask you here if you have any ideas to improve the UI and maybe only show info that is relevant.
For example “Twinkle Speed” should probably only be visible if a pattern with “Twinkles” is selected. Colors page should be on a different page imho.
Please let me know about any features you could imagine that could be cool/useful. Here are some screens what I have got so far (not too much yet unfortunately)
The circle shows the current color and the color fades in, as soon as you select a new color or change the sliders. The circle has got some animated “waves”.
Hope you can help me out a little when stuff should show and when not.
Very cool @M_K111 , thank you for your (first!) post. That’s looking good. I totally agree that fields that aren’t currently controlling anything should be removed if possible, or at least grayed out (visually disabled).
One thought about the left/right arrows on the third image-- maybe put a small space between the two buttons?
That looks great! I’m not a designer, or great with CSS, so I just always use stock Bootstrap. I haven’t put much intelligence into the client-side web app for showing/hiding relevant controls because they’re all dynamically populated based on the server (ESP866) side fields list.
It definitely makes sense to build a more specialized client-side web app for specific builds, and show/hide controls based on what’s needed/applicable to the currently selected pattern/animation. Looking forward to seeing more!
Looking forward to seeing this! Not sure if this is a UI thing or a feature request, but I would like to see a “reset” button at some point to reset the settings to their default values. It might not be applicable to all effects, but would be nice for the twinkle/cooling/sparking settings.
Good to hear that positive feedback already
I will try to implement any feedback you give me. Guess I will have to have a look at the ino files to find out which settings are suitable when!
@Chris_Stock Oh, yes. Actually it is almost finished. At least the WebUI part automatically sorts all the animations and only shows the options that apply. I was not able to test it in a real system yet.
Unfortunately I had to switch my modem and my ESP8266 can no longer connect. When I have some time, I will try to connect them again and test it.
) I thought I might try to create the UI from scratch and (at least) try to spice things up a little! Colors are already working pretty much. Still need to create a cool color picker (not even sure if its necessary).
I haven’t put much intelligence into the client-side web app for showing/hiding relevant controls because they’re all dynamically populated based on the server (ESP866) side fields list.