Resumo

Neste tutorial você vai aprender como criar um efeito cascata de água que segue o cursor do mouse.

Passe o mouse sobre o filme Flash abaixo para ver o efeito:

move mouse sobre swf

Requisitos

Flash 8, Flash CS3 ou Flash CS4.

Nota: A imagem deste tutorial é feito em Flash CS3. Ela funciona exatamente da mesma no Flash 8 ou Flash CS4. Este tutorial é Actionscript 2 (embora ActionScript não é necessário).

Passo 1 - Instalar o componente do efeito

Baixe o Rain Drop Water Effect aqui. Por favor, siga as instruções de instalação e arraste o componente do painel de componentes para a biblioteca do seu arquivo FLA..

Arraste o componente para a biblioteca

Passo 2 - Crie um MovieClip Imagem

Importar uma imagem [pressione Ctrl-R] ou "File" -> "Import" -> "Importar on Stage ...".

Importação de imagens

Selecione a imagem deste e convertê-lo em um pressionar F8 Movieclip [] ou com o botão direito sobre o MovieClip -> "Convert to Symbol ...". Dê o movieclip o nome de "imagem".

Nome do Movieclip

Definir o nome da instância do MovieClip. Use "image_mc". É importante para definir um nome de instância aqui, caso contrário o componente não irá encontrar o MovieClip. BTW, a nomeação depende de você, você pode escolher outro nome se quiser Oyu. Apenas certifique-se o nome da instância é projectwide único.

Definir nome de instância

Passo 3 - Aplique o efeito em um movieclip e definir parâmetros

Arraste o componente para o MovieClip. O componente Snapps automaticamente.

Arrastar componente para Movieclip

Abra o painel componente do Windows inspector -> "Component Inspector". Aqui você pode definir os parâmetros para o efeito. Movieclips Todos com nomes de instância neste quadro estão listados na seção "Target Movieclip" lista de seleção. Desde que você tem apenas um Movieclip, o componente assume, que pretende aplicar o efeito sobre o MovieClip "image_mc". Defina o "Cursor sensíveis" a opção "Sim" para fazer o efeito água siga o mouse.

Defina o parâmetro dentro do inspector componente

Nota: Estes ajustes só são aplicados a este exemplo de um componente de efeito. Se você chamar o componente no outro movieclip (outro lugar dentro do fla. Ou em um novo projeto) você tem que definir as configurações novamente.

Passo 4 - Exportação

Exportação do Comando Movie -> "Test Movie" ou [Ctrl-prima ENTER] e ver o resultado. Se você não estiver satisfeito, voltar atrás e mudar as configurações no painel de inspector do componente.

Baixar

Clique aqui para baixar o fla deste tutorial. Nota: O FLA. Inclui a versão de avaliação do componente de efeito, que só funciona no IDE Flash (Flash 8, Flash CS3 e Adobe Flash CS4), mas não dentro do navegador.

Você também pode fazer o download do Water Ripple Componente aqui.

  • Share / Bookmark