-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0|61|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-

HTML/Javascript

I'd like you to write a tool.
I'd love to make a Picross game for AGameAWeek.com, but first I need to design hundreds of puzzles.  (ugh!)

What I think I need is a Picross Designer, so a grid on the right, buttons on the left, as shown in the image.
Tap to Plot, tap again to unplot (back to white).  If you pick another colour from the left hand bar, that becomes the current plot colour.
We can maybe have a set of alternative colours (say a set of plain red, orange, yellow, green, blue, purple)
In terms of data these would be 0= white, 1 = black, 2=red, 3=orange, 4=yellow, 5=green, 6=blue, 7=purple, 8=pink

Let me plot them on the grid..  (if "tap" and coloured then set to white, else pen colour)
The grid should extend up and left like a Picross puzzle, and would register the block counts like a picross puzzle should, accounting for different colours like a Colour Picross game.

The left gui sidebar should also have options for different puzzle sizes using a couple of dropdown boxes for Width+Height (5 to 16 on either one)

The program should also scan the puzzle every time I plot/unplot, to work out whether a human can solve the puzzle using pure logic.

Store the current plotted data in a Puzzle="W=8 | H=8 | Data=0010010040501001001000100505020" string variable.

The "Save" button at the bottom left of the gui should say "Can't Solve" if the puzzle is impossible to solve using just logic.
Otherwise, if the puzzle is possible, then the save button will store the puzzle inside an array of puzzle strings.

Can you build that for me?