PAINT-A-GRID

This a tool that you can use to paint a HTML table in the form of a small grid. The output of the grid is HTML code which you can put on a web page. These can be used as patterns for scopes or gradtable art with webTV.



PAINT-A-GRID
TOOLS


SMALL
LARGE

INSTRUCTIONS

What you will need to do or have is draw or print some image that you would like to put in a grid. You'll need to know what color to enter in the boxes. But that is all you need to do to use this tool. You can leave boxes empty, they will come out black (default for an empty bgcolor). If you want a black square I suggest that you code it in so you will know where it is. You can remove all the empty bgcolor="#" with search and replace on your server or in a test bed and they will then be transparent. Also change the table border and cellspacing to 0 to remove the grid.

The textboxes will accept a hexadecimal (such as ffffff). You do not need to add quotes or a hash mark as these will be included in the script. You will be entering these somewhat blind however because you cannot see the numbers that you have entered fully, just the first syllable if the cursor is not over the box or the last syllable if the cursor is over the box. You won't see any typing errors until you submit your colors. However you can correct these by using the grid on your viewing page and changing the box with the error and hit the submit button again. It may be easier however to just CCP the code with the errors and then use a search and replace on your server once you've got the code on a page. This tool can be both challenging and fun.

My first try with it produced this outcome. You can see some color errors and also some colors I decided I wanted to change. So I put the code on a web page as it was and did search and replace, or just scanned through it to see what was wrong with some colors. Sometimes a number was missing in the hexidecimal. Fixed it up and this was the result..

While it is possible to simplify the codes for all you scope artists and gradtable artists, this tool is intended to help you with your projects from the ground up. It is a small grid with each box being 20x20. And that is large on an artist's scale. You can however make something in sections and piece it all together in a smaller grid you've coded from piece. It is fun too to get a piece of art from the codes themselves. The end result shown on this page was done by going further and deleting all the empty cells to the left and taking out all the empty bgcolor= in the code. Removed the table border and cellspacing which was used to give the appearance of a grid and added some audioscopes using search and replace.

If you are completely new to this art form you can see some example starter grids and codes by going to this page