: Creating a Build-Your-Own Color Picker to go with Website? I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color

@Turnbaugh909

Since the tiles are shaped in such an irregular way, you can create each them using SVG in Inkscape or Adobe Illustrator and attach a click event to change the selected color. Once you export it from Illustrator or Inkscape it turns into XML which is DOM based, so you can selecte each part using CSS and JavaScript.

You can then do the same thing for the boat (and anything else that needs to be created like the seats - not sure if that's your intention) and attach click events to each portion to allow the currently selected color to be applied.



The other option would be <canvas>, which could possibly require a lot more calculation on the JavaScript side and likely be harder to make as responsive to varying screen sizes. My guess is that the load time of a Canvas version would be less though.



As for the need for a database, the only thing you'll need one for is to save the user's input or order it once they are finished (and perhaps allow users to pull up previously made ones?). The tiles, boat, and everything on the page can be served on the initial load. Make sure you optimize everything because there's a huge potential for a long load time.

Vote Up Vote Down