Task assignment for Small HTML

Non-functional requirements and restrictions

  • Entries will be tested with Mozilla Firefox 3.6.2
  • The submitted file must be named "small.html". If an entry is not named correctly, we will rename the file to small.html before testing it.

The rendered page

  • The entire scene must be at least 640 pixels wide and 480 pixels high.

Required elements

The following elements must be in place in your entry:

  1. A flatshaded cube

    The cube must be as follows:

    • The cube must have three (3) visible sides.
    • The cube's sides must be grey (equal values for red, green and blue respectively).
    • The sides must have different shades of grey.
    • The cube must be at least 200 pixels wide and 200 pixels high.

  2. A starfield

    • The starfield has to be in three layers, with separate shades of grey for each respective layer.
    • Each layer must contain exactly thirty (30) stars.
    • The stars must be evenly divided across the background, both on the x and y axises.
    • The stars can not be painted on the cube.
    • Each star must be at least 2 pixels wide and at least 2 pixels high.

Please observe the rules of the compo:

https://archive.gathering.org/tg10/en/creative/compos/small-html/

Example

Here's an example implementation. Use it as a reference, or as a starting point for your own entry:

https://archive.gathering.org/tg10/files/content/creative/small.html