guindex » Flash

Animação de texto dinâmico em AS3

guindex — Thu, 11 Mar 2010 23:58:22 +0000

Yo! Que saudade daqui, eu sei que “fechei oficialmente” o blog, mas é que eu não podia deixar de escrever o que tenho passado os últimos mêses. Vou direto ao ponto.

TextAnim é uma classe para animação de texto dinâmico em Flash – ActionScript 3. É baseada em eventos, não possui tween, apenas quebra o texto em blocos (letras, palavras ou linhas) fazendo com que cada bloco seja um Sprite, depois disso ela dispara esses blocos na sequência e intervalo definidos. Você só precisa passar um TextField com a fonte embedada e dizer qual efeito (function) quer aplicar. Veja um rápido exemplo: [Download do exemplo com código]

Criando uma instância de TextAnim:

1
2
3

import flupie.textanim.*;

var myTextAnim:TextAnim = new TextAnim(myTextField);

Nesse trexo de código, eu apenas crio uma instância passando um TextField no construtor, é precisso garantir que o embed da fonte esteja aplicado. Depois disso você pode especificar algumas propriedades, como por exemplo:

1
2
3
4

myTextAnim.text = "DYNAMIC TEXT ANIMATION";
myTextAnim.interval = 40;
myTextAnim.effects = myEffectFunction;
myTextAnim.start();

Aqui definimos que a TextAnim irá disparar os blocks num intervalo de 40ms, chamando a função myEffectFunction, que receberá um block como parâmetro, do tipo TextAnimBlock:

1
2
3
4
5

function myEffectFunction(block:TextAnimBlock):void {
block.alpha = 0;
block.y = block.posY + 20;
Tweener.addTween(block, {alpha:1, y:block.posY, time:.5});
}

Aqui é onde tudo acontece, no método que será o efeito é necessário receber o block, isso representa cada pedaço do texto, sendo do tipo TextAnimBlock, um TextAnimBlock é bastante importante porque tem algumas propriedades para conseguirmos fazer os efeitos. A TextAnim não se importa com o efeito em si, isso fica por sua conta, é possível criar qualquer coisa.

Todo block (TextAnimBlock) tem as propriedades posX e posY que guardam a real posição (x, y) do block de texto, independente do alinhamento, tamanho e espaçamento de letras, com isso é possível jogar os blocos de texto pra qualquer lugar e depois tweenar de volta. Como a TextAnim não movimenta os blocos, ou seja, não tem engine de tween embutida, você pode usar qualquer uma, dependendo do que você quiser fazer.

Tem sido muito útil pra gente e espero que ajude, se tiver qualquer dúvida pode pegar a documentação (em inglês) e também o gerador de código, chamado TextAnim Maker.

Oficialmente fechado

guindex — Mon, 15 Jun 2009 02:57:32 +0000

Para conseguir escrever este post eu precisei passar um tempo lendo os posts antigos, pra saber como eu escrevia, passou tanto tempo que eu não sei mais o que queria com o blog, acho que é o de sempre, mas isso não vem ao caso.

A verdade é que venho por meio deste oficializar o fechamento do blog por consequência da FormUp também, o código era mantido só por mim, e desde o lançamento eu nunca mais mexi. A parte legal dessa história foi poder ajudar o pessoal a montar seus formulários em Flash por aê, todos e-mails, comentários, fóruns etc, é realmente prazeroso participar de um treco desses.

Uia! Acabei de me dar conta, no mês de maio agora fez exatamente 2 anos que publiquei este blog. Eu tenho planos *secretos* de voltar a escrever, com foco em coisas mais decorrentes/genéricas, continuo trabalhando com coisas em Flash e outras diversões com códigos e animações talvez encontre alguma motivação.

Já deve ter feito 1 ano ou mais que saí da Mkt Virtual. Trabalhei lá por 2 anos e pouco (até perguntei pra Xanda pra ter certeza), foi lá que comecei a perceber que formulários em flash eram uma zona. Achei realmente que poderia ajudar a dar um jeito nisso, e comecei a escrever a classe em AS2 na época, depois daquilo eu nunca mais me senti tão produtivo eu acho. Passei madrugadas junto com Rodrigo Moyle tentando achar melhor solução pra cada coisa, foi maior tempo bom aquele.

Mas o tempo passou e hoje eu já não acredito mais em formulários em Flash, na verdade desde aquele tempo já tinhamos discussões enormes, no fundo não fazia muito sentido, sendo bem extremista, hoje, se você precisa de um *formulário* em seu site em Flash, alguma coisa começou errada. Não estou falando em um formzinho com três campos de texto, ou um form de contato coisa rápida… Estou falando de um Sr. Formulário como eu mesmo acabei fazendo muitos e muitos por aí. Hoje é bem claro pra mim que, formulários com combo, upload, lists, options, checks e blablabla são um erro no Flash.

