This can sweetpi fix.
But i dont like the style of the color picker. It is good for an graphic program but to change fast a color for a lamp i think it isnt nice.
I like something like this
http://support.nextlimit.com/download/attachments/1475629/studio_color_picker.jpg?version=2&modificationDate=1315930581000&api=v2
-
Plugin for WIFI controlled LED light (IWY-Light)
pimatic rocks!!!
-
Something like this would be nice?
-
@philip1986
something like this?
-
Yes, I agree it should be a color picker where the use is able to select any color with one click/tap. The one @sweebee suggests looks good to me. I will continue to improve it soon as possible.
-
the one from sweebee looks fine.
keep in mind that the gui needs to be operated on mobiles too, therefore a simlpe design would be best imho.pimatic v0.9 has been released!
Support Pimatic and get some free stickers
Like us on Facebookmake it so !
-
I agree that the one from @swebee has the best look and ‘feel’.
What is missing, is an option to show ordinairy ‘white’ light. -
The withe problem could be solved by an extra button.
But but sure about the implementation of the slider, it looks like a HTML5 range slider with customized background color. Do somebody know a library for this? -
You need two sliders. One for the color and one for the brightness.
But I like a popup for the color picker to keep the front end clear.pimatic rocks!!!
-
How about this?
-
Super cool. How do you create this? Is it really css, html or photoshoped?
pimatic rocks!!!
-
Its made in sketch, so no html and css
-
Yes this one looks really nice and I would love to use it, if can provide HTML and CSS.
-
@sweebee Thats exactly what i always thought is the best Color-picker method! Let me change some small things:
The right slider doesnt have to be that big. I guess it should be as long as the normal dimmer devices.
That means there is more space for the color-picker button and we can expand it a little bit, so its easier to press on mobile devices.
regarding the button-press:
I think the best method is that you hold down your finger on the button and the color-wheel appears. if you release your finger it disappears again. If you hold down your finger and then swipe on top of the color-wheel you are able to chose a new color “on the fly”. The numbers should also change live so you always see where you are. -
Here are some nice ones:
http://www.script-tutorials.com/html5-color-picker-canvas/
especially demo 4 and 5.
-
Great development! I don’t have IWY at home, but I do have a wifi-370 rgb led strip controller. The protocol is almost the same. I can confirm the on / off button works with the wifi-370, the color picker doesn’t.
Does the IWY works with “zones” like the Mi Light or is one ip address one RGB device?
-
Very nice! I didn’t know the WIFI-370 before, but I after a quick search (I found this https://github.com/secesh/node-rgb) I can also confirm that the protocol is quite similar. When I have some time will try to extend my driver to support WIFI-370.
@Patjee to answer your question: every IWY Master devices has a own IP, but there are also other IWY products which require a gateway.
-
@philip1986
good to hear! we have had a workaround for the time being with https://github.com/b4cedev/node-light-wifi370am curious about the adaption with your plugin!
pimatic/pimatic#348pimatic v0.9 has been released!
Support Pimatic and get some free stickers
Like us on Facebookmake it so !
-
That would be great. I’m going to the code a bit, but Javascript and coffeescript are a bit new to me. I do a lot of C and VB programming, so it shouldn’t be too hard. And I played Screeps for a few days :P.
The read function works with the wifi 370. The color picker shows the color I’ve set with my phone.
On the color picker:
With the current calculation, full colors get a max dimming of 40 / 50 %, depending on the color. Only full white can get a 100%. That is because dimming is calculated on the total RGB value.For RGB led control, I think a picker that selects full colors and white wil be best. Like the one sweebee suggested:
http://www.script-tutorials.com/demos/315/index4.html (Tough the white center needs to be a bit bigger)This way the dimming value can be calculated: The highest value (R, G or B ) / 255 * 100%. On full color, one value is always 255. When dimmed to to 10%, that value will be 25. When setting the color, the send RGB value is Dimmer value * full RGB color value.
Edit:
I found this one: https://github.com/fujaru/jquery-wheelcolorpicker
I got it to this now, with the dimming feature integrated:
$(’#color-inline1’).wheelColorPicker({ sliders: “v”, preview: false, format: “rgb” });
The background color is set in the css file.
-
@philip1986 Your plugin is a fork of the pimatic-plugin-template. To get full control you should ask github support to
delete the fork dependency. This way users will be able to file issues which is also useful to keep a history on merges, pull requests and such. Seehttp://stackoverflow.com/questions/16052477/delete-fork-dependency-of-a-github-repository
Btw. I have received my Milight package and a new pimatic-milight plugin written by @Fjux just popped up. Very nice! However, I still would like to integrate the Milight core into your plugin for better user experience. I’ll create a fork for this.
"It always takes longer than you expect, even when you take into account Hofstadter's Law.", Hofstadter's Law
-
@Patjee nice ideas about the color picker, we definitely have to improve this.
In the meantime I updated the plugin to support wifi370. Now you can set a device via the config see here: https://www.npmjs.com/package/pimatic-iwy-light-master. Can you please check if it works with your lights.@mwittig thanks for the advice, the repo is now detached from the parent.