JAKES COLORING BOOK 2.0 (copyright 1999 by Jake W. Holmes)
INTRO: I have put a lot of work into this little applet, and have had no
monetary return whatsoever. I am working on a new web site at
mvmt.com and would greatly prize any links and such if you decide
to use this applet. I am currently a student at a technical college
in South Carolina (as of this date 08/04/1999) majoring in comp. tech.
I will be graduating December of this year. Any job networking is also
greatly prized.
Thank you in advance for any of the above, and enjoy the Coloring Book.
******************************************************************************
*INDEX *
******************************************************************************
PART 1: FILES INCLUDED IN COLOR20.ZIP
PART 2: GENERAL INSTRUCTIONS
2A: TO BEGIN INSTALLATION
2B: TO ADD YOUR OWN PAGES
2C: CHANGING THE COLOR SELECTION RAINBOW
2D: COLORING WITH THE APPLET
PART 3: APPLET PARAMETERS
PART 4: SAMPLE APPLET PARAMETERS
4A: LARGE APPLET ORIENTATION SAMPLE
4B: SMALL APPLET ORIENTATION SAMPLE
PART 5: A FEW MORE TID-BITS OF INFO(trouble shooting and an interesting work-around)
******************************************************************************
*PART 1 FILES INCLUDED IN COLOR20.ZIP *
******************************************************************************
-HTML FILES**********
Color.html //Example of coloring book in a large orientation
//(Best viewed at 1024 X 768 Res.)
SmallColor.html //Example of coloring book in a small orientation
//(Best viewed at 800 X 600 Res.)
-CLASS FILES**********
bookCancas.class
ColorCanvas.class
ColoringBook.class
ColorListener.class
Controller.class
Coordinate.class
PaintListener.class
PaintMoveListener.class
palCanvas.class
PalletColors.class
palListener.class
palMoveListener.class
WindCanvas.class
-IMAGE FILES**********
BALOONS.gif //COLORING PAGE
FACE.gif //COLORING PAGE
GARAGE.gif //COLORING PAGE
HORSE.gif //COLORING PAGE
LARGE.gif //COLORING PAGE
MVMT.gif //COLORING PAGE
OWL.gif //COLORING PAGE
SMALL.gif //COLORING PAGE
TORTOISE.gif //COLORING PAGE
ZEBRA.gif //COLORING PAGE
ZEBRA2.gif //COLORING PAGE
bg.gif //Background Image
pal.jpg //Rainbow Color Selector Image
-OTHER FILES**********
DOC.txt //This documentation file
******************************************************************************
*PART 2 GENERAL INSTRUCTIONS *
******************************************************************************
*PART 2A: TO BEGIN INSTALLATION*****
To start off with, just place all the files within COLOR20.ZIP in its own
directory on your server. Then, just experiment around with the parameters
of the two html files included with the zip.
*PART 2B: TO ADD YOUR OWN PAGES*****
To creat your own coloring page, you need to format your .gif image to
have a TRANSPARENT BACKGROUND, and a COLOR DEPTH of 2 COLORS. The size
is unimportant as long as you remember to put your largest page first(in
position image_0) and to enlarge or srink the size of the applet on your
html to accomidate your page images sizes.
IMPORTANT
1: You DO NOT include the .gif extention in the parameters when adding
pages.
2: The .gif extention on all gif files MUST BE LOWER CASE.
3: The applet parameters are CASE SENSITIVE, so a file named JoE.gif
would be passed as JoE
4: An image with a higher color depth than 2 will not color clearly, and
the trace function is likely not to work at all.
*PART 2C: CHANGING THE COLOR SELECTION RAINBOW*****
You can replace the rainbow graphic by replacing the pal.jpg file with
your own graphic.
RULES
1: New image must remain named pal.jpg
2: must have dimentions of 100 X 60 pixels
*PART 2D: COLORING WITH THE APPLET*****
1: Select the page you want to color using the drop down list
box
2: Create any custom color you may want to use by
1: Select the pallete box you want to replace the color
in.
2: Select the color on the rainbow you would like.
3: Click on the "REPLACE COLOR IN PALLETE" Button.
3: Select the pen size using the slider bar.
4: Select either Color or Trace mode using the radio buttons.
1: Color just colors solid.
2: Trace will highlight the lines of the picture with the
selected color.
5: Select a color to start with from the pallete and go.
******************************************************************************
*PART 3 APPLET PARAMETERS *
******************************************************************************
bgColor //Background color, can be HEX or a named color such as
//blue, black, red, etc... (default is black)
bgImage //Name of image to be used as a background. Must have a value
//of "none" or an image name.
image_# //Image name of .gif files to be used as coloring pages.
//Starts with image_0 and increments 1 for each image added.
//Do not include the .gif extension here. The name you give
//your .gif file will be the name listed in the applet.
//Always place your biggest image at position 0.
******************************************************************************
*PART 4 SAMPLE APPLET PARAMETERS *
******************************************************************************
*PART 4A: LARGE ORIENTATION SAMPLE****
*PART 4B: SMALL ORIENTATION SAMPLE****
******************************************************************************
*PART 5 A FEW MORE TID-BITS OF INFO *
******************************************************************************
If you have trouble getting the applet to except the image parameters, check
the following...
1: Make sure that the .gif extention is in lower case.
2: Make sure that the letter casing between the parameters and file names match
ie OWL.gif should be passed as OWL, not owl or OwL.
3: Make sure you are not including the .gif extention on the parameters.
OWL.gif should be passed as OWL, not OWL.gif.
If your image shows up on the applet, but will not color, then you need to check
and be sure that the background on your .gif file is transparent.
If the tracing feature does not work on your image, or the image doesn't color
solid, then you need to lower the color depth of your image to two colors.
Many have suggested making a save function on the applet to save a browsers
colored picture. Due to javas security features this is only possible through
the combined use of CGI scripting and java. I may work out this problem
on a later version... in the mean-time there is a round about trick a browser
on a windows machine can do to save a colored picture.
1: After coloring the picture, hit the "Print Screen" button on the keyboard.
2: Open up your favorite graphical editor (everyone has Microsoft Paint).
3: Hit edit... paste in the menu bar, and walla.
4: Crop the coloring page out of the rest of the pasted picture.