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.

 

 
Homepage Tutoriais Intermédios

Ficha Técnica
Autor: Flash Web Training
Versão: Flash MX
Dificuldade: Intermédio
Data de Publicação: 23/11/2003


Introdução

Por vezes um botão de On e Off para animações com música é recomendável, e bom que se tenha. Mas se tivermos um controle de volume na(s) nossa(s) animação(ões), é algo muito mais personalizado e melhor para o utilizador, caso queira escutar a nossa música, num diferente volume daquele pré-definido.

Tentaremos com este tutorial, dar-vos a conhecer de como se fará este tipo de controle de volume.

Ficheiro Swf

Clique com o botão direito do rato sobre o filme para visualizar o menu de opções


Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF


1. Uma larga margem deste tutorial baseia-se somente na criação do controle de volume numa barra. Como não queremos que construam um controle de volume por completo, fornecemos uma ficheiro zipado, com um .fla e um pequeno .mp3 para testar-mos a nossa animação. Cliquem aqui para tirar o ficheiro que vos fornecemos.

2. Uma vez aberto o ficheiro volume_user.fla, vão ter um interface igual ao que mostra-mos na figura que se segue:

3. Em primeiro lugar, precisamos de uma variável que controle a nossa barra de volume horizontal. Para tal, vamos clicar com o botão direito do rato sobre a barra de controle e escolher a opção de Edit In Place.

4. Encontram-se no Movie Clip do Slider. Cliquem sobre o frame 1 da layer Code, e com o botão direito do rato seleccionem a opção de Actions.

5. Como podem ver, temos uma porção de código, que vai permitir à nossa barra de volume funcionar. Vamos então introduzir uma variável que nos permita transmitir ao resto da animação a posição do nosso cursor de volume. Incluam DEPOIS da linha em que está a palavra ratio. Vamos então incluir o seguinte código:

_root.value = ratio;

Para que não haja alguma dificuldade ou questão de onde ao certo, se deve inserir esta linha de comando, fica aqui o exemplo:

this.ratio = 0;
dragger.onPress = function() {
this.startDrag(true, 0, 0, line._width, 0);
this.onEnterFrame = function() {
ratio = Math.round(this._x*100/line._width);
_root.value = ratio;
};
};
dragger.onRelease = dragger.onreleaseOutside=stopDrag;

6. Depois de termos inserido a linha de commando, vamos regressar à nossa Scene 1. Para tal, deveremos clicar na seta azul ou onde diz Scene 1.

7. Agora que voltamos à Scene 1, vamos adicionar mais um pouco de código que nos permita associar o volume do som, correspondente à nossa barra de som.

8. Cliquemos sobre a nossa barra de volume com o botão direito do rato, e depois seleccionem a opção de Actions.

9. Uma vez no painel das Actions, deveremos inserir antes da última chaveta a seguinte linha de código:

mySound.setVolume(_root.volume);

Para que não subsista alguma dúvida do local onde inserir esta linha de código, expomos aqui o local onde deve ser inserida:

} else {
complete = 1;
_root.dl = "";
}
mySound.setVolume(_root.volume);
}

10. Assim damos por terminado a nossa animação. Para poderem testar-la, deverão premir as teclas de Ctrl+Enter. Não se esqueçam de ligar as colunas.

 

Esperamos que este trabalho vos tenha sido de alguma ajuda para os vossos trabalhos futuros. Se tiveres alguma dúvida ou questão, não hesites em utilizar os nossos Fóruns de Discussão.

Bons trabalhos!
Pedro Teixeira
pedro.teixeira@flashwebtraining.com

 
« Anterior   
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados