MXStudio » Daniloforte

Desenhando com o mouse

Daniloforte — Fri, 23 Mar 2007 00:00:00 +0000

Desenhando com o mouse

Olá amigos do MXSTUDIO!

Algo muito interessante nos sites em Flash é o recurso de desenhar utilizando o mouse. Hoje explicarei como fazer isso.

Pré-requisitos:

Conhecimento básico em ActionScript

Objetivo:

Capacitar o leitor para que com um pouco de criatividade possa criar recursos interessantes utilizando o método que estudaremos hoje.

Mãos a obra:

Vamos criar um filme que enquanto estivermos com o botão do mouse pressionado, irá desenhar em nossa tela e quando soltarmos o botão irá parar de desenhar.

Crie um novo arquivo(Ctrl+N) e salve com o nome desenhando.fla

Nomeie a primeira camada do filme com AS, selecione o primeiro Frame, pressione F9 e vamos as Actions:

this.createEmptyMovieClip(“controlando_mc”,1); //aqui estamos criando um clipe de filme em branco na linha de tempo principal(this) chamado “controlando_mc”, que ocupa a ordem de empilhamento 1.
x=1; // aqui estamos criando uma variável chamada x que recebe (=) inicialmente o valor 1
atencao=new Object( ); //aqui críamos o primeiro “ouvinte”, digamos que irá “prestar atenção” no mouse
atencao.onMouseDown = function( ) { //aqui definimos o evento ao qual esse ouvinte irá ser acionado ao presionar o botão do mouse
x++ // aqui inicialmente incrementamos a variável X que críamos anteriormente
desenhar=true; //aqui foi críada a variável desenhar e seu valor definido (=)como (true)
_root.createEmptyMovieClip(“linha”+x,x); //aqui críamos na raiz do nosso filme um novo clipe de filme em branco cujo nome de instância sera (linha) concatenado (+) ao valor que a variável x tiver no momento (gerando nomes como, linha2, linha3, etc…) e definimos (através do segundo parâmetro dentro das chaves deste método que se localiza logo após a vírgula) a ordem de empilhamento para o valor da variável x.

_root["linha"+x].lineStyle(1,0×000000,100); //aqui definimos que para a instância referente a junção do texto”linha” e da variável x (linha2,linha3,etc) através da sintaxe utilizando colchetes o estilo da linha (método lineStyle()) terá espessura 1 , a cor preta (0×000000) e a opacidade 100.
_root["linha"+x].moveTo(_xmouse,_ymouse); //aqui definimos que mesma instância (_root["linha"+x]) posicionará seu inicio na posição no eixo x do mouse (propriedade _xmouse) e no eixo y do mouse (_ymouse).
}
Mouse.addListener(atencao); //aqui registramos ao objeto Mouse através do método addListener() o “ouvinte” que críamos (cujo o nome é “atencao”) digitando-o dentro do parenteses do método addListener(). atencao2=new Object ( ); // bastante parecido com o anterior, aqui o ouvinte chama-se atencao2, o evento é o de liberar o botão do mouse (onMouseUP), ou seja ,quando o botão do mouse está pressionado, a variável “desenhando” tem como valo verdadeiro; quando o botão é liberado, ela recebe o valor falso.
atencao2.onMouseUp = function( ) {
desenhar=false;
}
Mouse.addListener(atencao2);

