Material do curso de Desenvolvedor para Internet no SENAC de São Miguel do Oeste-SC

2. • id : Para referenciar o objeto nos scripts
• width : Largura do desenho
• heigth : Altura do desenho

3. http://www.w3schools.com/ht
ml/html5_canvas.asp

4. getContext()
• "2d", CanvasRenderingContext2D, bidimensional;
• "webgl" (ou "experimental-webgl"), WebGLRenderingContext, 3D. (para browsers que
implementam WebGL version 1 (OpenGL ES 2.0));
• "webgl2" (or "experimental-webgl2"), WebGL2RenderingContext, 3D (para browswers
que implementam WebGL version 2 (OpenGL ES 3.0)) ;
• "bitmaprenderer", ImageBitmapRenderingContext, só fornece funcionalidade para
substituir o conteúdo da tela com uma determinada imagem de bitmap, ImageBitmap.

5. fillStyle()
• Define ou retorna a cor, gradiente ou padrão usado para preencher o desenho.

6. fillRect()
• Desenha um retângulo preenchido, padrão preto;
• Usado para inserir cor, gradiente ou padrão.

7. • Música de fundo
• Mensagem de fim de jogo + Placar (Reiniciar jogo)
• Vidas (3)
• Som quando comer a maçã
• Som quando morrer
• Níveis de velocidade

8. • HTML5 Canvas (http://www.w3schools.com/html/html5_canvas.asp)
• HTML5 – Guia do desenvolvedor para HTML5 Canvas (https://msdn.microsoft.com/pt-br/library/dn151487.aspx)
• Canvas Element (https://en.wikipedia.org/wiki/Canvas_element)
• HTML5 Canvas Tutorial: An Introduction (https://www.sitepoint.com/html5-canvas-tutorial-introduction/)