Extendendo a classe Tween do Flash

10 de junho de 2008 ~ 1 comentário ~ Tags:, ,

A cada trabalho que volto ao Actionscript, me deparo com soluções interessantíssimas para problemas comuns. Esse post falar sobre classes de transição

Color Tween

A classe Tween é responsável por fazer transições de objetos do Flash. Entre essas transições estão mudanças nos eixos, na largura, na altura e na opacidade de objetos, não existindo transições entre cores. Existem alguns protótipos para isso, mas a melhor solução que encontrei foi usar a classe TweenColor, que extende a classe padrão encontrada no Flash.

Para usá-la, basta copiar o pacote, instalar (via Extension Manager) e começar a usar. Um rápido exemplo funcional:

  1. import mx.transitions.TweenRGB;
  2.  
  3. var container:MovieClip = this.createEmptyMovieClip("container", this.getNextHighestDepth());
  4. var label:TextField = container.createTextField("label", 1, 0, 0, 150, 20);
  5. label.text = "Hello World";
  6.  
  7. container.onRollOver = function():Void {
  8.     var mytween = new TweenRGB(this, "", Regular.easeInOut, 0x000000, 0xff0000, 3, true);
  9. }

Tween Extended

A classe Tween Extended multiplica as possibilidades de se usar a classe Tween padrão. Como a Color Tween, ela também permite a transição entre cores e além disso, possibilita passar de uma só vez, múltiplos parâmetros (_x, _y, _alpha, _width, _height, _xscale, _yscale e _rotation) para um Tween de um objeto.

O Leonardo França e o Erick Sousa já explicaram o funcionamento dessa classe.

Outras classes de transição

Antes de surgir a classe Tween (Flash 2004 – Actionscript 2), surgiram outras classes interessantes para transição. Uma é a MC Tween 2, do brasileiro Zeh Fernando e a outra é lazo. Para ambas, basta copiar e instalar a extensão e começar a usar.


Acessando seu PC Windows pelo Mac OS

28 de outubro de 2006 ~ Comente! ~ Tags:, ,

Esse artigo ensina como logar em sua máquina com Windows a partir do Mac OS. Em redes locais isso é muito prático. O software que iremos utilizar é o Remote Desktop Connection (RDC). Faça o download do software (eu escolhi a versão em .bin) e vamos lá.

Continue lendo →


Pseudo-seletores são legais

28 de outubro de 2006 ~ Comente! ~ Tags:, ,

Todo mundo lembra do pseudo-seletor :hover, quando quer fazer um simples efeito rollover em um link. Well, o que pouco sabe é que existe outros dois seletores muito bacanas: o :after e o :before.

Veja o exemplos:

  1. input:before { content:" ";}
  2. a:before { content:">";}
  3. a:after { content: " (link externo) "; }
  4. a:after { content: " (" attr(href) ")";  }

O primeiro exemplo coloca um espaço (entidade  ) antes do conteúdo do botão. O segundo exemplo, coloca um marcador para cada link. Já o terceiro exemplo adiciona o texto “link externo” a todo link da página. Bem, e a última linha? Note o uso do attr(href). O que ele faz é simplesmente retornar o valor href do tag a. Ao invés do attr(href), você também pode usar outros atributos. Veja esse exemplo:

  1. img:before { content: "Descrição da imagem: " attr(alt) }

Toda imagem será antecidida de: Descrição da imagem: (valor do atributo da imagem)


Rádio online é moleza!

23 de junho de 2006 ~ 201 comentários ~ Tags:, ,

[update] Esse artigo foi escrito em 2006 e atualmente pode não ser a melhor opção para streaming.

Escrevi esse artigo no começo do ano para explicar como ocorre a transmissão de áudio para a Internet. (Nas minhas férias de faculdade – mês que vem – vou refazer esse artigo e aproveitar que tenho 2 micros em casa agora)Utilizaremos o SHOUTcast, que é livre e funciona em vários sistemas operacionais. É uma solução pequena, mais interessantíssima.

Continue lendo →


Monitorando o MSN de uma rede

28 de maio de 2006 ~ 63 comentários ~ Tags:, ,

Esse artigo não tem tanto a ver com esse site, mas pode ajudar muitos admistradores de rede Linux.

O uso do MSN desenfreado pode acabar com a produtividade do trabalho em uma empresa, por exemplo. Aonde eu trabalho, implementamos uma solução interessante: um sniffer, que gera relatórios das conversas dos funcionários (o que não é tão ético assim) e que está instalado em nosso servidor de Internet (rodando Slackware Linux).
Continue lendo →


CSS para preloader de imagem

23 de abril de 2006 ~ Comente! ~ Tags:,

Pescado do digg:

  1. #preloadedImages {
  2.        width: 0px;
  3.        height: 0px;
  4.        display: inline;
  5.        background-image: url(path/to/image1.png);
  6.        background-image: url(path/to/image2.png);
  7.        background-image: url(path/to/image3.png);
  8.        background-image: url(path/to/image4.png);
  9.        background-image: url();
  10. }

Depois de configurar o CSS, basta chamar uma div, com seu respectivo id.


Verificando contas de e-mail POP3 com PHP

20 de março de 2006 ~ 3 comentários ~ Tags:, ,

Escrevi uma funçãozinha que verifica a existência de emails (e informações adicionais como: assunto, remetente e data) de contas POP3, em PHP. O código está abaixo.

Na próxima semana, postarei uma revisão desse código. A próxima versão implementará uso de CSS e Javascript, para uma interface mais interativa.

Continue lendo →


CSS: Transparências cross-browser

9 de fevereiro de 2006 ~ Comente! ~ Tags:,

Existem formas distintas para fazer efeitos de transparência, via CSS. Cada browser reconhece um atributo nas folhas de estilo. Vamos lá então:

  1. filter:alpha(opacity=25)

Para o flamigerado IE.

  1. -moz-opacity:.25

Usado no browser Mozilla

  1. opacity:.25

Usado no Opera

  1. -khtml-opacity:.25

Usado em navegadores com engine KHTML (Safari e Konqueror)

Para o Internet Explorer, os valores variam entre 0 a 100. Para os outros browsers, variam entre 0 e 1.
[update] O Opera, não sei porque cargas d’água, não suporta transparência;


Últimos textos do blog

Tagcloud

abraweb acadêmico actionscript ajax apache apple arteccom asp autosimulado backup benchmark beta bh blogosfera bookmarklet bookmarklets brasil browser censura chrome chucknorris cms codestacker concurso crítica css dashboard deployment desenvolvimento design dicas divinópolis dotmac download dreamhost economia editor empreendedorismo empreendorismo encontro estatísticas extreme programming feedburner firefox fireworks flash flickr ftp game git globo gmail golive google greasemonkey guerrilha hack host howto htaccess html humor ie inss internet banking iphone ipod is® javascript jquery layout leopard linux listas live locomotive mac meme microsoft miguxês minasonrails mod_rails mp3 msn mysql off tropic opensocial opera orkut oscommerce parser passenger pc personalidade pesquisa php plugin plugins pog portfolio produtividade publicidade rails raspberry refurbished regex resenha review ria rss ruby rádio safari sandbox screencast screensaver script.aculo.us seo shoutcast silverlight software spam startup stevejobs subversion suporte swf switch são paulo teste textmate trabalho tumblelog tumblr tutorial twitter ui uml usabilidade validação viral wallop web2.0 webalizer webdesign webdevelopment webkit webmail webmobile webobjects webstandards windows wordpress xml yahoo youtube

Veja todos os textos →