1 0 Arquivo de Tags: Flash
post icon

Criando um Banner com efeito de bolhas em fotos no Flash

Pessoal

Este exercício eu passei em uma aula na Alfamidia, onde alguns alunos me pediram ele mais detalhado. Prometi que até o fim do ano entregaria, e promessa é divida: 31/12 estou entregando um video (em duas partes) com a explicação.

Espero que gostem!

Leave a Comment
30 de dezembro de 2011
post icon

Máscara Arrastável No Flash com AS3

Com apenas dois comandos teremos uma máscara arrástavel no Flash, vamos aos passos:

1- Crie um novo documento Flash Action Script 3.
2- Insira no palco do Flash ima imagem que você queira que permaneça mascarada, ao fundo. Transforme a imagem em um símbolo Movie Clip com o nome de instância de “foto”.
3- Renomeie esta camada para mascarada.
4- Em seguida insira uma nova camada renomeando-a para mascara e desenhe uma elipse;
5- Transforme esta forma em Movie Clip com o ponto de registro no meio.

6- Dê o nome de instância para este Movie Clip de bolinha.
7- Crie outra camada chamada Acoes e em seu primeiro frame coloque uma ação que fará a máscara:

this.foto.mask = bolinha;

Com isso já criamos o efeito de máscara.
8- Para fazer o efeito de arrastar a forma (a máscara) numa nova linha, ainda, no painel Actions digite:

this.bolinha.startDrag (true);

O método startDrag() que faz com que a forma seja arrástavel.
Feito! Só testar

Leave a Comment
post icon

Formulário em Flash com envio em PHP

Pessoal, uma necessidade para quem faz um site todo em flash é que o formulário de contato funcione corretamente.

Neste tutorial, pretendo passar uma maneira simples de como construir este formulário, em action Script 2.0

Lembro: existem muuuitas maneiras de se fazer. Estou usando Action Script 2.0 e irá ter os campos nome, telefone, email e mensagem.

Vamos ao que interessa:

No arquivo FLA que terás o formulário, crie duas camadas, como na imagem:

Na camada Textos, insira espaçadamente os textos: NOME, TELEFONE, E-MAIL, MENSAGEM, e na camada Text Input iremos inserir caixas de textos com a Ferramenta Text , mas configurando as Propriedades para:

E após gerar o retangulo na tela, selecione-o e ainda nas propriedades coloque no campo variável o nome da variável, neste caso: nome

Marcando este botão (nas propriedades também) circulado na imagem abaixo, você fará com que a caixa de texto tenha bordas, o que ajuda o usuário a enxergá-la:

Feito isto, repita para os campos: telefone, email e mensagem (estes serão os nomes de variáveis de cada um deles. Você terá esta tela:

Vamos criar uma mensagem para o usuário saber que a mensagem foi enviada:

Vá ao menu Inserir – New Symbol – chame-o de mc_aviso, do tipo: Movie Clip

Agora, deixe em branco o primeiro frame e crie um frame em branco (F7) no frame 2, e digite a mensagem para seu usuário: “Mensagem enviada”:

Agora, faça com que esta mensagem permaneça até o frame 50, teclando F5 no frame 50 você irá expandir a mensagem até lá!

E para finalizar a construção deste MovieClip, no frame 1, entre no painel action (F9) e escreva:

stop();

Pronto, volte para a Scene 1

Traga da Library (CTRL + L) para uma nova camada acima de todas, chamada Mensagem, o símbolo movie clip mc_aviso. Quando você arrastar, aparecerá apenas uma cruz bem pequena na tela. Isto acontece porque o primeiro frame deste movie clip é vazio:

Selecione este símbolo, e coloque o seu nome de instância como aviso.

Agora, crie o botão de Enviar, posicione onde for melhor para seu formulário, transforme-o em Símbolo (F8) Botão.

Clique UMA VEZ nele, e aperte F9 para entrar no painel Actions, e cole o seguinte código:

on (release) {
loadVariablesNum("enviaemail.php", 0, "POST");
// para apagar os dados que foram posteriormente digitados
nome = "";
telefone = "";
email = "";
mensagem = "";
aviso.play();
}

Arquivo PHP:

Crie um arquivo PHP, salvando-o com o nome enviaemail.php, e cole o código abaixo:

<?php
@extract($_POST);
$recipient = "seuemail@provedor.com.br";
$subject = "Formulário de Contato";
$msg = "Nome: $nome\nTelefone: $telefone\nE-mail: $email\nMensagem: $mensagem";
$mailheaders = "MIME-Version: 1.0\r\n From: $Email";
mail("$recipient", "$subject", "$msg", "$mailheaders");
?>

Pronto! Agora hospede em um servidor PHP (quem sabe a Parque Internet né?) e teste!

Se ficou com preguiça de fazer passo a passo, baixe aqui uma versão feinha.

<?php
@extract($_POST);
$recipient = “seuemail@provedor.com.br”;
$subject = “Formulário de Contato”;
$msg = “Nome: $nome\nTelefone: $telefone\nE-mail: $email\nAssunto: $assunto”;
$mailheaders = “MIME-Version: 1.0\r\nContent-type: text/html;
charset=iso-8859-1 From: $Email”;
mail(“$recipient”, “$subject”, “$msg”, “$mailheaders”);
?>
Leave a Comment
8 de fevereiro de 2010
post icon

Criando botão invisível no Flash

Pessoal, as vezes precisamos ter em um banner ou um topo de site, um botão, mas que não se encaixa em nenhum objeto do palco.

Para isto, podemos criar um botão invisível, posicioná-lo onde queremos, e fazer o link para onde for.

No exemplo a seguir, vou usar nesta imagem no flash, e criar em uma camada acima do logo da Parque Internet :

Crie uma camada acima do desenho, chame-a de botaoinvisivel, e nesta desenhe um retângulo sem bordas (qualquer cor) do tamanho que você deseja ter o botão.

Após, selecione-o e tecle F8 para transformar em um símbolo de botão:

Agora, dê um duplo clique no botão recém criado, e no frame Hit pressione F6 para copiar o frame UP:

Agora que tens uma cópia do mesmo retângulo no Frame HIT, clique no Frame UP e delete (DEL no Teclado) ficando com frame preenchido apenas no hit:

Volte para Scene 1, e você verá um retangulo azul claro, que na verdade é apenas para mostrar que alí tens um botão invisível.

Agora, depende de qual Action Script você está usando, o 2 ou o 3:

Vamos separar agora o tutorial, siga pelo seu Action Script

SE USANDO AC2:

1 – Clique uma vez no botão invisível, e após aperte F9 para entrar no painel action

2 – Cole o código abaixo, alterando apenas o link que desejas dar:

on(release){
getURL("http://www.parque.net.br");
}

ou se preferir abrir em uma nova janela, use este código:

on(release){
getURL("http://www.parque.net.br", "_blank");
}

SE USANDO AC3:

1 – Clique no botão invisível, e de um nome de instância para ele, por exemplo:

2 – Crie uma camada nova chamada Acao

3 – Clique nesta camada, aperte F9 para abrir o painel action e cole o código abaixo:

botao1.addEventListener(MouseEvent.CLICK, destino);
function destino(event:MouseEvent):void{
navigateToURL(new URLRequest("http://www.parque.net.br"), "_blank");
}

4 – Se você não quer que abra em uma nova janela ao clicar, apenas retire o que está em vermelho no código, do contrário não mude nada.

PRONTO!!! PODE PUBLICAR que é pra funcionar!

Leave a Comment
post icon

Saiba como Alterar o menu do botão direito do Flash

Esta é uma dúvida que se vê muuuito pelos fóruns…

Ao clicar com o botão direito do mouse sobre o Flash, queremos sempre retirar aquilo tudo  que está neste menu.

Segue o código – Action Script 2:

function changemenu (){
getURL(‘http://eternia.com.br’);
}
var troca_menu:ContextMenu = new ContextMenu();
troca_menu.hideBuiltInItems();
var new_menu:ContextMenuItem = new ContextMenuItem(‘http://eternia.com.br’, rightclick);
troca_menu.customItems.push(new_menu);
_root.menu = troca_menu;

E é só basta copiar e colar no primeiro frame do seu flash, de preferência na camada “Ação” (para ficar organizado) e ta resolvido o problema!

Leave a Comment
27 de janeiro de 2010
post icon

Flash com fundo transparente no site

Não é tão difícil quando parece

Para colocar o Flash (arquivo SWF) no site com fundo transparente, sga estes passos:

Usando Dreamweaver CS3:

 

1.Insira o Flash no arquivo HTML pelo Dreamweaver
2. Clique uma vez no objeto em flash para selecioná-lo
3. Nas propriedades, clique no botão Parameters…
4. Aparecerá a seguinte tela:

Digite exatamente como está na imagem acima.

Usando Dreamweaver CS4:

 

Com o CS4 é mais simples:

1.Insira o Flash no arquivo HTML pelo Dreamweaver
2. Clique uma vez no objeto em flash para selecioná-lo
3. Nas propriedades, troque a opção Wmode para transparent:

Usando só código:

 

Dentro da tag <object> insira:
<param name="wmode" value="transparent" />

Desta forma, o arquivo em flash não apresentará sua cor de fundo. Se você tem alguma camada no arquivo em flash que cobre todo o palco, não funcionará, mas se a cor de fundo padrão aparecia antes, agora ficará transparente.

Até a próxima

Leave a Comment
22 de janeiro de 2010
post icon

Ação nos Botões com o Action Script 3, e agora…

Para quem está vendo por agora as mudanças no AS3 para o AS2 do Adobe Flash, vai precisar conhecer as novidades no que diz respeito às ações dos botões.

Não existe mais o onPress, onRelease, onRollOver, onRollOut, etc. Todos os eventos relacionados a Mouse está na Classe MouseEvent.

Mas a maior mudança foi a não inclusão de um evento para substituir o onReleaseOutside, felizmente existe uma solução para esse problema. Criaremos um MovieClip com instancia de botao, colocaremos a seguinte ação:

/* Adicionamos o envento relativo ao onPress no botao */
botao.addEventListener(MouseEvent.MOUSE_DOWN, btPress);
/* Função relativo ao onPress */
function btPress(event:MouseEvent):void {
/* Adicionamos o evento relativo ao onRelease no stage */
stage.addEventListener(MouseEvent.MOUSE_UP, btRelease);
trace(“onPress”);
}
/* Função relativa ao onRelease */
function btRelease(event:MouseEvent):void {
/* Verifica se o alvo é realmente o botão */
if (event.target.name == “botao”) {
/* Sua ação relativa ao evento onRelease */
/* Remove o Listener */
stage.removeEventListener(MouseEvent.MOUSE_UP, btRelease);
trace(“onRelease”);
} else {
/* Sua ação relativa ao evento onReleaseOutside */
/* Remove o Listener */
stage.removeEventListener(MouseEvent.MOUSE_UP, btRelease);
trace(“onReleaseOutside”);
}
}

Deixa eu explicar o código. Primeiro adicionamos um Listener ao nosso botão criado. O listener vai ser acionado quando clicarmos com o botão esquerdo do Mouse. Ao clicar, a função btPress é acionada.

Na função btPress, adiciono um outro Listener, dessa vez em nosso palco (stage). O listener vai ser acionado quando soltarmos o botão esquerdo do Mouse. Ao soltar, a função btRelease é acionada.

Na função btRelease, verificamos se o alvo (target) é o nosso botão, se for, removemos o listener do palco para que não fique sendo acionado quando não deve e usamos nossa ação referente ao onRelease. Se o alvo não for nosso botão, removemos o Listener do palco e usamos nossa ação referente ao onReleaseOutside.

Dentro da função que você escolher, coloque o código de link:

var link:URLRequest = new URLRequest( “http://www.eternia.com.br” );
navigateToURL( link );

Assim, você insere o link desejado.

Leave a Comment