MXStudio » Felipe_Gomes

Desenhando dinamicamente

Felipe_Gomes — Tue, 04 Apr 2006 00:00:00 +0000

Desenhando dinamicamente

Olá amigos do MXStudio,

Peço desculpas pelo tempo sem enviar nenhum artigo, mas é que meu tempo foi extremamente escasso em fevereiro e março.

Mas o que importa é que estou de volta!

Bom, hoje iremos aprender como desenhar dinamicamente no Flash.

Mãos à obra?

Para começar, crie dois botões.

A um atribua o nome de instância como: “desenhar_btn” e a outro “apagar_btn” – ambos sem aspas.

Agora selecione o primeiro frame do nosso filme e pressione “F9” para abrirmos a paleta “Actions”.

Cole o código abaixo (está tudo explicado nos comentários):

/* criando o movieclip que desenhará */

_root.createEmptyMovieClip(“linha_mc”, 1);

/* atribuindo o valor “false” para a variável “livre” */

desenhar = false;

/* ao clicar no botão “desenhar_btn”, o desenho será permitido */

desenhar_btn.onRelease = function() {

/* define-se “true” para a variável “desenhar” */

desenhar = true;

/* desativa o botão “desenhar_mc” */

desenhar_btn.enabled = false;

};

/* se a variável “desenhar” for igual a “true” */

/* ao se clicar com o botão esquerdo do mouse, desenhar na tela */

_root.onMouseDown = function() {

if (desenhar == true) {

/*desenhar de acordo com o movimento do mouse em X e Y */

linha_mc.moveTo(_xmouse, _ymouse);

/* definindo o estilo (espessura, cor e opacidade) da linha do desenho */

linha_mc.lineStyle(2, 0×000000, 100);

/* quando o mouse se mover, executar a função */

this.onMouseMove = function() {

/*desenhar a linha com os movimentos do mouse em X e Y */

linha_mc.lineTo(_xmouse, _ymouse);

/* atualizar a tela sempre que o mouse se mover e não de acordo com os frames */

updateAfterEvent();

};

}

};

/* pára de desenhar quando o botão esquerdo do mouse for solto */

_root.onMouseUp = function() {

this.onMouseMove = null;

};

/* ao se clicar no botão “apagar_mc”, limpar a tela, ativar o botão “desenhar_mc” e desativar o botão “apagar_mc” */

apagar_btn.onRelease = function() {

_root.linha_mc.clear();

desenhar_btn.enabled = true;

desenhar = false;

};

Pronto pessoal, é só isso.

Fácil, não?

Qualquer dúvida, fiquem a vontade pra entrar em contato.

Um abraço a todos.

Autor: Felipe Gomes

Qualquer dúvida envie um email para contato@felipegomes.com.br ou acesse o nosso fórum.

Workspace Layout

Felipe_Gomes — Wed, 01 Feb 2006 00:00:00 +0000

Workspace Layout

Olá amigos do MXStudio,

Hoje vamos aprender algo bem simples, mas que a maioria dos usuários novatos ou intermediários não conhecem.

Até mesmo alguns com conhecimentos profundos não conhecem, mas são minoria.

Iremos aprender a criar um ou mais layouts de disposição das paletas, para que as usemos conforme nossa necessidade, sem que seja preciso arrumarmos toda hora dependendo do tipo de trabalho que se for realizar.

Vamos lá!

Imagine por exemplo que você irá desenvolver uma animação cheia de desenhos, gráficos e textos, tarefa que é realizada geralmente por designers ou animadores.

As paletas mais interessantes e que serão mais usadas com certeza serão: Color Mixer, Color Swatches, History, Scene, Transform e Info.

Agora imagine que você irá desenvolver uma aplicação ou outro tipo de trabalho no Flash que exija mais programação do que visual, as paletas de maior importância serão: Actions, Components, Strings, Debugger e a Behavior.

Abra e posicione de acordo com sua preferência as paletas desejadas para o trabalho que irá desenvolver no momento.

O Flash salva essas configurações sozinho, para quando executá-lo numa próxima vez, esse mesmo layout seja exibido. Mas às vezes, devido a algum problema as paletas são desconfiguradas. Ou mesmo se você usa o Flash no computador da empresa que mais pessoas utilizam, é importante ter isso salvo, economiza trabalho inútil.

Bom, para salvarmos essas configurações, basta ir ao menu “Window > Workspace Layout > Save Current…”; digite um nome de sua preferência para o seu layout de paletas e clique em “OK”.

Pronto, seu layout está salvo e poderá usá-lo posteriormente.

Simples, não?

Fiquem com Deus!

Um abraço,

Autor: Felipe Gomes

Qualquer dúvida envie um email para contato@felipegomes.com.br ou acesse o nosso fórum.

Player de música- Parte 2

Felipe_Gomes — Fri, 06 Jan 2006 00:00:00 +0000

Coluna Flash – Player de música- Parte 2

Olá amigos do MXStudio.

Aqui estamos para mais um artigo.

Aliás, para a segunda e última parte do artigo do player de música.

Peço para quem não leu a primeira parte, que faça isso, pois para o completo entendimento desse tutorial, as duas etapas precisam ser estudadas.

Player de música – Parte 1

Bom, pra quem já fez o arquivo conforme a primeira parte do tutorial, falta apenas criarmos os botões de controle: pause, stop, play, avançar e retroceder e os botões de volume.

Antes de prosseguirmos, peço que selecione o primeiro frame da camada “ações” e pressione “F9” para abrirmos a paleta “Actions”.

Ao abrí-la, apague todas as linhas que digitamos na parte 1 do artigo e deixe sem ação nenhuma de código.

Após fazer isso, feche a paleta e vamos seguir em frente.

Crie os botões de play, stop, pause, próxima e anteior, o layout de sua preferência.

O importante é que o nome de instância dos botões fique de acordo com os nomes abaixo:

Botões de controle das músicas:

Pause – pause_btn

Stop – stop_btn
Play – play_btn
Proxima – next_btn
Anterior – previous_btn

Botões de volume:

Diminuir – vol_less_btn
Aumentar: – vol_more_btn

Feito isso, selecione o primeiro frame da camada “Actions” novamente e pressione “F9” para abrir a paleta de ações.

Agora copie o código abaixo e cole na paleta:

stop();
//Criando objeto som_sound
var som_sound:Sound = new Sound();
var numero:Number = 1;
//Volume
var vol:Number = 100;
/*cria-se a função music com o parâmetro “musica” que indicará a música que será tocada pelo player.*/
function music(musica) {
//criando todas as variáveis necessárias
var pos, verifica;
/*a função “loadSound” carrega a mp3 no objeto “som_sound”, com o caminho
especificado no parâmetro “musica”; true informa que será carregado por streaming*/
som_sound.loadSound(musica, true);
_root.onEnterFrame = function() {
//exibe o nome da música no campo musica_txt
artista_txt.text = som_sound.id3.artist;
musica_txt.text = som_sound.id3.songname;
album_txt.text = som_sound.id3.album;
som_sound.setVolume(vol);
};
// ações dos botões ===============
//pára a música
stop_btn.onRelease = function() {
som_sound.stop();
};
//pausa a música
pause_btn.onRelease = function() {
acao = “pause”;
pos = som_sound.position/1000;
som_sound.stop();
};
//dá o play
play_btn.onRelease = function() {
if (acao == “pause”) {
som_sound.start(pos, 1);
acao = “”;
} else {
som_sound.start();
}
};
}
previous_btn.onRelease = function() {
if (_root.numero<>1) {
_root.numero -= 1;
}
musica = “musica”+numero+”.mp3″;
music(musica);
};
next_btn.onRelease = function() {
if (_root.numero<>3) {
_root.numero += 1;
}
musica = “musica”+numero+”.mp3″;
music(musica);
};
vol_less_btn.onRelease = function() {
if (vol>=10) {
vol -= 10;
trace(vol);
}
};
vol_more_btn.onRelease = function() {
if (vol<=90) {
vol += 10;
trace(vol);
}
};
//=========================
musica = “musica”+numero+”.mp3″;
music(musica);
link_btn.onRelease = function() {
getURL(‘http://www.felipegomes.com.br’, ‘_blank’);
};
link2_btn.onRelease = function() {
getURL(‘http://www.mxstudio.com.br’, ‘_blank’);
};

Boa parte das explicações de cada linha está na parte 1 desse artigo, por isso é muito importante que ele seja lido.

Mesmo assim eu expliquei tudo novamente através dos comentários no decorrer das linhas.

Qualquer dúvida poste um comentário ai ou entre em contato comigo através do meu e-mail.

Atenção: Lembrando que é necessário ter três arquivos .mp3 diferentes na mesma pasta que o .swf, para que as músicas sejam executadas.

Os arquivos deverão ter os seguintes nomes:

musica1.mp3
musica2.mp3
musica3.mp3

Bom, galera, é só isso.

Fácil, não?

Garanto que muita gente pensou que era difícil fazer um player com controle de pause, avançar, retroceder e aumentar e diminuir o volume.

Vou ficando por aqui, em breve nos veremos novamente.

Um abraço a todos e um ótimo 2006.

Deus nos abençoe!

Autor: Felipe Gomes

Qualquer dúvida envie um email para contato@felipegomes.com.br ou acesse o nosso fórum.

Player de música

Felipe_Gomes — Tue, 20 Dec 2005 00:00:00 +0000

Coluna Flash – Player de música

Olá amigos do MXStudio,

Meu nome é Felipe Gomes e esse é meu primeiro (espero que de muitos) artigo aqui no MXStudio.

Para começar, escolhi algo que não é complicado de fazer mesmo para quem não tem muita prática no ActionScript, mas que é muito interessante para ser inserido nos sites e outras aplicações que possamos desenvolver: um player de música.

Mãos a obra?!

Comece desenvolvendo um layout para seu player, lembrando que ele terá as seguintes informações:

Artísta, nome da música, nome do álbum e botões para avançar e voltar de música, play, stop e pause.

O meu player ficou da seguinte forma:

Depois de definir o layout do player, vamos criar os três campos necessários, que mostrarão o nome do artísta, nome da música em execução e o álbum a que percente.

Vamos criar agora a layer (camada) em que os campos com as informações da música ficarão.

Para criar uma nova layer, vá ao menu Insert (Inserir) > Timeline (Linha do tempo) > Layer (Camada). Renomeie a layer criada para “informações” – sem aspas.

Agora criaremos os três campos. Primeiramente o campo “Artísta”.

Selecione a Text Tool (Ferramenta de texto) na barra de ferramentas e insira o campo onde desejar, lembrando de deixá-lo com uma largura que caiba o nome do artísta corretamente.
É preferível criar campos grandes, pra que os nomes não sejam cortados.

Após criar o campo, na barra de propriedades, digite “artista_txt” – sem aspas – no campo “” (Nome de instância). E defina o campo como “Dynamic Text” (Texto dinâmico).

Observe a figura abaixo:

Repita o processo três vezes, apenas trocando o nome de instância para “musica_txt” e “album_txt” – ambos sem aspas.

Agora que você já tem os três campos criados, vamos aos botões que controlarão o player.

Crie uma nova layer (camada), e dê o nome de “controles”.

Vamos criar primeiro o botão de play, depois basta repetir o mesmo processo para os outros botões que usaremos.

Com a ferramenta Shape Tool (Forma), crie um botão que será o ícone do play.
Após criar a forma, selecione-a e pressione “F8”, na janela em que se abrir, digite “play_btn” no campo “Name” (Nome) e escolha a opção “Button” (Botão).

Observe a imagem abaixo:

Após isso, selecione o botão e na barra de propriedades mude seu nome de instância para “play_btn”.

Para criar os demais botões de avançar, retroceder, stop e pause, repita os mesmos passos, apenas alterando o nome do botão e nome da instância.

Seguem abaixo os nomes:

Play – play_btn
Stop – stop_btn
Pause – pause_btn
Next – next_btn
Previous – previous_btn

Obs: Lembrando que Next significa “próximo” e Previous, “anterior”.

Bom, agora que já temos os campos de informações e também os botões que controlarão as músicas, vamos às actions!

Vamos inserir todas as ações na raiz do filme, dessa maneira fica mais fácil programar no Flash, pois toda a programação fica num só lugar, sendo mais fácil de administrar tudo.

Quem tem costume de colocar as ações em cada símbolo, frame, etc., separado, estranha numa primeira vez, mas logo percebe que essa maneira facilita muito a programação no Flash.

Crie uma nova layer, dê a ela o nome de “Actions” – sem aspas.

Selecione o primeiro frame da layer que acabamos de criar, e pressione “F9”, para abrir a paleta Actions.

Digite a ação abaixo:

stop();
/* Criando objeto som_sound */
var som_sound:Sound = new Sound();
var numero:Number = 1
function music() {
/* Carregando som_sound */
som_sound.loadSound(“musica.mp3″, true);
_root.onEnterFrame = function() {
/* exibe o nome da música no campo musica_txt */
artista_txt.text = som_sound.id3.artist;
musica_txt.text = som_sound.id3.songname;
album_txt.text = som_sound.id3.album;
}
som_sound.start();
}
link_btn.onRelease = function() {
getURL(‘http://www.felipegomes.com.br’, ‘_blank’);
}
link2_btn.onRelease = function() {
getURL(‘http://www.mxstudio.com.br’, ‘_blank’);
}
music();

Agora irei explicar linha por linha:

Linha 1 – Ação stop() para parar o filme.

Linha 3 – Cria-se o objeto de som “som_sound”.

Linha 4 – Cria-se a variável “numero”, com o valor inicial igual a 1 (um).

Linha 5 – Cria-se a função “music”, que será responsável por fazer o player funcionar.

Linha 7 – Define-se o caminho da música ao objeto de som “som_sound”, substitua “musica.mp3” pelo nome de sua música. O atributo “true” informa que a mp3 será carregada em streaming.

Linha 8 – Cria-se uma função que será executada a cada frame do filme.

Linha 10 – Aqui dizemos para o campo de texto “artista_txt” exibir o nome do artista que estiver setado na tag ID3 do arquivo .mp3 que estiver em execução.

Linha 11 – Aqui informamos que o conteúdo do campo de texto “musica_txt” exibirá o nome da música que estiver setado na tag ID3 do arquivo .mp3 que estiver em execução.

Linha 12 – Aqui informamos que o conteúdo do campo de texto “album_txt” exibirá o nome do álbum que estiver setado na tag ID3 do arquivo .mp3 que estiver em execução.

Linha 13 – Encerra-se a função “onEnterFrame()”.

Linha 14 – Função “start()” do objeto “som_sound” que faz a música ser iniciada.

Linhas 16 a 18 – Função criada a partir do evento “onRelease()” do botão “link_btn” que executa a abre o site “www.felipegomes.com.br”, em nova janela.

Linhas 19 a 21 – Função semelhante à citada acima. Porém é executada no evento “onRelease” da instância “link2_btn” e abre o site do MXStudio.

Linha 22 – Chama a função “music()”.

Pronto, agora é só testar e conferir seu áudio rolando em streaming.

Muito fácil, não?

Bom galera, espero que tenham gostado desse meu primeiro artigo aqui no MXStudio.

Em breve desenvolverei um outro artigo sobre player, que será uma continuidade desse.

Implementaremos os controles de som, tais como: avançar, retroceder, play, stop e pause.

Um abraço a todos,

Autor: Felipe Gomes

Qualquer dúvida envie um email para contato@felipegomes.com.br ou acesse o nosso fórum.