NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalArtigosProgweb : Actionscript001
Quer receber novidades e e-books gratuitos?

Como movimentar um objeto utilizando as teclas (up,down,left,tight) – Parte 01

 

Olá pessoal, bem vamos fazer as devidas formalidades, pois este é o primeiro tutorial que escrevo no site www.juliobattist.com.br, então qualquer dúvida, critica ou sugestão sobre o tema abordado será bem vindo, favor encaminhar um email ao seguinte endereço:(fabianounipam04@yahoo.com.br).

 

Objetivo:      

Primeiramente vamos fazer com que a nossa joaninha(imagem contida na página), possa se movimentar pelo palco com as setas do teclado. Após isso vamos dar seqüência a nossa animação criando um botão comutador(um botão com duas funções) que será explicado mais adiante, para controlar a velocidade da joaninha.

 

Pré-requisitos: Conhecimento básico em Action Script(programação no flash).

 

Bem pessoal é hora de por a mão na massa!!!

 

1º passo: Vamos criar o nosso botão comutador, uma breve explicação: um botão comutador é um botão que tem duas funções alternando entre elas à medida que o usuário clicar nele.

 

Crie um quadrado clicando sobre a ferramenta Rectangle Tool(Artigos - Programação Web - Julio Battisti) ou pressione a tecla de atalho(R) para ativa-lá, para criar um quadrado perfeito pressione e segure a tecla SHIFT e acione a ferramenta (Artigos - Programação Web - Julio Battisti)Rectangle Tool e desenhe o seu quadrado. Após criar o seu quadrado selecione o mesmo e aperte a tecla de atalho F8 para converter o quadrado em um símbolo do tipo Button(Botão), indique o name(nome) do mesmo que será usado na sua biblioteca (veremos sobre este assunto em outro artigo).

 

Importante, com o nosso botão selecionado aperte a tecla de atalho CTRL+F3 para acessar o painel de propriedades se este não estiver ativo:

 

Artigos - Programação Web - Julio Battisti

 

Insira no local mostrado o nome botprop, como dito anteriormente será o nome do nosso botão que será usado na parte de programação. Feito isto selecione novamente o botão e pressione a tecla de atalho F8 escolha a opção movie clipe(clipe de filme) e insira o nome que será usado na biblioteca, ative novamente o painel de propriedade do clipe de filme pressionando a tecla de atalho CTRL+F3 selecione-o e insira nele o nome clipbotprop que será usado na parte de programação.

 

2º passo: Clique com o lado direito do mouse sobre o clipe de filme que contem o nosso botão e escolha a opção edit in place(edite no palco), após isso insira no 1º quadro chave a palavra iniciar ao lado do botão usando a ferramenta text tool(Artigos - Programação Web - Julio Battisti) ou pressione a tecla de atalho (T), após isso insira  na linha de tempo o 2º keyframe(quadro chave) em branco através da opção(Insert Blank Keyframe – inserir quadra chave em branco) e insira nele uma instância do botão contida na biblioteca(tecla de atalho para acessar a biblioteca F11) ou copie e cole o botão, insira agora com a ferramenta text tool(Artigos - Programação Web - Julio Battisti) ao lado do botão do 2º quadro chave a palavra parar, importante o botão do 1º quadro chave bem como o do 2º quadro chave devem possuir o mesmo posicionamento bem como as suas indicações de estado(iniciar e parar). Agora clique no 1º quadro chave e pressione a tecla  de atalho F9(Área de programação) e insira a  seguinte ação:

 

stop();

 

Após isso selecione o 1º quadro chave se este não estiver selecionado e após isso selecione o botão e insira o seguinte código:

 

//  /* .... */ -> comentário – Sugestão copie e cole o código com os devidos comentários, pois podem auxiliar no entendimento do código futuramente.

 

on (press) {

//ao clicar no botão seta a variável propulsor com zero indicando que está ativo

_root.propulsor = 0;

//criando instância p/ alterar o cor do botão

c = new Color(_root.clipbotprop);

//cor em hexadecimal

c.setRGB(parseInt("ff22ss", 16));

//vai para o quadro 2º quadro chave e para

gotoAndStop(2);

}

 

