Extendendo a classe Tween do Flash

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:

[as]
import mx.transitions.TweenRGB;

var container:MovieClip = this.createEmptyMovieClip(“container”, this.getNextHighestDepth());
var label:TextField = container.createTextField(“label”, 1, 0, 0, 150, 20);
label.text = “Hello World”;

container.onRollOver = function():Void {
var mytween = new TweenRGB(this, “”, Regular.easeInOut, 0x000000, 0xff0000, 3, true);
}
[/as]

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.

 

Pseudo-seletores são legais

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:

input:before { content:" ";}
a:before { content:">";}
a:after { content: " (link externo) "; }
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:

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!

[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.

Read more

 

Monitorando o MSN de uma rede

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).
Read more

 

CSS para preloader de imagem

Pescado do digg:

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(path/to/image1.png);
       background-image: url(path/to/image2.png);
       background-image: url(path/to/image3.png);
       background-image: url(path/to/image4.png);
       background-image: url();
}

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

 

Verificando contas de e-mail POP3 com PHP

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.

Read more

 

CSS: Transparências cross-browser

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

filter:alpha(opacity=25)

Para o flamigerado IE.

-moz-opacity:.25

Usado no browser Mozilla

opacity:.25

Usado no Opera

-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;