Este é para quem gosta de aprender calmamente ;)

Sou afixionado pela beleza das núvens. Um sábio uma vez disse que um céu com núvens é milhões de vezes mais belo do que um céu azul pois tem diversas formas, cores e tons, e afinal, um fundo azul não é necessáriamente "belo". As vezes uma núvem sozinha no meio do céu é muito mais fascinante que um por do sol sem núvens.

Enfim. Este simulador foi originalmente feito em DHTML, mas como as núvens se movem muito lentamente, o DHTML não conseguia lidar com posições de ponto flutuante, e as núvens "tremiam" conforme se moviam. Solução? canvas. Além de ficar perfeito, ainda pude implementar opacidade e rotação melhor.

Testado no FF 4, Safari 5, IE 9. No Safari infelizmente a rotação é desligada porque ele tem "problemas" com pontos flutuantes muito pequenos (radianos com significância na 3° casa decimal). No Firefox as núvens com rotação 0° tem problemas por causa da forma que ele lida com a borda de PNG transparente, então a solução foi não permitir rotação 0, e sim jogar um número quase 0 (0.00001).

Não espere muita coisa, é um simulador de núvens! mas serve para aprender bastante sobre Canvas.

linky linky: http://www.daisuki.com.br/js/stda/calm.html

p.s.: pretendo atualizar e colocar um mar abaixo, com reflexo do seu etc..