Tag: Canvas

Tutorial de Canvas – Parte 7 – Animações básicas

Este é o sétimo e último artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como criar animações básicas no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 7 – Animações básicas

Tutorial de Canvas – Parte 6 – Composição

Este é o sexto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar efeitos de composição aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 6 – Composição

Tutorial de Canvas – Parte 5 – Transformações

Este é o quinto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar transformações aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 5 – Transformações

Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Este é o quarto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos aplicar estilos e cores à objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Tutorial de Canvas – Parte 3 – Usando imagens

Este é o terceiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como usar manipular imagens com o Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 3 – Usando imagens

Tutorial de Canvas – Parte 2 – Desenhando formas

Este é o segundo artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como desenhar formas simples com o Canvas (como triângulos, linhas e arcos). Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 2 – Desenhando formas

Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Este é o primeiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos alguns exemplos de uso básico do Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Tutorial de Canvas

O <canvas> é um elemento do HTML que pode ser usado para desenhar gráficos através do uso de scripts (normalmente JavaScript). Pode, por exemplo, ser usado para desenhar gráficos, criar composições de fotos ou criar animações simples (ou não). A imagem abaixo mostra alguns exemplos de implementações do <canvas>  que veremos nos artigos seguintes.
Canvas_tut_examples
Continuar lendo Tutorial de Canvas

Guia de referência do HTML5

O HTML5 será o novo padrão para o HTML. A versão anterior, a 4.01, foi definida em 1999. A web mudou bastante desde então. O HTML5 ainda está em fase de construção. Porém, os principais navegadores suportam a maioria dos novos elementos do HTML5 e suas APIs.
Continuar lendo Guia de referência do HTML5

Tutorial de OpenGL ES com Android – Alternando do Canvas para o OpenGL

Nesse artigo, publicado em 14/06/2012 no blog obviam.net, o autor se aprofunda nos recursos gráficos da plataforma Android. O Android suporta a API OpenGL ES. Não é preciso dizer que a manipulação de gráficos através de uma GPU dedicada é muito mais eficiente do que faze-lo na CPU. Muitos dispositivos Android possuem uma GPU dedicada.
Continuar lendo Tutorial de OpenGL ES com Android – Alternando do Canvas para o OpenGL