[Release] Color wheel -- Pick a color. Get blocks that match it.

Hexagon · Before February 2015

anch159 wrote:

Don't know if it's supposed to be like this, but you can't un-click basic.

This is an intentional because everyone has basic blocks (I think). So I figured that it could only help people compare blocks rather than thinking about other blocks that they might not have. Having said that, I definitely could make the basic blocks optional because a user might want to use blocks that are in a specific block package.

Anch · Before February 2015

So anyway how do you make these program thingies? I went to herokuapp but it mentions GitHub. Do you need to download it?

Hexagon · Before February 2015

anch159 wrote:

Don't know if it's supposed to be like this, but you can't un-click basic.

I'm actually reconsidering this, and I think that users should have an option to un-click basic.

anch159 wrote:

So anyway how do you make these program thingies? I went to herokuapp but it mentions GitHub. Do you need to download it?

I code in HTML and CSS to make a website, use Javascript to make the site interactive and then I deploy it using the revision tracker GitHub and the web server Heroku. If you want me to go into more detail, feel free to ask.

Anch · Before February 2015

Do you think we can meet up in ee so you can teach me?

Hexagon · Before February 2015

anch159 wrote:

Do you think we can meet up in ee so you can teach me?

Yeah I think that could be possible.

A new color wheel was added with more options, might not work in all browsers so if anyone is having issues let me know!

skullz17 · Before February 2015

It's possible to drag the circle outside of the box, if you keep clicking and dragging it.

Hexagon · Before February 2015

skullz16 wrote:

It's possible to drag the circle outside of the box, if you keep clicking and dragging it.

How far out of the box? :O I know that it can be dragged a bit out of the box (the center of the circle is on the edge of the color box) because the center of the circle is where the color is being sampled. Anymore than that though is definitely a problem.

Are you using Opera by chance?

Kentiya · Before February 2015

Hexagon wrote:

skullz16 wrote:
It's possible to drag the circle outside of the box, if you keep clicking and dragging it.
How far out of the box? :O I know that it can be dragged a bit out of the box (the center of the circle is on the edge of the color box) because the center of the circle is where the color is being sampled. Anymore than that though is definitely a problem.
Are you using Opera by chance?

I'm using Chrome and it does it for me.

You can only drag the circle off the right and bottom, and if you keep dragging it it will eventually go too far behind the edge of #col1 for you to be able to drag it anymore.

Hexagon · Before February 2015

kentiya wrote:

I'm using Chrome and it does it for me.
You can only drag the circle off the right and bottom, and if you keep dragging it it will eventually go too far behind the edge of #col1 for you to be able to drag it anymore.

I've just replicated the issue that you were talking about and I submitted a bug report to the third-party developers for that plugin. In the meantime I'll try to make a quick fix. Thanks for noticing that!

EDIT: fixed. You may need to clear your cache in order to see the changes.

Last edited by Hexagon (Jun 8 2014 8:26:31 am)

Tako · Before February 2015

Great tool!

If we still had reps you'd be raking them in right now.

Also, I was interested in seeing the score but I see you've removed it. I think being able to compare the two colors (requested color and matched color) is important, whether it be by score or by a side-by-side comparison. As it stands, there is no method of comparing, because they are on opposite corners of the window.

Maybe you can add a square of your selected color right next to the matched colors.

Just a suggestion.

Hexagon · Before February 2015

Tako wrote:

Great tool!
If we still had reps you'd be raking them in right now.
Also, I was interested in seeing the score but I see you've removed it. I think being able to compare the two colors (requested color and matched color) is important, whether it be by score or by a side-by-side comparison. As it stands, there is no method of comparing, because they are on opposite corners of the window.
Maybe you can add a square of your selected color right next to the matched colors.
Just a suggestion.

That's awesome; decided to add that feature (comparison of colors). Makes sense because that's what the website is about--to find the best color for a block. And being able to compare them makes the website much much more useful. I also added back the score--just hover over a block to see it.
Unfortunately the way that I added it looks a little odd and the site might be very slow because I'm using dev versions of all scripts.

Last edited by Hexagon (Jun 9 2014 4:05:08 am)

Hexagon · Before February 2015

