[Curso]Aula 001 - 23/02/09 - Modo básico

Efeito Typewriter

Introdução

Provavelmente devem já ter visto vários exemplos
de diferentes tipos de efeitos de máquina de escrever, criados
em Flash. Este trata-se de um tutorial que vos tentará ensinar
como criar este efeito de uma forma simples, e principalmente pouco pesada.




Downloads:
Exemplo - Ficheiro .fla


Primeiro Passo:

Como já poderão ter notado na imagem acima incluída
– necessitaremos de 3 frames para criar este nosso efeito. Foi optado
por separar por layers diferentes, as actions, os buttons e o text, mas
isto é meramente por uma questão de estrutura. Criem uma
caixa de texto dinâmica, e atribuam-lhe o nome ‘textbox’.
Isto deverá prolongar-se pelas 3 frames.
Segundo Passo:
Estamos então prontos para criar as acções que permitam
que isto tudo funcione:
§Na frame 1 da layer actions, iremos definir o texto que desejamos
que venha a aparecer. Usem “\n”, sempre que necessitarem de
criar uma nova linha. A frame 1 contém as seguintes acções:

q=1;
text=”Aqui escreve-se o texto que se pretende”;
stop();

Na frame 2 verifica se todos os caracteres foram dispostos, se não
o tiver feito leva um número Q de caracteres desde o início
da nossa string e dispõe no campo de texto. A frame 2 contém
as seguintes acções:

if (q < text.length) {
textbox = text.substring(0, q);
q++
} else {
textbox = text;
gotoAndStop(1);
}

A frame 3 é somente uma frame para criar um loop. Para tal efeito,
a frame 3 contém a seguinte acção:

gotoAndPlay(2);

Terceiro Passo:
Criem um botão, na frame 1 da layer button, e coloquem-no na
vossa stage. Este botão deverá accionar o efeito da máquina
de escrever, tendo para isso um pequeno código associado a este
botão (cliquem com o botão direito do rato sobre o botão
criado e escolham a opção de Actions).
O botão contém as seguintes acções:

on (release) {
play();
}

Desta forma simples e eficaz, se consegue criar um efeito de máquina
de escrever.

Espero ter ter levado o entendimento à voces, se tiverem alguma duvida, nao hesitem em utilizar do topico para questionar.

e eu q sempre fiz esse efeito manualmente, editando quadro por quadro...

Obs: tem um site muito bom para ver esse tipo de aula(não só para Flash):
http://imasters.uol.com.br/

só lembrando: se quiser usar mais de um texto, pode usar outro nome além de "textbox", é só mudar no campo "var" e no script.

Essa aula...serviu para ....isto...criar um maquina de escrever???

O.o

um efeito de maquina de escrever..

as letras na tela vao aparecendo como se alguem tivesse digitando..
sacou?

baixa o ficheiro de exemplo q deixei la em cima pra ver..

Baixei.
Estou com o Macromedia Flash MX

No seu arquivo deu...formato de arquivo..inesperado.

sim, se voce quizer abrir pra editar tem q ir em importar..

uma coisa chata no flash é que voce nao edita arquivos baixados na net direito, é muito dificil passar ele pro flash, portanto, a maioria dos templates nem da pra usar =/


pra vc visualizar o ficheiro vc abre ele como .swf

Nossa, eu tou começando a mecher no flash agora, tentei fazer a Aula 2 primeiro e me ferrei! A bola de fogo na verdade ficava piscando no centro da tela de 4 em 4 segundos, e dps tentei fazer esse aqui e o texto q escrevi só ficava em simbolos como esse ♫♫♫♫♫♫ ♫♫ ♫♫♫♫♫ ♫♫♫ piscando de um lado e de outro...

Acho q n foi um bom começo =x

Jait, vc colocou o texto entre aspas?
Se não colocou, isso explica o ♫♫♫♫♫♫♫♫♫♫♫♫.

e na parte do fogo, eu nao entendi o que aconteceu... se quiser, coloque o arquivo no rapidshare, que eu posso olhar.

Ainda nem mexi...lotado de coisa pra fazer =/

ainda com o mapa do jait ¬¬¨

Mas estou ae ^^

creio que o video dele esteja acabando e repetindo desde o inicio
por isso deve ficar piscando..

Granpettit escreveu:

creio que o video dele esteja acabando e repetindo desde o inicio
por isso deve ficar piscando..

pode ser, mas e aquele "gotoAndPlay (1)" se ele foi feito certo, não deveria ir até o final do vídeo mesmo que tenham quadros a mais depois.

mais uma coisa que achei, se trocar o script do terceiro quadro por:

Código:

x = Math.random();
if(x>0.5){
    gotoAndPlay(2);
}
else{
    Play();
}

adicionar mais dois keyframes na camada da açoẽs e mas dois quadros nas outras

e no último quadro das ações colocar:

Código:

gotoAndPlay(3);

a velocidade da escrita será irregular, parecendo mais real.

obs: aquele número na segunda linha pode ser trocado, por qq coisa entre 0 e 1, sendo que um número menor dá uma escrita mais rápida e regular, e um número maior faz o oposto.
Assim, acho que se for usar isso, é melhor aumentar o FPS, pois a escrita fica um pouco mais lenta.

dae marlon..

to sem tempo total de ficar postando tutoriaisinhos aki..
queria te pedir o favor de vc postar tmb...

pode ser?
tu entende e ia ser bom pra mim tmb..
dae quando eu puder eu posto tambem..
eu e voce postando ia dar um volume maior de tuto tmb

vou fazer um, começar pelo básico, com animações.