About Home

Rotação 2D

HTML5 Canvas

Esse demo funciona bem no Firefox, Google Chrome e Ópera. No Internet Explorer 9 é lento e às vezes trava. Em versões anteriores ao 9 do IE não funciona porque essas não suportam Canvas. Se está OK prá você, clique sobre a figura. Um segundo clique pausa a animação, e assim alternadamente.


Este demo mostra alguns objetos girando em torno de outros objetos. Mostra também um exemplo de gradiente, que pode ser visto com o navegador Epiphany (Gnome), Seamonkey ou Firefox ou Opera 11.60. e dá uma aparência mais sólida aos círculos maiores. Fazer coisas girar com canvas é fácil. Podemos, inclusive, escolher um eixo de rotação arbitrário para cada objeto. Não é exatamente uma rotação de planetas, porque eu quis economizar espaço, e a órbita elíptica exigiu uma área maior do canvas.

Para ver ele girando clique no botão Play ou na pŕopria figura. No Firefox você pode salvar essa imagem clicando sobre ele e escolhendo salvar como ou guardar como. Pode até exibir a imagem como um elemento separado no navegador.

Código Fonte

rotacao2D.js

Você pode não enxergar esse código no iframe com o IE. Não sei a razão disso.