Conhecendo a função LocalConnection

Hoje vamos fazer dois filmes .swf se comunicarem entre si e depois vamos criar um LoadMovie utilizando apenas Actions Scripts.

Por | @oficinadanet Softwares
Essa semana vamos criar um filme que irá controlar um outro filme externo. Como assim? Bom vamos criar dois filmes, um chamado principal e outro  
chamado secundário. O filme principal será o controlador do secundário, ele dirá qual frame será aberto no secundário. É bem simples e rápido de  
construir. Bom, mas para não ficar tão simples assim, depois de criarmos esse controle entre dois filmes, vamos criar um load movie, para que carregue o  
filme secundário dentro do filme principal. Mas qual a vantagem disso? A grande Sacada nessa criação é gerar um filme principal leve, que irá abrir  
qualquer conteúdo dentro dele, mas tendo os controles no fime principal.
Para quem ainda não entendeu, Mãos a obra, durante a construção do nosso tutorial tudo ficará mais claro!
Primeiramente vamos criar o filme 'Principal', configure o palco com a dimensão 500x500 e nele faça quatro botões, alinhe-os na base do palco como na  imagem abaixo.
Conhecendo  a função LocalConnection
Agora para Para cada botão, você vai dar um nome de instância, ficando assim para cada botão: Imagem1 'botao1', Imagem2 'botao2', Imagem3'botao3', Imagem3 'botao4' (Todos os nomes sem aspas).
Conhecendo  a função LocalConnection
Repita este processo botão por botão. Cada um destes botões irá controlar um Frame específico do filme secundário.
Agora vamos colocar as ações que vão controlar o filme secundário, selecione o primeiro Frame abra o painel de ações e coloque o seguinte código:

var swf1 = new LocalConnection();
botao1.onRelease = function() {
swf1.send("LigaFilme", "acao", "2");
};
botao2.onRelease = function() {
swf1.send("LigaFilme", "acao", "3");
};
botao3.onRelease = function() {
swf1.send("LigaFilme", "acao", "4");
};
botao4.onRelease = function() {
swf1.send("LigaFilme", "acao", "5");
};

Veja na figura abaixo :
Conhecendo  a função LocalConnection
Pronto! agora salve este filme como 'Principal.fla'.  
Agora Vamos começar nosso filme secundário.Crie um novo Filme com as dimensões de palco 500x400, escreva no centro do nosso palco "BEM VINDO A NOSSA GALERIA DE IMAGENS!", como na imagem.
Conhecendo  a função LocalConnection
Selecione o Frame 1, abra o painel de ações e coloque as seguintes ações:

var swf2 = new LocalConnection();
swf2.connect("LigaFilme"); swf1
swf2.acao = function(frame) {
gotoAndStop(frame);
};
stop();

Faça como na imagem abaixo:
Conhecendo  a função LocalConnection
Agora com o primeiro frame selecionado, clique com o botão direito do mouse para criar um novo Frame, escolha a opção Insert Keyframe, como na figura abaixo:
Conhecendo  a função LocalConnection
Repita este processo até serem criados 5 Frames. Agora em cada Frame você colocará uma imagem diferente, para que cada botão do filme Principal abra um Frame com imagem diferente.Como exemplo segue a imagem abaixo:
Conhecendo  a função LocalConnection
Conhecendo  a função LocalConnection
Repita esse processo até o Frame 5.Pronto ! Agora salve este filme como secundário.fla. Dê um Control + Enter nos filmes Principal e Secundário para testar.

Agora Vamos para segunda parte do nosso tutorial !

Abra novamente o arquivo Principal.fla selecione o primeiro Frame e abaixo de todas as ações, coloque o seguinte código:

_root.createEmptyMovieClip ("out", i);
loadMovie("secundario.swf", out);  
out ._x = 0.0;  (_x)/
out._y = 0.0;
out ._xscale = 100;

Veja a imagem abaixo:
Conhecendo  a função LocalConnection
Aqui criamos um loadMovie, trazendo o filme Secundário para dentro do filme principal, tendo várias imagens dentro do principal, mas deixando o mesmo leve para o carregamento.
Tudo terminado, vamos analisar o código!

Código do filme Principal
var swf1 = new LocalConnection(); criamos a variável que fará a conexão com o filme externo, swf1.
botao1.onRelease = function() {
swf1.send("LigaFilme", "acao", "2");};
LigaFilme recebe a ação dos botões, definindo a ação e o parâmetro. Isso será realizado pelos demais botões.

Código do filme secundário
var swf2 = new LocalConnection(); Aqui é criada uma nova conexão, através da variável swf2.
swf2.connect("LigaFilme"); Cria a conexão entre swf1 e swf2.
swf2.acao = function(frame) cria a açao que é uma função com 1 parametro "frame"
gotoAndStop(frame); A ação como gotoAndStop e o parametro será o numero do frame.
stop(); Não permite que o o filme vá para os outros Frames.

Agora a ação do MoviClip
_root.createEmptyMovieClip ("out", i);Cria um Movie Clip Vazio no palco, como o nome de instância "out".
loadMovie("secundario.swf", out);Carrega dentro do MoviClip "out", o filme externo "secundário.swf".
out ._x = 0.0;  (_x)Define a posição no eixo X.
out._y = 0.0; Define a posição no eixo Y.
out ._xscale = 100;Valor da altura do filme externo, que será carregada em 100%.

Bom espero que todos aproveitem este tutorial para incrementar mais seus projetos, qualquer duvida enviem e-mail para geffin_designer@yahoo.com.br,que estarei enviando os arquivos utilizados nesse tutorial, e também estarei esclarecendo as duvidas que surgirem.Até a próxima semana e bom estudos!

Mais sobre:
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo