Pages

terça-feira, 4 de outubro de 2011

arrastando um Movie Clip com o mouse

Download do arquivo em fla :
(Megaupload)

Tutorial :

Necessário : Flash 8
Conhecimento Básico no Flash
Dificuldade :  3,5/10

Esse tutorial é simples e não exige muito conhecimento em flash, o resultado final é ter MovieClipes "arrastáveis" no flash.
Primeiro, vamos criar um filme novo e criar um movieclip e definir o nome da instância como quadrado :
 Em seguida crie mais um grupo de Layer e a selecione :
 E em seguida vá na Actions da layer e escreva :
_root.quadrado.onPress = function() {
startDrag(quadrado);
};
_root.quadrado.onRelease = function() {
stopDrag();
};
Pronto!! agora teste se deu certo no seu clicando (juntos) : CTRL e ENTER.

parando um Movie Clip com hitTest

Download do arquivo em fla :
(Megaupload)

Tutorial :

Necessário : Flash 8
Conhecimento Básico no Flash
Dificuldade :  1,5/10

Essa continuação inclui uma Actions com hitTest . Então , lembra do quadrado que desenhamos que já está se movendo a partir das teclas do teclado ? (caso não tenha lido  , aqui está o link : http://pontoflash8.blogspot.com/2011/10/movendo-um-movie-clip.html)

Esse quadrado não tem um limite , então ele pode passar da linha do quadro e andar infinitamente , que ele não vai parar . Então vamos criar um limite para esse Movie Clip . Desenhe um retângulo ao lado do quadrado :
Selecione-o e transforme em Movie Clip . Em seguida copie o retângulo colocando ele em todas laterais do quadro : 
Agora selecione a Caixa (quadrado) e de uma instancia clicando nele e em seguida properties . instancie como "quadrado" :


Agora de um clique no retangulo da esquerda com o botão direito do mouse , e escreva na caixa de texto (Actions) :
onClipEvent(enterFrame){
if(this.hitTest(_root.quadrado)){
_root.quadrado._x +=10;
}
}
Selecione o retângulo de cima e siga os mesmos passo do retângulo da direito , só que troque a actions por :
onClipEvent(enterFrame){
if(this.hitTest(_root.quadrado)){
_root.quadrado._y +=10;
}
}
Faça a mesma coisa com o retângulo da direita e troque a Actions :
onClipEvent(enterFrame){
if(this.hitTest(_root.quadrado)){
_root.quadrado._x -=10;
}
}
E por ultimo , o de baixo :
onClipEvent(enterFrame){
if(this.hitTest(_root.quadrado)){
_root.quadrado._y -=10;
}
}


ai está pessoal . Clique as teclas (juntas) : CTRL e ENTER e veja o resultado .

movendo um Movie Clip com as setas do teclado

Download do arquivo em fla :
(Megaupload)

Tutorial :

Necessário : Flash 8
Conhecimento Básico no Flash
Dificuldade :  2/10

Vamos começar abrindo um novo Documento no flash indo na barra de cima e clicando em :> File > New(novo) > General > Flash Document (documento em flash).
Escolha o tamanho do quadro que quiser . No meu deixei o tamanho que ja veio no documento.

1 passo :
Desenhe um quadrado no centro do quadro :
Selecione-o e em seguida (clicando em cima do quadrado com o botão esquerdo duas vezes rapidamente do mouse) e (clicando a tecla F8)  transforme ele em um Movie Clip :


Com o Movie Clip selecionado precione o botão direito do mouse e selecione a opção actions :
A caixa de texto da Actions irá aparecer . clique no centro da caixa de "dialogo"(local para escrever a actions) do flash . O código a ser escrito é o seguinte :


onClipEvent(enterFrame){
if(Key.isDown(Key.LEFT)){
_x -= 10;
}else if(Key.isDown(Key.RIGHT)){
_x += 10;
}
if(Key.isDown(Key.UP)){
_y -= 10;
}
if(Key.isDown(Key.DOWN)){
_y += 10;
}
}

(para diminuir a velocidade é só trocar o numero 10 por um numero desejado)

Agora está pronto o nosso tuto de como movimentar um Movie Clip .
Para ver o seu resultado presione as teclas juntas : CLTRL e ENTER.