This applet constructs a 'connect the dots' game from an image provided. The image should not have the numbered dots in it; the applet will place and number the dots according to the DOTS parameter. To draw the picture, start by mouse-clicking on dot #1 and drag the mouse pointer (holding the mouse button down) to dot #2. Release the mouse button to complete the line. Repeat from #2 to #3...


The applet may be downloaded for free by clicking on the TAR-file link below (read the FAQ if you're not sure what to do with a TAR file). The FAQ also has step by step instructions on how to embed an applet into your own webpage.


Once unTARed, you should find the following classes (plus a '.jar' file if you want to use the archive= attribute in the <applet> tag):


Below are descriptions of all the parameters you may use to customize the applets to your webpages. Be sure to enclose any parameters that contain white space in double-quotation marks. Most parameters have default values in case you do not specify your own values, but the first two parameters (AUTHOR and COPYRIGHT) are necessary. If you are not sure how to incorporate an applet into a webpage (with its parameter names and values), looks at the source of this webpage and the applet embedded for an example, or read the FAQ page.

  • AUTHOR: This parameter must appear exactly as follows:
    <param name=AUTHOR value="Eric Harshbarger,">

  • COPYRIGHT: This parameter must appear exactly as follows:
    <param name=COPYRIGHT value="DotToDot applet, Copyright 1999, Eric Harshbarger">

  • BGCOLOR: This parameter indicates the background color of the applet. Consult the FAQ page if you are unsure what format to use for the parameter's value.

  • FGCOLOR: This parameter indicates the foreground color of the applet. Consult the FAQ page if you are unsure what format to use for the parameter's value.

  • FONTNAME: This value indicates the fontface used by the applet. Java1.0.2 has the following values from which to choose (must be spelled exactly): TimesRoman, Dialog, Courier, Helvetica, DialogInput, Symbol.

  • FONTSIZE: This value indicates the size of the font used by the applet.

  • FONTSTYLE: This value indicates the style of the font used by the applet. The value should be one of the following: plain, bold, italic, bolditalic.

  • BACKGROUND: This parameter points to an image file that is used as a background to the applet. All the various texts of the applet will be painted on top of this image. Consult the FAQ page if you are unsure about what image formats you may use.

  • CLOSED: Indicates whether the 'circuit' of lines connecting the dots will be closed (i.e. does the last numbered dot connect back with the first). The default is 'false'.

  • DOTS: A list of x,y (no space after the comma) coordinates separated by whitespace. Each pair of coordinates respresents a dot which will be drawn and numbered by the applet. Dots are rendered and numbered in the order they are given in the list.

  • DOTSIZE: The pixel-radius of the DOTS when they are drawn. The default is 2.

  • SEQUENTIAL: If 'true' the dots must be connected sequentially in the sense that dot-2 cannot be connected to dot-3 until dot-1 has been connected to dot-2... and so forth. 'false' means that the restriction is not enforced. The default is 'true'.

    The Applet Depot and all associated applets, text, scripts, and images, Copyright © 1998-2002 by Eric Harshbarger unless otherwise noted. 'Java' is a registered trademark of Sun Microsystems Incorporated.