Agora selecione o 2º quadro chave e após isso selecione o botão do 2º quadro chave e insira o seguinte código:

 

on (press) {

_root.propulsor = 1;

c = new Color(_root.clipbotprop);

c.setRGB(parseInt("ff2211", 16));

gotoAndStop(1);

}

 

Explicação sobre o botão comutador: Funciona da seguinte maneira, ao clicar inicialmente no botão do 1º quadro chave a variável propulsor é setada com zero, uma instância de cor é criada para ser usada(no nosso clipe de filme que contém o nosso botão), e vai para o 2º quadro chave e para, e somente realiza uma ação quando o usuário clica no botão executando os mesmos passos só que agora setando a variável propulsor com 1 e indo para o 1º quadro chave.

 

A sua tela ao selecionar o botão do 1º quadro chave terá basicamente a seguinte aparência:

 

Artigos - Programação Web - Julio Battisti

 

3º passo: Copie do Word e cole no flash a imagem da joaninha abaixo, pois está será a imagem usada no nosso exemplo, após inserir a imagem no flash, selecione a imagem e pressione a tecla de atalho F8 e selecione a opção clipe de filme(movie clipe), indique também o nome que o clipe de filme vai receber na biblioteca. Com o objeto selecionado(joaninha) pressione a tecla de atalho F9(Área de Programação) e insira o seguinte código abaixo que será completamente explicado:

 

Fundo Branco Fundo Preto
Artigos - Programação Web - Julio Battisti Artigos - Programação Web - Julio Battisti
Bem eu aconselho, usar a imagem de fundo preto, logicamente com um fundo preto no flash.

 

/*ao carregar o clipe de filme seta a variável x responsável por controlar a velocidade da joaninha com dez, ou seja deixa ela inicialmente no modo velocidade lenta*/

 

onClipEvent (load) {

 

// variável responsável por controlar a velocidade do clipe de filme

x = 10;

}

 

//Fica a todo momento checando se alguma tecla foi pressionada

onClipEvent (enterFrame) {

 

/*  ao pressionar o botão propulsor e este estiver no modo lento, a variável x receberá 70, deixando a velocidade da joaninha no modo rápido, o contrário também e verdade */

if (_root.propulsor == 0) {

x = 70;

} else {

 

//p/ movimentar de forma lenta

x = 10;

}

 

//ao pressionar a tecla setinha para a direita ele executa os seguintes comandos

if (Key.isDown(Key.RIGHT)) {

/* ao pressionar a seta para a direita, pega a posição atual na coordenada x da joaninha e vai acrescentando 10 na coordenada x atual dela, movimentando assim a joaninha */

_x = _x+x;

//rotaciona a joaninha de modo que a mesma fique virada  p/ à direita

_rotation = 90;

 

//ao pressionar a tecla setinha para baixo

} else if (Key.isDown(Key.DOWN)) {

/* ao pressiona a seta para baixo, pega a posição atual na coordenada y da joaninha e vai acrescentando 10 na coordenada y atual dela, movimentando assim a joaninha */

_y = _y+x;

//p/virar a joaninha p/ baixo

_rotation = 180;

 

//ao pressionar a tecla setinha para a esquerda

} else if (Key.isDown(Key.LEFT)) {

_x = _x-x;

//p/virar a joaninha p/ à esquerda

_rotation = 270;

 

//ao pressionar a tecla setinha para cima

} else if (Key.isDown(Key.UP)) {

_y = _y-x;

//p/virar a joaninha p/ cima

_rotation = 0;

}

}

 

Após inserir o código pressione as teclas de atalho CTRL+ENTER para executar a animação, teste pressionando todas as teclas para verificar o funcionamento do movimentação da joaninha, bem feito isto e tudo ok vamos ao nosso próximo passo:

 

