Resumo

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

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

Passe o mouse sobre swf

Requisitos

Flash 8, Flash CS3 ou Flash CS4.

Nota: A imagem deste tutorial é feito em Flash CS3. Ele funciona exatamente da mesma no Flash 8 ou Flash CS4. Este tutorial é ActionScript 2 (apesar de não ActionScript é obrigatório).

componente Passo 1 - Instale o efeito

Baixe o Rain Drop efeito da água 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" -> "Importar" -> "Importar" no palco ... ".

Importar imagem

Selecione essa imagem e convertê-lo em um [Movieclip] pressione F8 ou clique direito sobre o MovieClip -> "Converter em símbolo ...". Dê o Movieclip o nome da 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 é até você, você pode escolher outro nome se quiser Oyu. Apenas certifique-se o nome da instância é projectwide único.

Configure o nome da instância

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

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

Arraste componente em Movieclip

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

Defina o parâmetro dentro do inspector componente

Nota: Essas configurações são aplicadas somente a essa instância de um componente de efeito. Se você chamar o componente em outro movieclip (em outro lugar dentro do fla. Ou em um novo projeto) você tem que definir as configurações novamente.

Passo 4 - Exportação

Exportar o comando Movie -> "Test Movie" ou pressione [Ctrl-ENTER] e ver o resultado. Se você não estiver satisfeito, voltar atrás e mudar as configurações no painel Inspetor de componentes.

Baixar

Clique aqui para baixar o fla deste tutorial. Nota: A. Fla inclui a versão de avaliação do componente de efeito, que só funcionam no IDE do Flash (Flash 8, Flash CS3 ou Flash CS4), mas não dentro do navegador.

Você também pode baixar o Water Ripple componente aqui .

  • Bookmark / Share