Use this program to generate background art for your web page banner. Specify corner locations for red, green, and blue, and the amount of random noise you would like in your gradient.
Put in some number-stuff here:
This program draws a banner consisting of 1-pixel table cells. The banner is a gradient between the three colors red, green, and blue. You can specify which corner or edge will be the center point for each color. If you want yellow, try putting red and green on the same spot or on adjacent spots.
The program will add some noise into the gradient. “How often” determines the proportion of table cells (pixels) to which noise will be randomly added. “How much” determines how far the pixels can stray from their nominally-assigned values. The default is to add a lot of noise, but not very often, so it is easy to see. You can get a much smoother gradient by lowering the amount of noise, but letting it happen more often.
When you get a pattern you are pleased with, just take a screen shot and create a PNG file.
This was one of the very first programs I wrote in JavaScript, and it shows. At the time, I did not use much CSS and I wrote the styles directly into the HTML. Also, I used old HTML4 constructs like cellspcing and cellpadding. And I used tables a lot to lay things out, which in this particular case, is not really so bad. But my coding style has changed a lot since these days.
A good way to accomplish this today would be to use HTML5 Canvas.
This user interface is not really suitable for a mobile device.