4º passo : Vamos rever algumas coisas sobre a nossa animação, até agora nossa joaninha pode movimentar-se nas seguintes direções(UP-cima, LEFT-esquerda, DOWN-baixo e RIGHT - direita) e possui para isto duas velocidade de movimentação(rápido e lento), agora faremos com que a mesma movimente-se na diagonal para isto insira na joaninha o código abaixo da mesma forma como indicado nos passos anteriores.

 

/* ao pressionar a tecla para a esquerda e a tecla para cima e somente estas duas teclas a joaninha vai movimentar-se em diagonal partindo da esquerda para cima. O código é semelhante ao código de movimentação para as direções(esquerda, direita, cima, baixo) */

 

if ((Key.isDown(Key.LEFT)) && (Key.isDown(Key.UP)) && (!Key.isDown(Key.RIGHT)) && (!Key.isDown(Key.DOWN))) {

 

/* importante observe a rotação(_rotation = 315) imposta na joaninha, essa rotação é responsável por alinhar a joaninha na posição correta para movimentar-se em diagonal */

_rotation = 315;

_y = _y-x;

}

 

/* ao pressionar a tecla para a direita e a tecla para cima e somente estas duas teclas a joaninha vai movimentar-se em diagonal partindo da direita para cima */

 

if ((Key.isDown(Key.RIGHT)) && (Key.isDown(Key.UP)) && (!Key.isDown(Key.LEFT)) && (!Key.isDown(Key.DOWN))) {

_rotation = 45;

_y = _y-x;

}

 

/* ao pressionar a tecla para a esquerda e a tecla para baixo e somente estas duas teclas a joaninha vai movimentar-se em diagonal partindo da esquerda para baixo */

 

if ((Key.isDown(Key.LEFT)) && (Key.isDown(Key.DOWN)) && (!Key.isDown(Key.RIGHT)) && (!Key.isDown(Key.UP))) {

_rotation = 225;

_x = _x-x;

}

 

/* ao pressionar a tecla para a direita e a tecla para baixo e somente estas duas teclas a joaninha vai movimentar-se em diagonal partindo da direita para baixo */

 

if ((Key.isDown(Key.RIGHT)) && (Key.isDown(Key.DOWN)) && (!Key.isDown(Key.LEFT)) && (!Key.isDown(Key.UP))) {

_rotation = 135;

_y = _y+x;

}

 

Espero que vocês tenham gostado, e no próximo tutorial vamos dar uma incrementada nesta animação, não percam !!!

