13.14 - Integração com Flash
Abordando aspectos básicos do uso de Flash em sites com PHP. Edição e pequenos ajustes de arquivos Flash, assim como a criação de pequenas animações.
Este tutorial teve como base a versão 8 professional do Flash mas deve ser válida (com pequenas alterações) para outras versões.
O Flash é uma ferramenta que pode tornar um site bem mais atraente e interativo.
Para isso deve ser usado por profissionais de design com talento e com muita cautela, pois também pode tornar o site pesado para carregar.
Usado com bom senso é um grande aliado, pois traz recursos muito atraentes e difíceis de conseguir com outra ferramenta.
Este pequeno guia não é um tutorial do Flash, mas apenas um guia de uso do Flash para edição de filmes (fontes .FLA).
- Caso o arquivo que vá abrir seja de versão anterior, inicie fazendo uma cópia do mesmo para preservar o original, pois normalmente ao ser editado e salvo em versão mais rcente não mais poderá ser aberto na versão mais antiga.
- Abra o arquvo no Flash e tecle Ctrl+Enter para executar no visualizador. Depois feche para voltar ao Flash.
- Ao selecionar um objeto (movie clip, button ou graphic) podemos alterar suas propriedades e seu ActionScript. Para exibir a janela de propriedades tecle Ctrl+F3 e para exibir a do ActionScript para alterar ou adicionar algun código tecle F9.
- Temos duas ferramentas de seleção (seta preta - Selection Tool - tecla de atalho V e seta branca - Subselection Tool - tecla de atalho A). A selection com um duplo clique seleciona todas as camadas ou componentes de um objeto e pode alterar as propriedades de todos de uma vez, já a Subselection não tem esta função, por exemplo, selecione um segmento de reta e ao clica em um dos extremos pode apenas mover um extremo e deixar o outro fixo. Já a selection moverá o segmento de reta por inteiro.
- Observe que por default a Timeline mostra Scene 1. Ao editar um button (com um duplo clique), ao lado de Scene aparece Symbol 2, pois entramos no modo de edição de Símbolo. Logo abaixo 4 fases do botão, Up, Over, Down e Hit. Up é quando o mouse ao clicar no botão inicia o clique, o down é quando o mouse ao clicar termina o clique e solta o botão. o Over é quando o mouse é movido passando sobre o botão e o Hit é a porção de área clicável do botão. Para mover de uma região desta para outra arraste o mouse para a outra.
- Algumas vezes certos textos e outros objetos não aparecem no Flash (apenas no visualizador) por mais que selecionemos todos os objetos. Nestes casos tecle Ctrl+L para exibir a biblioteca (Library) com todos os objetos do arquivo. Com um clique sobre o nome ou o ícone selecionamos. Com um duplo clique sobre o ícone selecionamos para edição no centro.
- Ao mostrar o editor de símbolos com um botão teclando Enter ele mostra o comportamento e as demais fases.
- Adicionando ação a um botão
- Primeiro convertemos o objeto em Symbol - Button.
- Depois Selecionamos o objeto e teclamos F9
- Então clicamos no sinal de + da barra de ActionScripts
- Selecionamos Global Functions - Movie Clip Control - on e duplo clique em press
Ficará assim:
on (press) {
}
- Insira uma linha em branco acima do fecha chaves e Novamente clicar no sinal de +
on (press) {
}
- Global Functions - Browser/Network - getURL e então digite a URL:
Ficará assim:
on (press) {
getURL("http://ribafs.net", "_blank")
}
Como também podemos abrir um arquivo local - getURL ("3Produtividade/index.php","_blank");
- Um recurso importante é fazer o Flash gerar a página HTML que abre um arquivo .SWF.
Vá em File - Publish Settings. Na aba Formats, Type marque HTML.
Agora para publicar (gerar o HTML) basta teclar Shift+F12 ou File - Publish.
- Ctrl+3 exibe a área central de edição de cenários para caber na tela.
-- Integração com Flash e Banco de Dados
- Uma Abordagem muito simples seria criar um codigo em php no qual retornaria na tela com o echo ...
por exemplo:
echo "&var1=dadosdavariavel 1&"; echo "&var2=dadosdavariavel 2&";
e assim por diante para com demais variaveis ... vc poderia fazer uma chamada no banco de dados e utilizar esta estrutura de variaveis para importarmos para o Flash, salve como dados.php.
para passarmos estas variaveis para o Flash vamos utilizar o LoadVars
Abra o Flash crie dois textos dinâmicos e instâncie eles como os repectivos nomes: Edit1doFlash e Edit2doFlash ... clique no primeiro frame e coloque o seguinte código:
//define variavel para carregamento dos dados
carrega = new LoadVars();
//função apos carregamento dos dados...
carrega.onLoad = function(ok) {
//testa se a carga obteve sucesso
if (ok) {
//pega os resultados que o php gera
Edit1doFlash.text = carrega.var1;
Edit2doFlash.text = carrega.var2;
}
//aqui chamamos o php juntamento como o load ... para dar inicio onLoad
carrega.load("http://www.meusite.com.br/dados.php");
//podemos usar este outro com parametros na chamada do php
carrega.load("http://www.meusite.com.br/dados.php?par1=chama1&par2=chama2");
stop();
este foi um exemplo bem simples da integração, trazendo dados do php para o flash.