Não existe um jeito razoável de se produzir elementos de um form em Flash garantindo perfomace e usabilidade independente do layout. A grande verdade é que elementos padrão de formulário em HTML não existem atoa, você no muito dá uma formatada com CSS, poem uma validação bonita em Javascript, mas é aquilo, feito pra isso, funciona, tem uma série de recursos do browser que tornam um form em HTML mais saudável, de qualquer outro jeito é forçar a barra. O Player do Flash simplismente não foi feito pra isso, não importa se é Flex ou Catalyst está longe de ser algo prático e funcional, tanto para quem desenvolve quanto para o usuário (dá pra falar muito mal do flash nesse sentido, melhor parar por aqui). Mas ainda sim pequenos forms são aceitáveis em Flash.

De lá pra cá (já faz mas de 1 ano também) estou trabalhando na Gringo, onde deixei de fato essa história de forms em Flash de lado. Cheguei a escrever a versão em AS3 da FormUp, mas no meio do caminho eu percebia a necessidade de implentar features que me deprimiam, deixei de lado e passei a fazer coisas que o Flash se propoem a fazer desde o começo, coisas que o Flash *sabe* fazer, coisas visuais simples, efeitos, sons, vídeos e etc… A bricadeira fica muito mais natural e menos sacrificante. Reiventar a roda cansa.

É a forma de agradecer à todos que, de alguma forma, fizeram parte disso: Rodrigo Moyle, Thatiana Alipio, Danilo Costa, Lisandra Barros, Gabriel Caires, Maurício Matias e Ludmilla Rossi. E a toda galera que baixou, testou, usou e continua usando até hoje a FormUp. Essa é a alegria!

Eu realmente estava precisando fazer esse desabafo, vou seguindo tranquilo agora! =)

Onde está a FormUp?

guindex — Tue, 25 Mar 2008 02:46:46 +0000

Depois de um bom tempo sumido de posts, (mas respondendo a todos os e-mails e comentários), voltei. Tive um “começo” de ano (já é quase abril) bem tranquilo, ou quase, mas eu tava aqui pensando respondendo algumas dúvidas conversando com o pessoal que anda usando a classe para formulário em flash eu resolvi oficializar a lista de sites que usam a classe em algum lugar, já que muitos me perguntam aí vai a lista que tenho:

Me ajudem com a lista, comentem com o site que publicou o projeto, aí eu agrego a lista.

700 downloads da FormUp Class – Formulário em Flash

guindex — Tue, 27 Nov 2007 03:45:40 +0000

Estou muito feliz pela quatidade de pessoas usando classe, é extremamente motivador, parei de portar para AS3, eu realmente fiquei sem tempo nos últimos mêses, mas quero pegar para finalizar.

Eu resolvi achar um tempo para compartilhar (conheci uma cara um dia, que me disse: “Na vida a gente só arruma tempo para aquilo que a gente ama”) a verdade, é que eu fico deslumbrado com o mundo OPEN, é realmente muito bom, um sujeito monta uma coisa que pode ser útil e imediatamente e compartilha com todos e é assim que a coisa vai. Conheço e uso diariamente uma porrada de códigos, classes, frameworks blablabla… tudo de graça, e isso aumenta muito minha produtividade.

Conversando com o Fofo e com Moyle (galera do trabalho) agora a noite, eu fiquei refletindo que ganhamos muito tempo usando uma porção de ferramentas que não pagamos 1 dolar por elas, nada. Sem contar que quando você publica algo o treco evolui naturalmente conforme o feedback de outros programadores etc.

Deixo aberto aqui pra toda galera que baixou, testou e publicou projeto com a classe, mandem sugestões, qualquer que seja, deixa seu comentário. Não vejo a hora de lançar uma nova versão, se tiverem algo, mandem!

Ruby on Rails e minha alegria!

guindex — Tue, 21 Aug 2007 04:40:17 +0000

Faz tempo, alias não sou velho, mas me senti como era bem no começo onde vi as primeiras linhas de Clipper 5 fazendo as coisas acontecerem… @say 1,1 e eu me divertia. Mas nesse final de semana parece que aquela alegria voltou, não sei exatamente porque, mas Programar em RoR é uma das coisas mais divertidas que já fiz com computador. Não que eu esteja comparando Ruby a Clippper (!) mas sim, a minha alegria de programar somente. Por hora não vou falar mal de Java, faço isso em relação conjugal diariamente, acredite.

