Controls

Speed

Colo-u-r

Tile size

This resets the image

Image Info

Every 50 ms a new tile (According to the script)
16 × 32 tiles || 160 × 320 pixels

vJ6.3

Here in da studio you see the concept versions. You can find the elaborated version in the Yeah Right! museum

Manual

Preferably used with no other apps running, it's kinda resource unfriendly

Just play with the controls and see what happens

vJ6.2 > v6.3 changes

  • More colour palletes
  • Made a start with the random factor (hard coded only a.t.m.)
  • So if the colour pallete get bigger the steps to a new colour could be bigger
  • For testing: Added the array index to the tiles (place within the colour pallete)
  • Moved the JavaScript to a extern file

What does the script do?

  • In short, it constantly draw/redraw 512 OR 2048 random coloured tiles
  • You control the speed, tile size and what colour pallet is used
  • While running, the script creates a canvas with the tiles
  • The canvas turned into a data url
  • With every new tile the data url is placed as a background of a div

Versions JavaScript

PHP tests