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.