Pixelego Viewer

This applet displays a given image such that it appears to have been made out of LEGO™ or other plastic bricks. This applet is a 'teaser' of sorts, as I am developing a full-fledged application that will not only display images thusly, but also provide brick/plate inventories and a partitioning that will actually show a user what bricks would be needed to physically build such a picture from the pieces. That application is also freely available at The Applet Depot. Note that this applet is in no way endorsed or authorized by The LEGO Company (which hold the trademark to 'LEGO').

If this stuff piques your interest, be sure to Eric harshbarger's LEGO pages.

Original Image Filtered Image

Here's another (bigger) example).


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, http://www.ericharshbarger.org">

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

  • IMAGE: This is the image to be filtered by the applet. Consult the FAQ if you are uncertain about what type of images you may use. The 'bricks' in the final image are 5-by-6 pixels... plates are 5-by-2 pixels. Obviously, the larger the image, the better apparent resolution the bricks/plates can provide.

  • USE.PLATES: This is either 'true' or 'false'. A 'true' means that the applet should filter as if 'plates' are used in the partitioning in addition to standard plastic 'bricks'. Plates are considered to be exactly one-third the height of bricks, so better resolution is obtained (vertically, at least) when this is set to 'true'.

  • COLOR.#: This is a sequence of parameters (COLOR.0, COLOR.1...) which define theRGB values of the bricks and plates used to quantize and dither the image. The example above uses common LEGO™ brick colors, but more may be added (or the above edited) for different effects.

    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.