Untitled Document
ASP BÁSICO
1 Cálculo de Frete Internacional com ASP e Access
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 1
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 2
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 3
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 4
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 5
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 6
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 7
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 8
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 9
1 Sistema de Login com ASP 3.0 usando três camadas – Parte 10
1 ASP 3.0 utilizando 3 camadas - Parte 1
1 ASP 3.0 utilizando 3 camadas - Parte 2
1 ASP 3.0 utilizando 3 camadas - Parte 3
COLDFUSION
1 Criando um formulário em Flash usando o ColdFusion MX 7
FLASH - ACTIONSCRIPT
1 Movimentar objeto – Parte 01
1 Movimentar objeto – Parte 02
1 Jogo – Acerte o Alvo
1 Como Movimentar um Objeto utilizando Botões
1 Exibir frases Aleatórias
1 Ações Básicas do ActionScript
1 Criando Botões com MovieClip no Flash
1 Criando Links em Botões Flash
1 Integrando Flash com Fireworks na Criação de Botões
1 Interpolação Motion (Movimento)
1 Interpolação Shape (Forma)
1 Principais Eventos do Mouse (Flash/ActionScript)
1 Criando Máscaras no Flash (Mask) Parte 1
1 Criando Máscaras no Flash (Mask) Parte 2
1 Galeria de Fotos Carregando Arquivos Externos (Flash e ActionScript)
PHP BÁSICO
1 Introdução ao PHP
1 Lógica em PHP
1 Trabalhando com Formulários HTML
1 Utilizando Arquivos – Criando um Scrap Book
1 Banco de Dados em Arquivos Texto
1 PHP - Sistema de busca de preços - Parte 1
1 PHP - Sistema de busca de preços - Parte 2
1 PHP - Sistema de busca de preços - Parte 3
1 PHP - Sistema de busca de preços - Parte 4
1 PHP - Sistema de busca de preços - Parte Final
1 Primeiros Scripts
1 Guardando dados em memória
1 Um pouco mais sobre variáveis
1 Manipulando variáveis
1 Estruturas de controle - Parte 1
1 Estruturas de controle - Parte 2
1 Estruturas de controle - Parte 3
1 Estruturas de controle - Parte 4
1 Estruturas de controle - Parte 5
1 Criação de Funções no PHP
1 Funções – Um pouco mais Sobre Parâmetros - Parte 1
1 Funções – Um pouco mais Sobre Parâmetros - Parte 2
1 Funções – Alguns Truques
1 Funções – Últimos Truques
1 Arrays – Noções Básicas
1 Arrays – Um pouco Mais Sobre Criação de Arrays
PHP COM BANCO DE DADOS
1 Criando um Sistema Ficha Cadastral Clientes - Parte 1
1 Criando um Sistema Ficha Cadastral Clientes - Parte 2
1 Criando um Sistema Ficha Cadastral Clientes - Parte Final
1 Controle Horarios Funcionários - Parte 1
1 Controle Horarios Funcionários - Parte 2
1 Controle Horarios Funcionários - Parte 3
1 Controle Horarios Funcionários - Parte 4
1 Controle Horarios Funcionários - Parte 5
1 Controle Horarios Funcionários - Parte 6
1 Controle Horarios Funcionários - Parte 7
1 Controle Horarios Funcionários - Parte 8
1 Controle Horarios Funcionários - Parte 9
1 Controle Horarios Funcionários - Parte 10
1 Controle Horarios Funcionários - Parte 11
1 Controle Horarios Funcionários - Parte 12
1 Controle Horarios Funcionários - Parte 13 - Conclusão
1 Instalando o PHP no Windows XP
1 Instalando o MySQL no Windows XP
1 Sistema Controle Extintores -Parte 1
1 Sistema Controle Extintores -Parte 2
1 Sistema Controle Extintores -Parte 3
1 Sistema Controle Extintores -Parte 4
1 Sistema Controle Extintores -Parte 5
1 Sistema Controle Extintores -Parte - Conclusão
1 PHP - Controle dos Correios - Parte 1
1 PHP - Controle dos Correios - Parte 2
1 PHP - Controle dos Correios - Parte 3
1 PHP - Controle dos Correios - Parte 4
1 PHP - Controle dos Correios - Parte 5
1 PHP - Controle dos Correios - Parte 6
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 1
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 2
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 3
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 4
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 5
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 6
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 7
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 8
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 9
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 10
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 11
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 12
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 13
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 14
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 15
1 Sistema Para Controle do IMC - Índice de Massa Corporal - Parte 16
JAVASCRIPT BÁSICO
1 JavaScript Básico - Lição 1
1 JavaScript Básico - Lição 2
1 JavaScript Básico - Lição 3
1 JavaScript Básico - Lição 4
1 JavaScript Básico - Lição 5
1 JavaScript Básico - Lição 6
1 JavaScript Básico - Lição 7
1 JavaScript Básico - Lição 8 - Instruções If e Else
1 JavaScript Básico - Lição 9 - Tópicos Diversos
1 JavaScript Básico - Lição 10 - Objetos Math e Date
1 JavaScript Básico - Lição 11 - Trabalhando com o objeto Browser
1 JavaScript - Criando Seus Próprios Objetos
1 JavaScript - Virtual Earth – Primeiro Passo
1 JavaScript - Virtual Earth – Segundo Passo
Quer receber novidades e e-books gratuitos?

 
 

Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

Todos os direitos reservados, Júlio Battisti 2001-2024 ®

LIVRO: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2016 - CURSO COMPLETO E PRÁTICO

DOMINE A PROGRAMAÇÃO VBA NO EXCEL - 878 PÁGINAS - CLIQUE AQUI