O HTML 5 é a encarnação mais recente do padrão HTML, linguagem de marcação para web. Ele traz novidades, pois junto com ele vem uma infinidade de elementos novos, junto com CSS 3 e Javascript.
Características do HTML 5
Nem todos os navegadores no momento da escrita deste artigo (15/08/2012) suportam todas as funcionalidades. O grau de suporte varia de navegador para navegador. Por exemplo, o IE (Internet Explorer) não suporta WebGL.
Web Workers
Um web worker nada mais é do que uma thread que executa um script Javascript em plano de fundo. Isto permite que aplicações mostrem sua interface gráfica e permitam a interação com o usuário, enquanto que um script javascript potencialmente demora seja executado em segundo plano, dando agilidade e responsividade para a interação do usuário com páginas web. ** (ver a partir de quais versões os navegadores suportam web workers) **
Criação de um Web Worker
TODO: colocar exemplo
Script a ser executado pela página principal (index.html)
Script a ser executado pelo web worker (worker.js)
Limitações de um Web Worker
Links
Testes
http://html5test.com/ Testa quais caracteísticas do HTML 5 seu navegador suporta
notícias
http://www.html5gamedevs.com/ notícias sobre jogos m HTML 5
tutoriais/artigos
http://www.adobe.com/devnet/html5.html Seção do site de desenvolvimento da Adobe dedicada a HTML 5
Outros
https://developer.mozilla.org/en-US/demos/devderby/
Competição que a Mozilla está fazendo mensalmente para produzir demos usando uma API Web específica.
http://developer.goko.com/
plataforma para criar, desenvolver e monetizar jogos em HTML 5
Características do HTML 5
- Suporte a áudio através da APA WEb Audio
- Suporte a gráficos 2D através do elemento Canvas
- Suporte a gráficos 3D por meio do elemento canvas (WebGL)
- Suporte à câmera e microfone
- Suporte a cache
- Suporte a banco de dados embutido (IndexedDB)
- Suporte ao acesso ao sistema de arquivos (sandboxed) - File API
- Suporte à definição de layouts mais robustos com mais possibilidades de se especificar o estilo dos componentes (CSS3)
- Suporte a execução de scripts javascript em outra thread (Web Workers)
- Conexão com Servidor Bidirecional (WebSockets)
Nem todos os navegadores no momento da escrita deste artigo (15/08/2012) suportam todas as funcionalidades. O grau de suporte varia de navegador para navegador. Por exemplo, o IE (Internet Explorer) não suporta WebGL.
Web Workers
Um web worker nada mais é do que uma thread que executa um script Javascript em plano de fundo. Isto permite que aplicações mostrem sua interface gráfica e permitam a interação com o usuário, enquanto que um script javascript potencialmente demora seja executado em segundo plano, dando agilidade e responsividade para a interação do usuário com páginas web. ** (ver a partir de quais versões os navegadores suportam web workers) **
Criação de um Web Worker
TODO: colocar exemplo
Script a ser executado pela página principal (index.html)
- Código:
var worker = new worker( 'worker.js' )
worker.addEventListener( "message", function(){
// xxx
}
);
Script a ser executado pelo web worker (worker.js)
- Código:
xxxx
Limitações de um Web Worker
- Um web worker não pode manipular elementos DOM, pois as operações em cima destes não são seguras quanto a acesso concorrente.
Links
Testes
http://html5test.com/ Testa quais caracteísticas do HTML 5 seu navegador suporta
notícias
http://www.html5gamedevs.com/ notícias sobre jogos m HTML 5
tutoriais/artigos
http://www.adobe.com/devnet/html5.html Seção do site de desenvolvimento da Adobe dedicada a HTML 5
Outros
https://developer.mozilla.org/en-US/demos/devderby/
Competição que a Mozilla está fazendo mensalmente para produzir demos usando uma API Web específica.
http://developer.goko.com/
plataforma para criar, desenvolver e monetizar jogos em HTML 5