I've made a beta design which may or may not assist in being more user friendly (the image is here: http://cl.ly/image/2G1s1B350V1v). Not sure if it's a positive or negative change though.

XxAtillaxX · Before February 2015

Hexagon wrote:

I've made a beta design which may or may not assist in being more user friendly (the image is here: http://cl.ly/image/2G1s1B350V1v). Not sure if it's a positive or negative change though.

I think that design makes it more confusing, for example I don't know by looking at it which is the best matching block colour.
I'm not sure what the background behind the block is supposed to be either, since it's comprised of different sections seemingly.

mrjawapa · Before February 2015

Hexagon wrote:

I've made a beta design which may or may not assist in being more user friendly (the image is here: http://cl.ly/image/2G1s1B350V1v). Not sure if it's a positive or negative change though.

Nah, that's a bit confusing. I like the design you have now.

Hexagon · Before February 2015

Thanks for the feedback! I'll keep the current design for now and maybe make another revision to the beta version.

Buzzerbee · Before February 2015

I think it'd be nice to see the HTML Hex Code of the actual block color.

Hexagon · Before February 2015

BuzzerBee wrote:

I think it'd be nice to see the HTML Hex Code of the actual block color.

Yeah I could add that! It could show the hex code when you hover over the block perhaps. Should be done by tomorrow.

Hexagon · Before February 2015

Would it be useful to have a feature that, upon uploading an image that you would like to draw, would automatically suggest block packs that you could buy in order to optimize the colors?

Different55 · Before February 2015

Yes, very much so.

Anch · Before February 2015

It says that the diamond block is in the "Backgrounds" category.

mrjawapa · Before February 2015

Hexagon wrote:

Thanks for the feedback! I'll keep the current design for now and maybe make another revision to the beta version.

Do you mind if potentially mess around with a new design?

Hexagon · Before February 2015

anch159 wrote:

It says that the diamond block is in the "Backgrounds" category.

Thanks for noticing! I'll definitely have to fix that.

JaWapa wrote:

Hexagon wrote:
Thanks for the feedback! I'll keep the current design for now and maybe make another revision to the beta version.
Do you mind if potentially mess around with a new design?

Yeah, I don't mind!

Hexagon · Before February 2015

Hey everyone,

Just thinking over a new design again and I took your suggestions into account (I was inspired by another design).

What do you think? I can't tell if it's better or worse than the design now. I'm having problems trying to find a place to put the block (the block image). The "select block packages" window and the "HSL or HSV" color chooser option only appears when you click on the settings icon (in the top right hand corner). Upon hovering a swatch, the score will appear in a tooltip. The example data isn't real data, so it looks a little strange. I think that I might need more instructions to tell the user what to do because nothing is really labelled.

Also: I'm considering adding a search function (for example you can search for orange and get all of the orange blocks, search for pumpkin or halloween and get the corresponding blocks). Not sure if it would be useful or not.

Last edited by Hexagon (Jun 14 2014 12:44:10 pm)

Anch · Before February 2015

Here are some cool options that you may want to add:
Search bar (like you said)
      You can search for different keywords, such as:, orange, Christmas, decoration, etc...
A block comparer
   You can choose up to 4 blocks and they will appear right next to each other so you can compare there mini-map color
Block selection
      You can choose a block (by pressing a radio button) then it shows blocks backgrouns, etc... that are similar to that block.
If you need calarification just ask.

Hexagon · Before February 2015

anch159 wrote:

Here are some cool options that you may want to add:
Search bar (like you said)
      You can search for different keywords, such as:, orange, Christmas, decoration, etc...
A block comparer
   You can choose up to 4 blocks and they will appear right next to each other so you can compare there mini-map color
Block selection
      You can choose a block (by pressing a radio button) then it shows blocks backgrounds, etc... that are similar to that block.
If you need clarification just ask.

Those ideas sound great! I'll definitely have to implement them once I get around to it.

Official Everybody Edits Forums

#26 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#27 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#28 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#29 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#30 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#31 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#32 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#33 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#34 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#35 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#36 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#37 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#38 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#39 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#40 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#41 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#42 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#43 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#44 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#45 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#46 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#47 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#48 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#49 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

#50 Before February 2015

Re: [Release] Color wheel -- Pick a color. Get blocks that match it.

Board footer