asConnect - Flash + PHP

Salve salve!

Ao final do tutorial vamos ter feito o seguinte exemplo: http://www.guilhermebaptista.com.br/asconnect/, que estará pegando dados de uma página PHP.

O asConnect é um framework criado por mim com o objetivo de facilitar e agilizar a interação do Flash com linguagens dinâmicas e banco de dados.

Foi ele que utilizei para fazer o site: http://www.vibenight.com.br/

Seguindo este guia rápido e dando uma olhada nos códigos dá pra entender e utilizar perfeitamente e, se alguém tiver alguma dúvida, sugestão para melhoria ou ainda quiser dar uma ajuda no projeto, será muito bem vindo! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

Alguns exemplos do que pode ser feito com ele:

Exemplo 1

Exemplo 2

Exemplo 3

Bem, vamos ao tutorial:

Para utilizar o asConnect, você precisa primeiramente ter o arquivo asConnect.as que pode ser baixado nesta página.

Após ter este arquivo, você pode baixar o asConnect.fla de modelo nesta página, com o FLA de modelo aberto e o asConnect.as no mesmo diretório, vamos começar.

Ao abrir o asConnect.fla, você verá uma Layer asConnect_Framework, com um MovieClip chamado asConnect_Framework, este MovieClip é aonde funciona o asConnect, você pode copiá-lo e colar em qualquer arquivo flash seu, aonde quiser, depois basta configurá-lo.

Para configurar o asConnect, você deverá entrar dentro do MovieClip asConnect_Framework, dentro dele você encontrará uma Layer chamada asConnect_config, com um Frame de Label config, que conterá o ActionScript de configuração que vem comentado para o total entendimento:

//variáveis
modvar = "mod1_";//caminho, id, imagem, txta, txtb, txtc, txtd, txte, total, OK

//solução para possíveis problemas com acentuação
//System.useCodepage = true;

//string que será substituida pelo e-comercial (&) nas variáveis recebidas
rpec = "@ecomer@";

//arquivo que possui os dados
arquivo = "dados.php";

//mc utilizado como modelo
modelout = mcmod1;

//indica como ordenar os itens
tipolist = "horiz";// vert ou horiz
itplinecol = 4;//itens por linha/coluna
pag = 12;//itens por página

//posições dos itens
xsart = 90;//posicão inicial do X
ysart = 120;//posicão inicial do Y
distx = 15;//distância X entre os itens
disty = 10;//distância Y entre os itens

//tempos de animações (em segundos)
tempoanima = 0.6;//duração da animação
tempdelay = 0.2;//tempo entre uma animação e outra
tempocontinua = 1;//tempo para iniciar depois dos dados carregados

//definicão da animação dos itens
anitp = 0;//0 para item por item, 1 para linha/col por linha/col
anialph = 1;//0 para animar sem alpha, 1 para animar com alpha
anisc = 1;//0 para animar sem escala, 1 para animar com escala
anirt = 0;//0 para animar sem rotação, 1 para animar com rotação

//config dos tipos de animações - http://hosted.zeh.com.br/mctween/animationtypes.html'>http://hosted.zeh.com.br/mctween/animationtypes.html
anialphtyp = 0;//0 para alpha padrão
anisctyp = "easeOutElastic";//0 para escala padrão
anirttyp = 0;//0 para rotação padrão

//MC Tween do Zeh - http://hosted.zeh.com.br/mctween/
usemctween = true; //true para incluir o mctween, false se você já o incluiu

//include do framework
#include "asConnect.as"
Após configurar este arquivo, você definiu um arquivo que possui os dados, no caso deste código, o arquivo dados.php, que poderia ser qualquer outro, neste exemplo, o arquivo dados.php possui o seguinte código:

<?php
	//zera o valor do i
	$i = 0;

	//define o modvar
	$varmod = utf8_encode("mod1_");
	$rpec = "@ecomer@";

	//cria o while
	$w=1;
	while($w<33) {
 $i++;

 //definimos as variáveis

 //id do item
 $id = $i;

 //caminho das imagens
 $caminho = "";

 //nome dos arquivos (imagens)
 $imagem = "imagem.jpg";

 //textos
 $txta = "Lorem Ipsum Dolor Sit";
 $txtb = "Lorem Ipsum";
 $txtc = "";
 $txtd = "";
 $txte = "";

 //as variáveis são informadas para o flash
 echo "&" . $varmod . "id" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $id )) . "&";
 echo "&" . $varmod . "caminho" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $caminho )) . "&";
 echo "&" . $varmod . "imagem" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $imagem )) . "&";
 echo "&" . $varmod . "txta" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txta )) . "&";
 echo "&" . $varmod . "txtb" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtb )) . "&";
 echo "&" . $varmod . "txtc" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtc )) . "&";
 echo "&" . $varmod . "txtd" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txtd )) . "&";
 echo "&" . $varmod . "txte" . $i . "=" . utf8_encode( str_replace( "&", $rpec, $txte )) . "&";

	$w++;
	};

	//os resultados são retornados para o flash
	$total = $i;
	echo "&" . $varmod . "total=" . $total . "&";
	echo "&" . $varmod . "OK=OK&";
?>

Este arquivo pode ser perfeitamente convertido para outras linguagens, contanto que possua a mesma lógica e retorne os mesmos dados, não há problemas, funcionará perfeitamente.

Para retornar dados de banco de dados, basta substituir o while por um while do MySQL retornando os dados de uma tabela por exemplo.

O código fonte deste exemplo pode ser baixado nesta página.

Mais informações sobre o projeto: http://www.guilhermebaptista.com.br/blog/asconnect/

abraços! ^_^