controlando_mc.onEnterFrame = function( ){ // aqui críamos um evento de atualização constante para a instância que críamos logo no início do nosso código (controlando_mc).
if(desenhar==true){ //aqui críamos uma estrutura condicional para verificar se o valor da variável desenhar é igual ( = = ) a True (verdadeiro).

_root["linha"+x].lineTo(_xmouse,_ymouse);; //aqui definimospara a instância resultante da junção do texto”linha” e da variável x para que desenhe uma linha (lineTo ( )) até a posição que o mouse se encontrar atualmente no eixo x(_xmouse) e no eixo y(_ymouse) .

}

Considerações Finais:

Resumindo pessoal, cada vez que pressionamos o botão do mouse, a variável desenhando tem o valor True, então é criado um Clipe de filme vazio, em seguida definida sua posição inicial e traçadas retas até as posições em que seu mouse se encontrar enquanto o botão estiver pressionado. Ao soltar o botão do mouse, como a variável desenhando tem valor diferente de true, não se desenham mais linhas até que se pressione o botão novamente.

Forte abraço , abraço especial ao Natan que me ajudou nessa coluna

Autor: Danilo Forte – Colunista de Flash do Portal MXSTUDIO

Qualquer dúvida envie um e-mail para danilo_forte@mxstudio.com.br ou acesse nosso fórum

Colisão de MovieClip

Daniloforte — Wed, 11 Jan 2006 00:00:00 +0000

Coluna Flash – Colisão de MovieClip

Introdução

Atualmente vemos crescer o número de jogos desenvolvidos em Flash.
Alguns programadores que conheço estão ganhando algum dinheiro com isso, especializando-se em um mercado competitivo, que necessita grande criatividade e alguma boa dose de diferencial.
Um conhecimento necessário para desenvolver jogos é detectar se duas instâncias de clipe de filme se encontraram (“colidiram”) e a partir daí disparar comportamentos e ou
qualquer ação que desejar no filme.

Hoje irei mostrar um simples exemplo, onde ocorre a colisão entre duas instâncias de clipe de filme, utilizando o método hitTest.

Pré-requisitos

Macromedia Flash, cohecimento básico em ActionScript.

Objetivo

Mostrar ao leitor um exemplo simples de colisão entre dois clipes de filme e capacitá-lo
a utilizar o método hitTest.

Conceitos

Se o produto final de seu trabalho no Flash necessitar que existam colisões (muito comum em games), você poderá fazer uso do método hitTest integrante do objeto movieclip.
Esse método possibilita verificar quando duas instâncias de clipe de filme colidiram. E a partir dessa colisão, podemos manipular eventos em nosso filme.

Conteúdo

Vamos ao exemplo:

Crie um novo filme (Ctrl + N) e salve-o como colidir.fla

Crie uma camada, insira no lado esquerdo do palco um polígono, converta-o em clipe de filme (F8) e atribua o nome de instância “poligono_mc” (sem aspas).

/*Primeiramente iremos criar uma action que fará com que o circulo acompanhe o mouse do usuário.*/

circulo_mc.startDrag(true); /*aqui definimos que a instância “circulo_mc” começará a ser arrastada e seu centro acompanhará o cursor do mouse (método StartDrag(true))*/

/*Vamos agora inserir uma action para criar um evento que se atualize constantemente, através do evento onEnterFrame e criaremos uma animação via actions para o polígono*/

poligono_mc.onEnterFrame=function(){ /*evento de atualização constante. */

this._x=this.x+10; /*animação via actions para o poligono onde a propriedade _x (posição no eixo x) dessa instância receberá (=) como valor a sua posição atual + 10 pixels. */

if(this.hitTest(circulo_mc)){

delete this.onEnterFrame; /* estamos perguntando se (if) a instância poligono_mc se chocou(hitTest)com a instância que está dentro dos parênteses, no caso “circulo_mc”, e determinando que quando colidir será removido (delete) o evento de atualização constante (onEnterFrame). */

}

Considerações Finais

Agora é só testar seu filme e movimentar o mouse para arrastar o círculo. Quando os dois colidirem
o poligono irá parar de se movimentar.

Vimos nesse artigo um simples exemplo do que podemos fazer com o método hitTest, use a imaginação
para que a partir disso possa fazer filmes interessantes e agregar ainda outros conhecimentos para começar a desenvolver games.

Forte abraço

Autor: Danilo Forte – Colunista do Portal MXSTUDIO

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

Estudo do ActionScript – Parte 3

Daniloforte — Thu, 22 Dec 2005 00:00:00 +0000

Coluna Flash – Estudo do ActionScript – Parte 3

Olá pessoal, seguiremos hoje com a terceira parte do estudo do AS, sempre avançando nos códigos
e procurando destrinchar a linguagem.
Agradeço o e-mails recebidos referentes as partes 1 e 2 do estudo.

Você que ainda não leu as primeiras partes desse estudo, por favor, leia agora para
acompanhar efetivamente o raciocínio:

Parte1 : Estudo do AS 1

Parte2 : Estudo do AS 2

Abaixo as actions que estudamos nos estudos anteriores:

gotoAndPlay; gotoAndStop; nextFrame; nextScene; prevScene; play; stop;
stopAllSounds; startDrag; StopDrag; fscommand; loadMovie; unloadMovie;

Vamos as de hoje:

duplicateMovieClip

Como deve ser usado:

duplicateMovieClip(destino, novo_nome, profundidade);

Explicando os parâmetros:

destino: O caminho de destino do clipe de filme a ser duplicado.

novo_nome: Um identificador exclusivo do clipe de filme a ser duplicado.

profundidade: Um nível de profundidade exclusivo para o clipe de filme duplicado. O nível de
profundidade é uma ordem de empilhamento para os clipes de filme duplicados. Essa ordem de
empilhamento é muito parecida com a ordem de empilhamento das camadas na Linha de tempo; os
clipes de filmes com um nível de profundidade inferior ficam ocultos abaixo de clipes
com uma ordem de empilhamento superior. você deve atribuir a cada clipe de filme duplicado um
nível de profundidade exclusivo para evitar que ele substitua filmes em níveis ocupados

Descrição básica desse script: Cria uma instância de um clipe de filme enquanto o filme é
reproduzido. A reprodução em clipes de filme duplicados sempre começa pelo quadro 1,
independente da posição da reprodução no clipe de filme original (mais conhecido como “pai”).
As variáveis no clipe de filme pai não são copiadas para o clipe de filme duplicado. Se o clipe
de filme for excluído, o clipe de filme duplicado também o será. Use a ação ou método
removeMovieClip para excluir uma instância de clipe de filme criada com duplicateMovieClip.

Exemplo: O comando abaixo duplica a instância do clipe de filme “danilo” cinco vezes. a variável
i é usada para criar um novo nome de instância e uma profundidade exclusiva para cada clipe
de filme

on (release) {
amount = 5
while(valor>0) {
duplicateMovieClip (_root.danilo, “mc”+i, i);
setProperty (“mc”+i, _x, random(275));
setProperty (“mc”+i, _y, random(275));
setProperty (“mc”+i, _alpha, random(275));
setProperty (“mc”+i, _xscale, random(50));
setProperty (“mc”+i, _yscale, random(50));
i++
valor–;
}
}

getProperty

Como deve ser usado:

getProperty (nome de instância, propriedade)

Explicando os parâmetros:

Nome de instância: O nome de instância de um clipe de filme para o qual a propriedade está
sendo recuperada.

Propriedade: Uma propriedade de um clipe de filme.

Descrição básica desse script: Retorna o valor de “propiedade” especificada para o clipe de filme
“nome de instância”.

Exemplo: O exemplo abaixo recupera a coordenada do eixo horizontal (_x) do clipe de filme
meufilme e atribui a coordenada à variável meufilmeX:

meufilmeX = getProperty(_root.meufilme, _x);

on

Como deve ser usado:

on(mouseEvent) {
comando(s);
}

Explicando os parâmetros:

comando(s): Os comandos a serem executados quando o evento mouseEvent ocorre.
Um mouseEvent é um dispositivo de ativação chamado “evento”. Quando o evento ocorre, os
comandos posteriores a ele entre chaves são executados. Qualquer um dos valores a seguir
pode ser especificado pelo parâmetro mouseEvent:

press: O botão do mouse é pressionado enquanto o ponteiro está sobre o botão

release: O botão do mouse é liberado enquanto o ponteiro está sobre o botão.

releaseOutside: O botão do mouse é liberado enquanto o ponteiro está fora do botão,
depois que o botão foi pressionado, enquanto o ponteiro estava dentro do botão.

rollOut: O ponteiro rola fora da área do botão.

rollOver: O ponteiro do mouse rola sobre o botão.

dragOut: Enquanto o ponteiro está sobre o botão, o botão do mouse é pressionado e
rolado para fora da área do botão.

dragOver: Com o ponteiro sobre o botão, o botão do mouse é pressionado, rolado para fora
do botão e, a seguir, rolado de volta sobre o botão.

KeyPress (“tecla”): A “tecla” especificada é pressionada. A parte “tecla” do parâmetro
é especificada por qualquer código de tecla, desde que seja uma das constantes
listadas dentro das propriedades do objeto Key.

Descrição básica desse script: Trata-se de um manipulador de eventos que específica o
evento do mouse ou o pressionameto de uma tecla que dispara uma ação.

Exemplo:

No script a seguir, a ação startDrag é executada quando o mouse é pressionado e o
script condicional é executado quando o mouse é liberado e o objeto é ignorado.

on(press) {
startDrag(“tricolor”);
}
on(release) {
trace(_root.tricolor._y);
trace(_root.tricolor._x);
}

onClipEvent

Como deve ser usado:

onClipEvent(movieEvent){
comando(s);
}

Explicando os parâmetros:

movieEvent é um dispositivo de ação chamado “evento”. Quando o evento ocorre, são
executados os comandos posteriores a ele entre chaves. qualquer um dos valores a
seguir pode ser especificado pelo parâmetro movieEvent:

load: A ação é iniciada assim que o clipe de filme é criado e aparece na Linha de tempo.

unload: A ação é iniciada no primeiro quadro depois do clipe de filme ser removido
da Linha de tempo. As ações associadas ao evento do clipe de filme Unload são processadas
antes que as ações sejam anexadas ao quadro atingido.

enterFrame: A ação é disparada continuamente à taxa de quadros do filme. As ações
associadas ao evento do clipe enterFrame são processadas depois das ações que tenham
sido anexadas aos quadros afetados.

mouseMove: A ação é iniciada toda vez que o mouse é movido. Use as propriedades
_xmouse e _ymouse para determinar a posição atual do mouse.

mouseDown: A ação é iniciada quando o botão esquerdo do mouse é pressionado.

mouseUp: A ação é iniciada quando o botão esquerdo do mouse é liberado.

KeyDown: A ação é iniciada quando uma tecla é pressionada. Use o método Key.getCode para
recuperar informações sobre a última tecla pressionada.

KeyUp: A ação é iniciada quando uma tecla é liberada. Use novamente o método Key.getCode
para recuperar informações sobre a última tecla pressionada.

data: A ação é iniciada quando os dados são recebidos em uma ação loadVariables ou loadMovie.
Quando especificado com uma ação loadVariables, o evento “data” ocorre somente uma vez, quando
a última variável é carregada. Quando especificado com uma ação loadMovie, o evento “data” ocorre
repetidamente, à medida que cada seção de dados é recuperada.

comando(s): Os comandos a serem executados quando o evento mouseEvent ocorre.

Descrição básica desse script: É um manipulador de eventos que dispara ações definidas por uma
instância específica de um clipe de filme.

O exemplo a seguir usa onClipEvent com o evento de filme KeyDown. Normalmente, o evento de
filme KeyDown é usado juntamente com um ou mais métodos e propriedade do objeto Key. O script
a seguir usa o método Key.getCode para descobrir qual a tecla foi pressionada pelo usuário;
se a tecla pressionada corresponder à propriedade Key.RIGHT, o filme será enviado ao quadro
seguinte, se corresponder à propriedade Key.LEFT, o filme será enviado ao quadro anterior.

onClipEvent(load) {
if(Key.getCode() == Key.RIGHT) {
_parent.nextFrame();
} else if (Key.getCode() == Key.LEFT){
_parent.prevFrame();
}
}

Acho interessante abordar brevemente o objeto Key, já que falamos um pouco dele hoje,
posteriormente entrarei em mais detalhes sobre esse objeto, e apresentarei alguns scripts
bastante funcionais fazendo seu uso.

Key(objeto)

O objeto Key é um objeto de alto nível que você pode acessar sem usar um construtor. Use os métodos
do objeto Key para criar uma interface que pode ser controlada por um usuário com um teclado padrão
(*isso me faz lembrar da tão importante “Acessibilidade”).
As propriedades do objeto Key são constantes que representam as teclas mais comumente usadas para
controlar jogos. Você pode obter uma lista completa de valores do códido de tecla, consultando o
apêndice “Teclas do teclado e valores de códigos de Teclas” em “Usando o Flash” no próprio software.

Exemplo:

O script a seguir usa o objeto Key para identificar teclas em qualquer teclado, de forma que o
usuário possa controlar um clipe de filme:

onClipEvent(enterFrame) {
if(Key.isDown(Key.RIGHT)) {
this._x=_x+10;
} else if(Key.isDown(Key.DOWN)) {
this._y=_y+10;
}
}

Veja os métodos do objeto Key:

Key.addListener: Registra um objeto para receber a notificação quando os métodos onKeyDown e onKeyUp
são chamados.

Key.getAscii: Retorna o valor ASCII da última tecla pressionada.

Key.getCode: Retorna o código de tecla virtual da última tecla pressionada.

Key.isDown: Retorna True se a tecla especificada no parâmetro for pressionada.

Key.isToggled: Retorna True se a tecla Num Lock ou Caps Lock estiver ativada.

Key.removeListener: Remove um objeto que foi registrado anteriormente com addListener

Veja os ouvintes do objeto Key:

Key.onKeyDown: Notificado quando uma tecla é pressionada.

Key.onKeyUp: Notificado quando uma tecla é liberada.

Key.addListener: Registra um objeto para receber a notificação onKeyDown e onKeyUp (Explicarei melhor no próximo estudo).

Voltarei em breve com a continuação do nosso estudo sobre AS.
Espero que vocês estejam gostando.

Desejo a todos um Feliz Natal e um 2006 com muita SAÚDE, PAZ e bons negócios !!

Forte abraço e fiquem com Deus!

danilo_forte@mxstudio.com.br

Estudo do ActionScript – Parte 2

Daniloforte — Thu, 20 Oct 2005 00:00:00 +0000

Estudo do ActionScript – parte 2

Olá pessoal,

Essa é a parte 2 do estudo sobre ActionScript.Se você não acompanhou
a primeira, por favor, leia agora para acompanhar efetivamente o estudo:

parte 1 do estudo

Esse estudo tem objetivo de abordar o AS desde seus conceitos básicos,
assim, penso fortalecer a base lógica da linguagem, para depois abordar
códigos de programação mais complexos. Cabe aqui, ressaltar que todos
os acontecimentos cotidianos, tem uma ordem lógica no tempo,
para correr primeiro é preciso aprender a andar, assim
funciona também com o ActionScript, por isso a necessidade de ver todos
os scripts destrinchados para depois realmente transformá-los em sistemas
lógicos em tempo de execução.

Com certeza uma área que está crescendo muito é a de Programação Flash,
devido o poder e diferencial da ferramenta e de a partir de códigos
relativamente simples podermos obter visual atraente e interativo,
(já foi dito muitas vezes que através do Flash é possível causar sensações
de alto impacto ao usuário) o que com certeza é baseado na linguagem do ActionScript,
então chega de papo e vamos continuar a aprender esse código de scripts tão presente
na web:

Relembrando sucintamente as actions que foram abordadas na parte 1 deste estudo:
gotoAndPlay; gotoAndStop; nextScene; prevScene; play; stop;

Vamos as de hoje:

stopAllSounds

Como deve ser usado: stopAllSounds();

Descrição básica desse script: é muito comum a utilização de sons nos .swf´s,
para complementar o trabalho visual. Mais importante do que usar algum som é dar
a possibilidade do usuário parar a reprodução do som dentro do site, e aí é que entra essa
action. Lembro que esse script interrompe a reprodução de todos os sons que estão sendo
executados no filme. Sons definidos como ‘em streaming’ voltarão a ser reproduzidos quando
a reprodução for movida sobre os quadros em que se encontram.

Exemplo:

on(release){
stopAllSounds();
}

startDrag

Como deve ser usado: startDrag(destino,[bloqueio,esquerdo,superior,direito,inferior])

Explicando os parâmetros:

destino: é o caminho de destino do clipe de filme a ser arrastado.

bloqueio: é um valor booleano (pode se true ou false) que especifica se o clipe de filme
está bloqueado no centro da posição do mouse(true) ou no ponto onde o usuário clicou pela
primeira vez no clipe de filme(false). Vale lembrar que este parâmetro é opcional

esquerdo,superior,direito,inferior: são valores relativos às coordenadas do “pai” do clipe
de filme que especificam um retângulo de restrição para o clipe de filme. Esses parâmetros
também são opcionais.

Descrição básica desse script: É utilizado para possibilitar que clipes de filme
possam ser arrastados pelo usuário e localizados em qualquer local do palco.
Deve ser usado em conjunto com a action stopDrag, para dar opção de parar de arrastar o MC.

Exemplo:

on(press){
startDrag(this,true);
}
on(release){
stopDrag();
}

/* Assim, ao pressionar o botão do mouse sobre o MovieClip em questão o usuário poderá arrastá-lo e
quando soltar o botão poderá parar de arrastá-lo.*/

StopDrag

Como deve ser usado:

stopDrag();

Descrição básica desse script: como dito anteriormente, encerra a operação de arraste em
andamento.Usado em conjunto com startDrag.

Exemplo:

on(press){
startDrag(“mc”);
}
on(release){
stopDrag();
}

fscommand

Como deve ser usado: fscommand(“comando”,”parâmetros”)

Descrição básica desse script: Permite que o filme .swf se comunique com o FlashPlayer ou
com o programa que hospeda o Flash Player, como um navegador Web, por exemplo . Pode-se também usar o
‘fscommand’ para passar mensagens para o Macromedia Director, Visual Basic,Visual C++ e outros
programas que possam hospedar controles do tipo ActiveX.

Explicando os parâmetros: “comando”(command) é uma sequência de caracteres passada ao aplicativo host
para qualquer uso ou um comando passado ao Flash Player independente.
“parâmetros’(parameters) é também uma sequência de caracteres passada ao aplicativo host para
possibilitar qualquer uso ou um valor passado ao Flash Player.

Para enviar mensagens ao Flash Player, você deve usar comandos e parâmetros pré-definidos,
Abaixo veja os valores que podem ser definidos para os parâmetros “comando”(‘command’) e “parâmetros” (‘parameters’)da ação fscommand

quit: não possui nenhum parâmetro , objetivo: fechar o projetor do filme.

fullscreen: parâmetros podem ser(true) ou (false), objetivo: true define o Flash Player na tela cheia
e false faz o exibidor voltar à exibição de menu normal.

allowscale: parâmetros(true) ou (false): true força o filme a ser escalado para 100% do
exibidor, já (false) define que o filme será sempre exibido em seu tamanho original.

showmenu: parâmetros (true) ou (false): true ativa o conjunto completo de itens do menu de contexto
e false torna esmaecidos todos os intens do menu.

exec: (o parâmetro deve ser o caminho para o aplicativo),executa um aplicativo no projetor

trapallKEys: parâmetros (true) ou (false): se especificado true todos os eventos de teclas
serão enviadas para onClipEvent (KeyDown/KeyUP) no flash player.

Exemplo básico de utilização de fcommand:

on(release){
fscommand(“fullscreen”,true);
}

/*Quando o botão for liberado o Flash Player determinará que o filme se ajuste a toda a tela do
monitor.*/

** Existem possibilidades de recursos avançados para esse script, com o tempo vocês vão perceber que é interessante enviar uma mensagem para uma linguagem de script, como por exemplo JavaScript em um navegador web, e para isso faz-se uso da fscommand.
Penso que não é uma action tão básica, mas como também é importante citar outros poderes das
actions, me ocorreu comentar, em momento oportuno abordarei detalhadamente a fscommand e suas
usabilidades,por enquanto vamos nos ater ao mais simples.

loadMovie

Como deve ser usado: loadMovie(“url”,nível/destino)

Parâmetros:
url: é o URL do arquivo que deve ser carregado (.swf,jpeg,etc)
nível/destino: destino é um caminho para um clipe de filme de destino, onde o clipe de filme de destino
será substituído pelo filme ou imagem carregada.É necessário especificar um clipe de filme
de destino ou um nível do filme de destino, porém não é possí vel especificar o dois;
nível:é um múmero inteiro que específica o nível que o filme foi carregado no Flash Player.

Exemplo: O comando loadMovie a seguir é anexado a um botão chamado Produtos. Há um filme clipe
de filme invisível no palco com o nome de instância filmeraiz. A ação loadMovie usa este clipe de filme
como parâmetro de destino para carregar o produtos.swf no arquivo .swf root na posição correta no palco.

on (release){
loadMovie (“produtos.swf”,_root.filmeraiz);

}

unloadMovie:

Como deve ser usado: unloadMovie(nível/destino)

Descrição básica desse script: Remove um filme carregado ou remove um clipe filme do Flash player,
para descarregar um filme que tenha sido carregado em um nível do Flash Player use o parâmetro
nível. Para descarregar um clipe de filme carregado, use o parâmetro destino.

Exemplo: O exemplo a seguir descarrega o clipe de filme michelle_mc na linha do tempo e carrega
o filme isabella.swf no nível 5

on (press){
unloadMovie(“_root.michelle_mc”)
loadMovieNum(“isabella.swf”,5)
}

Taí mais algumas actions, agora abram o painel ações no Flash e podem começar a criar.

Criar experiências agradáveis depende de treinar o código, lembre-se, treine metódicamente
e com afinco, daqui a pouco você estará programando animações totalmente interativas.

Continuaremos os estudos em breve

Forte abraço
danilo_forte@mxstudio.com.br

Designers aprovam Flash 8.0

Daniloforte — Wed, 05 Oct 2005 00:00:00 +0000

Designers aprovam Flash 8.0

Olá pessoal,

Fico feliz com as novidades que pude verificar até o momento no Flash 8.0.
Acredito que a Macromedia teve extremo bom senso nas novas classes escolhidas, que ousaram aperfeiçoar ainda mais as características de design da ferramenta. Vejo avanços, principalmente no que diz respeito ao pacote de filtros e vídeo, algumas características interessantes desses pacotes foram abordadas nas colunas anteriores por nosso amigo Danilo Santana. ( )

Um aspecto fundamental é a forma de distribuição de conteúdo na Web e o método como ele é apresentado. Devemos considerar o “design de interface” um fator crucial na hora de planejar o desenvolvimento e tratá-lo realmente como um diferencial, para que, dentro dos parâmetros de acessibilidade o usuário possa visualizar com clareza o conteúdo das informações que além de caráter informativo, precisam ser também extremamente interativas e vejo que o Flash 8.0 continua beneficiando essa tendência presente na Web.

O Flash 8 possibilitou aos designers implantar recursos visuais aos filmes interativos que antes só eram possíveis tratando as imagens externamente. Com isso ganhamos em desempenho e compatibilidade, além de reduzir o tempo de desenvolvimento.

Ao falar do Studio 8 resumidamente, podemos dizer que representa um bom salto de qualidade, além de trazer inúmeras melhorias em recursos e desempenho, possibilita que designers e desenvolvedores construam experiências ainda mais fantásticas para a Web.

Acredito que o Flash 8 fará sucesso, principalmente, por possibilitar criar experiências digitais e conteúdos interativos com maior amplitude. O foco, segundo a Macromedia, foi obter melhor desempenho de ilustrações, novas capacidades de efeitos gráficos, novos controles de animação, usabilidade do editor de script, adição de recursos ao Flash Vídeo e integração do fluxo de trabalho com as principais ferramentas de edição e codificação de vídeo, o que possibilita a criação de conteúdo ainda mais rico para a web (Características essas que fascinaram a maioria dos designers que pude encontrar “fuçando” na ferramenta até o momento).

*Imaginem o que poderemos esperar do próximo Flash ?! Terá ele ainda mais recursos de design e programação devido o poderio de desenvolvimento do casamento “Adobe/ Macromedia???…. Podemos afirmar com certeza que sim.

Temos que ressaltar os avanços do Flash Player 8.0, não somente em relação ao suporte a vídeos, mas também por uma estrutura de engenharia de renderização de texto avançada, além de um adequado modelo de segurança e alguns controles de privacidade importantes.

Vejamos um exemplo simples de BevelFilter

1)Crie um novo filme e importe uma imagem para o palco:

Renomie a camada da foto para elementos, insira uma nova camada e renomeie para “actions”.

Selecione o primeiro frame da camada “actions”, pressione F9 e vamos ao ActionScript:

import flash.filters.BevelFilter;
/* Define, ou seja, importa a classe bevel filter para utilizarmos nesse MovieClip*/
var bevel:BevelFilter = new BevelFilter(4, 45, 0×999999, 1, 0×000000, 1, 10, 10, 2, 3);
/* Aqui usamos um construtor para a classe BevelFilter e definimos valores para strength,
/*tais como distância,ângulo, cor,alpha, BlurX,BlurY,etc*/
bevel.strength = 20; /*Largura em pixels do filtro.*/meumovie_mc.filters = [bevel]; /* Até agora apenas definimos as características do filtro, agora nessa linha de código é que realmente aplicamos o filtro ao nosso movie clip meumovie_mc.*/

Teste seu filme e veja como esse efeito simples valoriza sua imagem.

Forte abraço

Danilo Forte

danilo_forte@mxstudio.com.br

Breve histórico do ActionScript

Daniloforte — Sat, 10 Sep 2005 00:00:00 +0000

Breve histórico do ActionScript

Quando veio ao mercado, o Flash 2, possuía poucos recursos de programação disponíveis. Já no Flash 3, aplicações diferenciadas eram obtidas através da integração do Flash + JavaScript. Quando chegou ao mercado, o Flash 4 apresentou uma quantidade maior de scripts, mas não era ainda propriamente o consagrado ActionScript, as ações do Flash eram simplesmente chamadas de Actions.

O Flash 5.0 trouxe o conceito de ActionScript, mas somente no Flash MX que realmente tornou-se uma linguagem de programação realmente orientada a objetos, robusta e inteligente, (iremos esmiuçar posteriormente todas as classes, operadores,dispositivos, objetos, funções e eventos do ActionScript 2.0, para que vocês possam descobrir o real poder da “programação Flash”.)

Com o auxílio do ActionScript é possível construir scripts eficientes através de componentes de códigos, redefinindo e/ou acrescentando funcionalidades ao ActionScript.

O padrão que o ActionScript segue é o mesmo do JavaScript (ECMA 262), por isso as duas linguagens são tão parecidas.

No mais, ActionScript é uma linguagem de programação que torna possível proporcionar encanto aos espectadores do conteúdo de seu filme Flash….

Quer aprendê-la? Então vamos lá:

Filmes interativos

Para criar filmes interativos no Flash MX, você deverá utilizar o conjunto de scripts chamado ActionScript para designar ações. Essas ações são executadas quando ocorre determinado evento específico no filme, por exemplo, clicar em um botão. Quando o usuário clica no botão necessariamente são executadas as ações pré-definidas para esse botão e disparados eventos e/ou comportamentos no filme. Os scripts devem ser escritos no painel Ações, as ações podem ser para um botão, quadro ou clipe de filme. Este painel oferece uma interface chamada Modo Normal, onde é possível inserir ações básicas, sem ter conhecimento profundo em ActionScript, ou Modo especialista onde você cria seu conjunto de instruções. Essas ações podem ser escritas de maneira única, por exemplo, para informar que em determinado momento a qualidade do filme irá mudar, ou escritas em série e conter declarações de condições, cálculos, etc. Muitas ações são simples e de fácil compreensão, no entanto, existem seqüências de scripts mais complexas e que possibilitam recursos quase que “mágicos”, é claro que para isso será preciso estudar a fundo a linguagem ActionScript 2.0 e conhecer seus artifícios. Listarei abaixo os scripts fundamentais e de fácil compreensão para iniciantes:

gotoAndPlay

Como deve ser usado: gotoAndPlay (cena, frame); onde cena é o nome da cena para onde a reprodução será enviada, e frame é o número do frame para qual o filme será enviado.

Descrição básica desse script: envia a reprodução para o quadro determinado e reproduz a partir desse quadro.

Exemplo:

on (release) {

gotoAndPlay (“index”, 10);

}

Quando o usuário clicar em um botão com essa action o filme será reproduzido na cena index a partir do frame 10.

gotoAndStop

Como deve ser usado: gotoAndStop (cena, frame); onde cena é o nome da cena para onde a reprodução será enviada, e frame é o número do quadro para qual o filme será enviado.

Descrição básica desse script: envia a reprodução para o quadro determinado e a interrompe, se não for determinada uma cena, a reprodução segue para o quadro especificado na cena atual.

Exemplo:

on (release) {

gotoAndStop (10);

}

Quando o usuário clicar no botão que contém essa action o filme irá para o quadro 10 da cena atual (como dito quando a cena não é determinada), e interrompe a reprodução.

nextFrame

Como de vê ser usado: nextFrame ( )

Descrição básica desse script: Envia a reprodução para o próximo quadro e a encerra.

Exemplo:

On (release) {

nextFrame ( );

}

nextScene

Como deve ser usado: nextScene ( )

Descrição básica desse script: envia a reprodução para o Quadro 1 da próxima cena e faz uma interrupção.

Exemplo:

on (release) {

nextScene ( );

}

No exemplo acima quando o usuário clica no botão, a reprodução é enviada para o Quadro 1 da próxima cena.

prevScene

Como deve ser usado: prevScene ( )

Descrição básica desse script: envia a reprodução para o Quadro 1 da cena anterior e faz uma ininterrupção…

Exemplo:

on (release) {

prevScene ( );

}

No exemplo acima quando a ação é executada, a reprodução é enviada para o Quadro 1 da cena anterior.

play

Como deve ser usado:play ( )

Descrição básica desse script: Faz com que a reprodução do filme vá para frente na linha do tempo.

Exemplo:

stop ( );

if (name == “Danilo”) {

play ( );

else {

alert=”Opa! Você não é o Danilo”;

}

Note que o código acima apresenta o if para verificar o valor de um nome que o usuário escreve. Se o usuário escrever “Danilo” a ação play é executada e o filme move-se na linha de tempo. Se o usuário inserir qualquer valor diferente de “Danilo” o filme não é reproduzido e um campo de texto com o nome de variável alert é exibido.

stop

Como deve ser usado: stop ( )

Descrição básica desse script: Encerra a reprodução do filme na linha de tempo. O uso mais comum dessa action é controlar clipes de filme com botões, assim, é amplamente utilizado.

É isso aí pessoal, essa foi a introdução ao estudo do ActionScript 2.0. Na próxima coluna falarei sobre outras actions básicas e falarei sobre alguns métodos do objeto MovieClip.

Até a próxima……Forte abraço ……Danilo Forte =)

Mandem as dúvidas para o e-mail dmirandaforte@yahoo.com.br