Conhecendo a função LocalConnection

Publicado em: 22/01/2007  |  Flash  |  Visualizações: 3.558  |  2 Comentário(s)
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.

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).

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 :

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.

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:

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:

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:


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:

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!
compartilhe
  Dica: Confira todo nosso conteúdo de Flash no site.
Links patrocinados
Últimos artigos do editor

flash.jpg Relógio com calendário
Hoje vamos criar uma aplicaç.
flash.jpg Formulário flash + php
Neste artigo construiremos u.
flash.jpg Preloader
Nesta coluna estarei ensinan.
flash.jpg Trabalhando com LoadMovie
Neste artigo vou mostrar de .
Opinião do leitor:
2 Comentário(s)

  Augusto Demetrius Sebastião comentou:

muito bom o tutorial... Bom mais só um detalhe... não sei se no de mais alguém ocorreu este erro... mais nos últimos códigos a serem inseridos: _root.createEmptyMovieClip ("out", i); loadMovie("secundario.swf", out); out ._x = 0.0; (_x)/ out._y = 0.0; out ._xscale = 100; o meu só funcionou sem o (_x)/ ... mais muito bom o tutorial parabéns

Publicado em: 09/09/2008 - 15:50

  comentou:

Parabéns isso que eu estava com duvidas...Valeu

Publicado em: 28/01/2007 - 11:37

Acesso restrito
Destaques
Como assinar um RSS Como assinar um RSS
Aprenda a assinar um blog/site utilizando o agregador de notícias em formato RSS
Peixe Grande 2008 Peixe Grande 2008
O Oficina da Net está este ano participando do Projeto Peixe Grande 2008 na categoria de Blog. Ajude-nos vote!
iPhone 3G no Brasil iPhone 3G no Brasil
O smartphone da Apple chegou ao Brasil com a tecnologia de terceira geração de telefonia.
Links patrocinados
Autor
Artigos Relacionados
Novos Artigos
Notícias Relacionados
Assine nosso RSS

© 2005 - 2008 - Oficina da Net - v 3.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.