{"id":146,"date":"2015-04-10T20:55:42","date_gmt":"2015-04-10T23:55:42","guid":{"rendered":"http:\/\/www.galirows.com.br\/meublog\/gideros\/?page_id=146"},"modified":"2015-04-11T16:21:45","modified_gmt":"2015-04-11T19:21:45","slug":"evento-toque_click","status":"publish","type":"page","link":"http:\/\/www.galirows.com.br\/meublog\/gideros\/capitulo-1-introducao\/evento-toque_click\/","title":{"rendered":"Introdu\u00e7\u00e3o a codifica\u00e7\u00e3o \u2013 evento de toque (click)"},"content":{"rendered":"

Vimos como adicionar um ouvinte que executa uma fun\u00e7\u00e3o a cada frame. Esse evento \u00e9 extremamente importante para processar qualquer computa\u00e7\u00e3o do jogo, como a de deslocar elementos na tela. Existem diversos outros eventos dispon\u00edveis, como os relacionados ao controle de cliques. A linha de c\u00f3digo abaixo adicione um evento que considera quando o mouse \u00e9 pressionado e ao ser pressionado chama a fun\u00e7\u00e3o de nome \u201conClick\u201d que ser\u00e1 posteriormente definida.<\/p>\n

\"image035\"<\/p>\n

A fun\u00e7\u00e3o \u201conClick\u201d mostrada a seguir apenas far\u00e1 a remo\u00e7\u00e3o de nossa bola do cena. A fun\u00e7\u00e3o al\u00e9m de remover o sprite<\/em> da bola, tamb\u00e9m possui uma segunda instru\u00e7\u00e3o que remove a chamada do evento ENTER_FRAME. Sem essa remo\u00e7\u00e3o, a fun\u00e7\u00e3o \u201cOnEnterFrame\u201d continuaria sendo chamada e ela faz refer\u00eancia para a bola, que deixar\u00e1 de existir na cena, ocasionando um erro.<\/p>\n

\"image036\"<\/p>\n

Observe que a bola ser\u00e1 removida da cena toda vez que a tela for tocada. Para identificar que a bola foi tocada, isso exige um teste de colis\u00e3o. O c\u00f3digo as seguir realiza modifica\u00e7\u00e3o no ouvinte do clique. Uma altera\u00e7\u00e3o foi a troca do MOUSE_DOWN pelo MOUSE_UP que considera quando o jogador solta o clique. Outra altera\u00e7\u00e3o foi a inclus\u00e3o de um terceiro par\u00e2metro que \u00e9 a inst\u00e2ncia da bola.<\/p>\n

J\u00e1 com rela\u00e7\u00e3o a fun\u00e7\u00e3o chamada por esse ouvinte, ela teve em seu cabe\u00e7alho a inclus\u00e3o dessa inst\u00e2ncia informada. Dentro da fun\u00e7\u00e3o a inst\u00e2ncia ser\u00e1 chamada de \u201calvo\u201d. Observe que a inst\u00e2ncia \u00e9 recebida como primeiro par\u00e2metro para a fun\u00e7\u00e3o, depois a indica\u00e7\u00e3o de evento. J\u00e1 na fun\u00e7\u00e3o foi adicionado um teste condicional que testa se o alvo \u201cbatia\u201d nas coordenadas X e Y de onde foi realizado o clique e se for faz a retirada da bola da cena.<\/p>\n

\"image038\" \"image039\"<\/p>\n

A passagem da inst\u00e2ncia como par\u00e2metro \u00e9 muito interessante pois permite criar fun\u00e7\u00f5es que podem ser utilizadas por v\u00e1rias inst\u00e2ncias ao mesmo tempo. No caso do c\u00f3digo acima, ele ainda ir\u00e1 retirar apenas a instancia chamada \u201cball\u201d, mas se for colocado o \u201calvo\u201d no removeChild<\/em>, essa fun\u00e7\u00e3o funcionaria para retirar qualquer elemento que pode ser clicado no jogo (que tiver um ouvinte para clique associado a ele).<\/p>\n

 <\/p>\n

Pr\u00f3ximo passo: adicionar eventos temporizados<\/a><\/span><\/strong><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Vimos como adicionar um ouvinte que executa uma fun\u00e7\u00e3o a cada frame. Esse evento \u00e9 extremamente importante para processar qualquer computa\u00e7\u00e3o do jogo, como a de deslocar elementos na tela. Existem diversos outros eventos dispon\u00edveis, como os relacionados ao controle de cliques. A linha de c\u00f3digo abaixo adicione um evento que considera quando o mouse […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":122,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t