Small HTML


The task for the Small HTML competition at The Gathering 2011 is as follows:

Make the classic plasma effect on as little code as possible, while adhering to the following criteria:

  • The effect as rendered on the screen must use a resolution of at least 320x240 pixels.

  • The effect must not be animated, we want a static image.

  • The effect must use a palette with 256 colours with a gradient FADING between these 3 colours (RGB format):
    colour 0: (244, 78, 133) (position 1 to position 64)
    colour 1: (252, 252, 192) (position 65 to 192)
    colour 2: (60, 22, 84) (position 193 to position 256)

  • The effect does not have to be identical to the reference implementation, but should look mostly like it, if in doubt come to the Creative Helpdesk and ask.

  • There must be a minimum of two visible, separate "blobs" in the effect (like in the reference implementation).

  • To avoid this turning into an image optimizing competition, base64 or similar image encoding tricks are NOT allowed. If in doubt, ask us if your entry is valid.

  • The filename must be small.html, if it is not it will be renamed before judging.

  • Deadline is at 2011-04-22 02:59:59

You may use this following implementation as a base, or write your own from scratch.

The color gradient to use

Your entry should look something like this


  1. Hand-in

    The assignment will be announced at the party, and the deadline for hand-in will be 24 hours after this announcement.

    Entries must be delivered through the web-based compo system as a single .html file.

  2. Deciding a winner

    The winner will be the entry with the smallest file size. An entry must fulfill all success parameters given in the task assignment.

  3. Embedded scripts or styles

    Embedded CSS or client-side script code is allowed.

  4. Referencing external resources

    The entry is not allowed to reference any external resources or files, either locally or via network.

  5. Browsers and standards

    The entries will be tested in the latest stable version of Mozilla Firefox at the time of the deadline.

    The entries are not required to validate against any standards, or work in other browsers.

  6. No-go limit

    The compo will be held if we receive three (3) or more entries. If not, this compo will be cancelled.

  7. General rules

    The general rules for the Gathering 2011 creative competitions apply to this compo.

twitter • facebook • forums