Avançar para o conteúdo principal

Pong para ecrãs tateis

Hoje em dia todas as aplicações devem implementar mecanismos que permitam o controlo através do próprio ecrã, os dispositivos móveis não tem teclado tradicional por isso a interação com o utilizador será através do ecrã tátil.

Assim o PONG apresentado no post http://modoseguranca.blogspot.pt/2012/05/pong-em-flash-as30.html sofreu uma atualização que permite controlar a raquete do jogador através de dois botões no palco.

Para podermos controlar os botões mantendo o dedo premido e não ser necessário fazer sucessivos "cliques" com o dedo é necessário criar uma variável para cada botão que indica se o botão foi premido e ainda não foi libertado, uma simples boolean permite implementar este mecanismo.

var cima_on:Boolean=false;
var baixo_on:Boolean=false;

Depois na função que movimenta a bola, que está associada a um timer adicionamos o seguinte código:

/*Raquete do jogador*/
if (cima_on){
if(jogador1.y>0) jogador1.y -=5;
dir_j1=-5;
}
if (baixo_on){
if(jogador1.y<370) jogador1.y +=5;
dir_j1=5;
}

Caso seja necessário pode ser criado outro timer, mas para este pequeno exemplo não vamos complicar mais o código.

Precisamos de controlar os eventos mouse down e mouse up nos botões, assim criamos dois event listener para cada botão:

cima.addEventListener(MouseEvent.MOUSE_DOWN,Click_cima_on);
cima.addEventListener(MouseEvent.MOUSE_UP,Click_cima_off);
baixo.addEventListener(MouseEvent.MOUSE_DOWN,Click_baixo_on);
baixo.addEventListener(MouseEvent.MOUSE_UP,Click_baixo_off);

O código das funções é muito simples, só altera o conteúdo da variável que indica o estado de cada botão:
/*Funções que são chamadas quando os botões são clicados*/
function Click_cima_on(event:MouseEvent):void
{
cima_on=true;
}
function Click_cima_off(event:MouseEvent):void
{
cima_on=false;
}
function Click_baixo_on(event:MouseEvent):void
{
baixo_on=true;
}
function Click_baixo_off(event:MouseEvent):void
{
baixo_on=false;
}

E pronto temos uma nova versão do PONG para ecrãs táteis.


O projeto atualizado está aqui.

Comentários

  1. Muito bom vou tentar. pois dessa maneira é possivel porta para telas touch screen. como voçê conseguiu eu não sei mais vou ver. eu tanbem de tanto me matar tentado inventei uma forma que deu certo. tipo por hit test, tu aperta o botão e quando vai para down tu crescer um pouco o botão, dai ele toca no em algo e da o movimento... meio complexo mais deu certo. pois do jeito normal o BT não da o total movimento que preciso, pois tem que ficar apertando direto o BT, eu uso para movimentos o x -= 5 por exemplo. VLW AMIGO, é mais uma forma de fazer o movimento

    ResponderEliminar

Enviar um comentário

Mensagens populares deste blogue

Upgrade do Windows Home para Pro sem formatar

 Há algum tempo que tentava fazer o upgrade do meu Windows 10 da versão Home para a versão Pro, mas chegava sempre a um ponto em que me era solicitado para formatar o sistema e não estava para isso. Finalmente conseguinte seguindo estes passos: - seguinte estes passos  utilizei uma das chaves genéricas para o Windows 10 Pro e fui a Settings > Update & Security > Activation > Change the product key; - após inserir uma das chaves o Windows instala as funcionalidades Pro e pede para reiniciar; - agora tem o Windows Pro mas não está ativado, assim fui ao site urcdkeys  onde comprei uma chave para o Windows Pro por menos de €20; - com essa chave voltei a funcionalidade Change the product key e ativei o Windows; - e pronto, Windows Pro ativado sem formatar ou reinstalar. Importante : eu não tenho nada a ver com o site urcdkeys por isso a vossa experiência pode correr de forma diferente da minha.

Vamos fazer um carro com o Unity 3D

Neste artigo vamos fazer um carro, simples, com o Unity 3D. A ideia é utilizar o motor de física do Unity 3D para simular o comportamento do carro. Os passos a seguir são: [1] - Criar um projeto novo

Tem troco

Para hoje um pequeno programa que dá troco, bem dar não dá mas calcula o troco a dar em função das moedas disponíveis. Neste projeto vamos utilizar o novo Visual Studio 2012. Como era de se esperar vamos iniciar um projeto novo: Agora adicionamos os seguintes elementos:  - um botão para calcular as moedas a dar de troco  - um botão para repor o número de moedas iniciais disponíveis  - uma textbox para introduzir o valor a pagar  - uma textbox para introduzir o valor entregue  - umas labels para informar o utilizador do que deve introduzir e outra para mostrar o troco  - por fim uma grelha para mostrar os valores das moedas e as quantidades disponíveis de cada uma. A janela principal do programa fica assim: Agora o código, primeiro o evento load do formulário, neste vamos definir os valores das moedas e as respetivas quantidades Para guardar estes valores vamos necessitar de uma variável definida ao nível do formulário, logo abaixo da definição da class: Public Class Form1     Public mo