Forum libero

Potrebbe regolare il background:

>

> var d=new Date,
> f=Math.floor,
> D=document,r=128,
> c="body{background-color: rgb("+f(d.getHours()/24*r)+","+f(d.getMinutes()/60*r)+","+f(d.getSeconds()/60*r)+")}",
> t=D.createElement('style');
> t.appendChild(D.createTextNode(c));
> D.body.appendChild(t)
> 

per cominciare. Oppure ci metti un gradient. Oppure appunto ci metti un canvas spiattellato sul background, prendi un linear framebuffer per tutto il canvas, come UInt8ClampedArray, ci disegni componente per componente, pixel per pixel, e ributti il contenuto modificato sul canvas:

canvas = document.getElementById ('canvasDiSfondo');
context = canvas.getContext ('2d');
framebuffer = context.getImageData (0, 0, canvas.width, canvas.height);
...
framebuffer [...] = componentiRGBAcalcolati;
...
context.putImageData (framebuffer, 0, 0);

Cosi` ci puoi disegnare quello che ti pare: sfumature di albe e tramonti, puntini che rappresentano le stelle, eccetera...
forse un po' overkill?