Passei boa parte dos últimos tempos mergulhado em AS e PHP, por conta dos jobs do dia-a-dia, alias PHP é sem dúvidas meu primeiro amor, ele resolve meus problemas, e trabalhar com CakePHP então, é outro planeta. O Flash é um universo tão fascinante que vou poupar meus comentários, a ideia de difundir conhecimento sempre me cativou, a FormUp é prova disso, e também uma série de outras coisas que ainda pretendo publicar.

Mas por fim agradeço a Yukihiro Matsumoto, David Heinemeier e Fábio Akita, vamos ouvir falar muito nesses caras ainda. Vou voltar pra minha diversão e até a próxima divina expiração.

Radio e check em Flash

guindex — Tue, 26 Jun 2007 04:38:44 +0000

Subi ontem mais um tutorial pra explorar o uso da FormUp. Dessa vêz explicando como trabalhar com radio e check em formulários em flash.

A idéia da class, de um modo geral, é optmizar o processo de criação dos forms, com o foco em suas animações efeitos etc. Para trabalhar com botões de opção (radio e check). Basta definir o nome do grupo e o tipo. Todos os filhos desse grupo serão reconhecidos pela class e ela vai controlar seus eventos de onRelease.

Faça o teste com esse tutorial, ele envia por e-mail as informações postadas. Grupos de checks são enviados em um único campo com seus valores separados por vírgula.

Se tiver dificuldade, comenta pra gente conversar.

Como fazer upload de arquivo em Flash

guindex — Fri, 22 Jun 2007 04:42:23 +0000

Publiquei o pouco um tutorial de upload de arquivo em Flash com a versão 2.0 da classe FormUp. É um trosso simples que dá pra explorar bastante.

Detalhes:

A nova versão da classe nos permite faz upload de um jeito bem limpo, com os eventos bem separados e com a boa e velha liberdade de criação e animação do Flash.

Estou preparando um tutorial de FormAmfUp, que também é uma novidade da class, para trabalharmos com AMFPHP. Se tiverem problemas com o tutorial de upload postem aqui pra gente resolver.

Abraços…

Nova versão da class FormUp [2.0]

guindex — Wed, 20 Jun 2007 04:44:04 +0000

Depois de alguns dias escrevendo a documentação [aff.] Acho que ficou pronta, agora podemos partir para a bateria de testes. FormUp class foi parcialmente reescrita, e sua sintaxe foi bruscamente modificada.

Se você já tinha entendido, esqueça, as coisas mudaram. O bom é que mudaram pra melhor, acredito ter ficado mais fácil de organizar o código, e mais claro a funcionalidade das propriedades.

Toda a documentação está postada no googlecode (que por sinal sempre dá um erro na hora de salvar uma modificação), mas por enquanto só postei um exemplo da versão 2.0 (vou providenciar).

Os formulários em Flash com FormUp agora poderão fazer upload de arquivos, através do fType:’file’ e as propriedade _arrayFileType e _callBackFile, implementado para esta nova versão.

É possível usar nossas classes em PHP através do AMFPHP com a classe FormAmfUp, também implementada para esta nova versão da FormUp.

Não vou manter o site antigo atualizado, postarei as novidades apenas aqui e no googlecode.

FormUp 2.0 [download]

Se tiverem dúvidas, podem postar!

Formulário em Flash

guindex — Thu, 24 May 2007 17:00:50 +0000

Algum tempo publiquei uma classe que escrevi em actionscript 2 para criar formulários em flash de uma maneira mais fácil, rápida em sem muitos erros, pelo menos era minha idéia. Deixei um tempo no ar, recebi alguns e-mails e o resutado foi bem bacana, mas acabei percebendo algumas falhas… coisas que à deixavam difícil de usar.

Resolvi recomeçar, pq se a idéia era ajudar, acho que acabei deixando a coisa um pouco mais confusa. Na verdade a parte mais difícil de torná-la fácil era documentar, por isso criei o blog. Aqui eu me sinto mais à vontade para falar e interagir com que está usando e td mais.

Como um clássico primeiro post, quero esclarecer algumas coisas: Esse além de ser o blog da class é também o meu canto pra postar as coisas que estudo as novidades que vejo e coisas sobre Flash e 3d, que é onde eu tenho passado meus dias. Então é só esperar um pouco, vou continuar escrevendo tutoriais e exemplos pra publicar a versão final.

Já vou adiantar as novidades:

Validação de formulário
Liberdade na criação e animação
Upload de arquivos
Suporte a AMFPHP (forms que trabalham direto com AMFPHP)
E mais um monte de opções pra deixar a coisa ~~divertida~~ séria.

Por enquanto visite o site da versão antiga para ter uma idéia melhor.