Capturando teclas: Movimentando um Sprite utilizando tecladoMaterial de apoio 1: Javascript - Manipulacao dos controles do tecladoMaterial de apoio 2: JavaScript.comMaterial de apoio 3: EventListenerComo capturar as teclas do nosso teclado, para que possamos trabalhar o controle de um sprite ou mesmo de qualquer outro elemento que faz parte de um game?Vamos la!!Primeiro vamos precisar trabalhar com os eventos de teclado, sempre lembrando que os eventos de JavaScript, sao acoes do usuario, que provocarao um "disparo" a um tipo de interatividade. Na verdade, o evento, por excelencia, e o clique do mouse, porque e o unico que o HTML gerencia. Porem, gracas ao JavaScript nos podemos combinar funcoes e metodos a eventos tais como a passagem do mouse sobre uma area, a mudanca de um valor e assim por diante.Sao os gerenciadores de eventos que permitem associar uma acao a um evento. A sintaxe de um gerenciador de eventos e a seguinte: onEvenement="Action_Javascript_ou_Function();"Quando usamos em um link, por exemplo, a sintaxe e a seguinte: <a href="URL" "onEvenement='Action_Javascript_ou_Function();'">Textinho</a>Sempre e sempre serao os gerenciadores de eventos que permitirao associar uma acao a um evento. A sintaxe de um gerenciador de eventos e a seguinte: Lista de eventos: fonte:javascript.com- Abort (onAbort): Este evento acontece quando o usuario interrompe o carregamento da imagem.- Blur (onBlur): Ocorre quando o elemento perde o foco, ou seja, quando o usuario clica fora do elemento, este nao sera mais selecionado como estando ativo. - Change (onChange): Ocorre quando o usuario altera o conteudo de um campo de dados. - Click (onClick): Ocorre quando o usuario clica no elemento associado ao evento. - dblclick (onDblclick): Ocorre quando o usuario clica duas vezes no elemento associado ao evento (um hiperlink ou um elemento de formulario). - dragdrop (onDragdrop): Ocorre quando o usuario efetua um arrastar-largar na janela do navegador. - error (onError): E desencadeada quando ocorre um erro durante o carregamento da pagina. - Focus (onFocus): Ocorre quando o usuario da foco a um elemento, isso significa que este elemento foi selecionado como estando ativo. - keydown (onKeydown): Ocorre quando o usuario pressiona uma tecla do seu teclado.- keypress (onKeypress): Ocorre quando o usuario mantem pressionada uma tecla do seu teclado. - keyup (onKeyup): Ocorre quando o usuario solta uma tecla do seu teclado ja pressionada anteriormente.- Load (onLoad): Ocorre quando o navegador do usuario carrega a pagina em curso.- MouseOver (onMouseOver): Ocorre quando o usuario poe o cursor do mouse acima de um elemento.- MouseOut (onMouseOut): Ocorre quando o cursor do mouse deixa um elemento.- Reset (onReset): Ocorre quando o usuario apaga os dados de um formulario com o botao Reset, por exemplo.- Resize (onResize): Ocorre quando o usuario redimensiona a janela do navegador.- Select (onSelect): Ocorre quando o usuario seleciona um texto (ou uma parte de um texto) em um campo do tipo "text" ou "textarea".- Submit (onSubmit): Ocorre quando o usuario clica no botao de submissao de um formulario (o botao que permite enviar o formulario).- Unload (onUnload): Ocorre quando o navegador do usuario sai da pagina em curso.Associacao de eventos com os objetos:EventosObjetos interessadosabortImageblurButton, Checkbox, FileUpload, Layer, Password,