Post tageado como animação

Elf Yourself

elfyourself

Falae.

Já virou tradição a animação dos amigos elfos dançando freneticamente alguns passos hilariantes para o natal.
Este ano, existem algumas novidades, como baixar o vídeo, escolher entre 4 tipos de dança e até baixar o vídeo.
Visando rentabilidade, a OfficeMax dá a opção de comprar alguns “presentes” personalizados com os seus amigos elfos. A criação é da JibJab Media.

Vale a pena conferir:
http://www.elfyourself.com/

, , ,

Sem Comentários

Preloader com animação

Galera.

Esse lance é bem legal. Alguém já deve ter visto na net aqueles preloaders bem legais, que conforme o site vai carregando, a animação vai rolando.
Fiz este exemplo, com uma bolinha indo da direita pra esquerda, conforme o filme carrega, a animação vai sendo executada.

A animação da bolinha tem 100 frames, o que facilita o entendimento frames/carregamento. É bem simples, mas quem tiver um tempinho, dá pra trabalhar legal em uma animação.

O código é basicamente este:

//variáveis//##########################################//
// PRELOADER COM ANIMAÇÃO
// VERSÃO: 1.0 – 31/03/2008
// DESENVOLVIDO POR: Weverton Naves (
tom.naves@gmail.com) (http://wevertonn.wordpress.com)
//##########################################//
//para a animação
anim.stop();
//cria as classes
var mcLoader:MovieClipLoader = new MovieClipLoader();
var list:Object = new Object();
//listener de progresso
list.onLoadProgress = function(alvo:MovieClip, loadedBytes:Number,TotalBytes:Number){
//pega a porcentagem dos frames da animação
var pctAnim = Math.floor(anim._totalframes)/100;
//pega a porcentagem de carregamento
pct = Math.floor((loadedBytes / TotalBytes) * 100);
//poe a animação na porcentagem
anim.gotoAndStop(pctAnim*pct);
}
//adiciona listener
mcLoader.addListener(list);
//carrega imagem
mcLoader.loadClip(“imagem.jpg”,alvo);
//para
stop();

Baixe os arquivos aqui.

, , ,

2 Comentários