PESQUISA: 

 

Fórum de Flash
Fórum de discussão sobre Flash moderados por especialistas.

tutoriais
Os melhores tutoriais de Flash escritos em Português.

open sources
Milhares de "open sources" devidamente catalogadas e classificadas.

jogos
Centenas de viciantes jogos desenvolvidos em Flash.

websites
Selecção dos melhores websites em Flash.

bibliotecas
Bibliotecas de software, componentes, fontes e sons para Flash.

artigos
Artigos técnicos indispensáveis para profissionais em Flash.

Newsletter
Receba todos os dias a newsletter do Flash Web Training com as principais notícias sobre tecnologia e informática.
 
Curso Online
Curso de Flash 5 e MX com acompanhamento de formadores especializados.
 
flash shopping
Online Store com os melhores produtos dedicados ao Flash.
 
conferências
Principais conferências e eventos sobre Internet e Novas Tecnologias.
 
job opportunities
Anúncios de emprego para empresas que procuram profissionais de Flash.
 
suporte técnico
Caso tenha alguma dificuldade, contacte o nosso suporte técnico.

 

 
Página:  
Homepage Tutoriais Avançados

Ficha Técnica
Autor: Flash Web Training
Versão: Flash 5
Dificuldade: Avançado
Data de Publicação: 05/09/2002


Introdução

Este pequeno jogo vai-nos permitir descobrir muitas funções do Flash, o que pode parecer um pouco complicado para quem não costuma utilizar muito o actionscript. Mas vamos nos esforçar ao máximo para tornar as coisas o mais simples possível.


Vamos assim trabalhar com:

- Drag-n-Drop (deslocamento do Movie Clip)
- SwapDepths (gestão de sobreposições do Movie Clips)
- Action-Script (verificação da posição em X, Y)
- Smart-Clip

Ficheiro Swf

Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF
 

1. Criação das bases gráficas:

Começamos por escolher (ou criar) uma imagem, de preferência vectorial !
Esta imagem vai ser o modelo do puzzle. Vamos transformá-la num símbolo "symbol" Movie Clip, selecciona a imagem, pressiona F8 e na janela escolhe Movie Clip.

O nosso modelo encontra-se agora na biblioteca de objectos.
Clica uma vez sobre este Movie Clip e depois na, janela "Instance", dá-lhe um nome, por ex: "modelo". Isto irá servir para mais tarde controlar este Movie Clip (transparência, visibilidade, tamanho, etc...).



O Movie Clip "modelo" está agora na "layer" 1 e na 1ª "keyframe", clica na 10ª "keyframe" e carrega em F5 para expandir o Movie Clip nas 10 "keyframes".
Nesta nova "layer" insere um novo Movie Clip (Ctrl+F8) e chama-lhe "peças". Neste Movie Clip vais colocar o Movie Clip "modelo" através da biblioteca (Ctrl+L), selecciona o Movie Clip e faz "Break Apart" (Ctrl+B) (poderá ser necessário fazer "break apart" várias vezes até o Movie Clip ficar todo picotado) para "partir" a imagem em diversas peças do puzzle...


2. Criação das peças

Com a ferramenta lasso "Lasso Tool", começa por criar a primeira peça do teu puzzle. Contorna uma zona da imagem com a forma que te convem, depois da operação efectuada, a forma recortada deve estar activa, torna-a num Movie Clip (F8).
... E .... APONTA BEM a sua posição em X e Y, que está indicado na janela "Info".



Faz esta operação até que estejam criadas todas as peças. Tendo sempre bem atenção ao nome e posição em X e Y de cada peça !


3. Posicionar as peças do puzzle

No Movie Clip "peças", temos de pôr uma peça por "keyframe", no fim terás tantas keyframes como peças. Para facilitar esta operação, aconselho a suprimir a "keyframe" nº1 e carregar em F7 até obter o mesmo número de keyframes e de peças, colocando-as por ordem.

Como?

Utilizando as ferramentas "Onion All" e "Edit Multiple Frames".

 


Assim, podes alinhar todos os objectos ao mesmo tempo, e para o mesmo sítio.
Activa todos os objectos, e vai a Window > Panels > Align.



Clica no alinhamento vertical e horizontal.
Depois desta operação efectuada, anula os sistemas "Onion All" e "Edit Multiple Frames".
Vais rapidamente compreender porque é que as peças do puzzle devem ser sobrepostas.

Sempre no mesmo Movie Clip (peças), cria uma nova "layer". Sobre esta "layer", acrescenta um Botão invisível de tamanho aproximadamente igual ás peças do puzzle que irás sobrepor.


4. Criação do Botão invisível:

Para que o botão seja invisível, temos de o editar de forma a ficar com todos os estados vazios excepto o "Hit".

 

Este botão deve ocupar todas as frames do Movie Clip para sobrepor-se a todas as peças do puzzle. Vai servir mais tarde para drag-n-drop das peças assim como para o SwapDepths (sobreposição).


Resumo:

Temos assim, um Movie Clip (peças) contendo um botão invisível + um Movie Clip por cada peça do puzzle. Vamos pegar neste Movie Clip e transformá-lo num Smart-Clip...

 
« Anterior  página 3 de 2  
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados