Action Man

Google agora irá indexar conteúdos em Flash

Publicado 3 Julho , 2008 ActionScript , Flash , Geral 0 Comentários
Tags: adobe, Flash, google, seo

Ae galera!

Para aqueles que curtem (ou precisam utilizar) SEO, esta é uma ótima notícia.
Como todos sabem, os motores de busca tinham uma certa dificuldade de rankear e indexar páginas feitas inteiramente em flash. Isso causava uma frustação muito grande dos desenvolvedores, que não podiam contar com as técnicas de indexação para manter seu site entre os primeiros no ranking de busca.

Com uma parceria com a Adobe, o Google desenvolveu um algoritmo para “acessar” os dados contidos em arquivos .swf. O fato é que atualmente, somente textos e urls poderão ser indexados, portanto, fique ligado, se quiser que algum conteúdo que esteja unicamente em imagem no seu site em flash seja indexado, atribua um texto e deixe oculto fora do palco.

Acho que isso foi um grande passo, mas ainda tem muita coisa para melhorar, pois imaginem a quantidade de conteúdo indesejável não será indexado com esse esquema? E quando criamos conteúdo dinâmico, como textos e links através de attachMovie, puxando de xml, ou até mesmo de vetores dentro do flash?

Mas já tá valendo muito essa tecnologia.

Segue alguns links (em inglês):

http://www.readwriteweb.com/archives/adobe_makes_flash_searchable.php

http://searchengineland.com/080701-000002.php

Niceforms - Mudando a cara dos seus formulários

Publicado 26 Junho , 2008 Javascript/CSS/HTML 0 Comentários
Tags: checkbox, combobox, css, form, formulários, input, radio, replacement, select

Galera.

Esse código que o badboy.media.design (Lucian Slatineanu) criou é muito massa. Dá pra mudar a cara dos formulários, e não deixar só aquela coisa “dura” dos forms padrões do ie e ff. Os efeitos superam o que a gente consegue com css, já que podemos aplicar imagens de fundo nos inputs e selects da vida…

É muito fácil de aplicar:

1º - Salve a pasta images que vem no .zip no seu site.
2º - Coloque o seguinte código no <head> do seu html:
<script language=”javascript” type=”text/javascript” src=”niceforms.js”></script>
<style type=”text/css” media=”screen”>@import url(niceforms-default.css);</style>

3º - Aplique a classe niceforms no seu formulário, adicionando o seguinte parâmetro na tag <form>:
class=”niceform”

Veja um exemplo
Faça o download

Colocando Ações Em Vários Menus de Forma Dinâmica

Publicado 26 Junho , 2008 ActionScript 0 Comentários
Tags: ActionScript, botões, matriz

Falae povo.

Com base neste post, vamos agora aprender a colocar ações em vários menus de uma vez só.
Isso é muito útil para quando temos que fazer um menu de uma página, com vários itens.

É uma técnica simples, mas muito útil, e poupa um tempo danado. E é aquilo, quanto mais eu vivo, mais eu vejo gente que não conhece essas técnicas básicas de flash..rsrsr (sem ofensas).

A técnica é feita através de um loop que coloca as ações nos botões, que tem que estar renomeados de maneira ordenada (n1, n2, n3 …. nx).

Vamos tomar um menu com 4 botões. Vamos instanciá-los como botao1, botao2, botao3 e botao4.

No frame onde vc colocou os mcs, coloque o seguinte código:

var menuAtivo; // menuativo
var qtdMenu = 4; // qtd de menus
var Links:Array = new Array(”http://www.google.com.br”, “http://www.magazineluiza.com.br”, “http://www.imasters.com.br”, “http://www.thefwa.com”); //links
//loop para colocar os botões
for (i=1; i<=qtdMenu; i++) {
var clip = this["botao"+i];
clip.numArray = i;
//ação de clique
clip.onRelease = function() {
//volta o menu que está ativo
this._parent["botao"+menuAtivo].gotoAndPlay(”rollout”);
//seta o novo menu ativo com esse botão
menuAtivo = this.numArray;
//aciona o link atraves da matriz Links
getURL(Links[this.numArray-1], “_blank”);
};
//ação de rollover
clip.onRollOver = function() {
//se não for o ativo, faz a ação
if(menuAtivo!=this.numArray){
this.gotoAndPlay(”rollover”);
}
};
//ação de rollout
clip.onRollOut = function() {
//se não for o ativo, faz a ação
if(menuAtivo!=this.numArray){
this.gotoAndPlay(”rollout”);
}
};
}

O código está todo comentado.
Baixe o exemplo aqui.

Abolindo os botões no Flash - Utilizando MovieClips

Publicado 28 Maio , 2008 Javascript/CSS/HTML 1 Comentário
Tags: ActionScript, botão, handler, movieclip, onRelease, onRollOut, onRollOver

Pessoal.

Galera. Para que ainda utiliza AS2, Flash8. Vamos acabar com a mania de utilizar botões para …. botões!
Caso não saiba do que estou falando, deve estar pensando que estou ficando doido né.
Mas vou explicar.

A partir do AS3, Flash9, não se é mais permitido colocar actions diretamente nos objetos, como exemplo os botões. Antes disso (não sei desde quando), era opcional. E eu adoto essa técnica a bastante tempo, por ser mais prática, e mais maleável na questão de animação de botões.

Tudo se consiste em criar um MovieClip com animação de botão rollover e rollout. E a partir deste mc, atribuir um handler dos eventos com suas respectivas funções.

Vamos a prática:
1º Crie um arquivo novo (Flash8–).

2º Crie um movieclip. Nele, crie o primeiro frame com o estado do botão parado. Após, faça animações para rollover e rollout, com o primeiro frame de cada nomeado respectivamente, e um gotoAndStop(1) no fim da animação do rollout e um stop no fim da animação do rollover.

3º Coloque seu MovieClip no palco, instancie-o como meuMc. Na guia actions, cole o seguinte código:

meuMc.onRelease = function(){

trace(”clicado”);

}

meuMc.onRollOver = function(){

this.gotoAndPlay(”rollover”);

}

meuMc.onRollOut = function(){

this.gotoAndPlay(”rollout”);

}

Qual o segredo?
Nenhum! Simplesmente atribuimos uma função ao handler de cada movieclip. Podemos utilizar os seguintes handlers:

onPress - Ao clicar no mc
onRelease - Ao clicar e soltar o botão do mouse dentro do mc
onReleaseOutsite - Ao pressionar e soltar o botão do mouse fora do mc
onRollOver - Ao passar o mouse dentro do mc
onRollOut - Ao passar o mouse fora do mc
onLoad - Ao carregar o mc
onEnterFrame - Toda vez que ler um frame do mc (loop)
onDragOver - Ao pressinar o botão do mouse e arrastar fora e voltar para dentro (sem soltar)
onDragOut - Ao pressionar o botão do mouse e arrastar para fora do mc (sem soltar)
onMouseDown - Ao pressionar o botão do mouse no mc(igual a onPress)
onMouseUp - Ao pressionar e soltar o botão do mouse no mc (igual a onRelease)
onMouseMove - Ao mover o mouse
onUnload - Ao mc sair da timeline (no proximo frame)

É isso aí galera. Pra quem já sabe é bem simples, e bem útil pra quem não utiliza esta técnica.
Baixe um exemplo aqui.

Sites “Fera” em Flash - 01

Publicado 13 Maio , 2008 Flash 2 Comentários
Tags: Flash, legais, muito bons, sites

Galera.
Vou postar aqui alguns sites que eu acho magníficos e feitos em flash.
Neles dá pra tirar a receita de que o futuro de bons sites feitos em flash combinam várias tecnologias no player: 3d + vídeo + actionscript.
Mas isso não tira o mérito dos sites que utilizam basicamente vetores, e tbm são muito bons.

Get the Glass
A Campanha “got milk?” foi criada por uma agência de publicidade norte-americana para incentivar o consumo de leite bovino no país. E este advergame magnífico faz parte de todo o esquema. Ganhou o prêmio Syte of the Year do FWA.

Continue lendo ‘Sites “Fera” em Flash - 01′

Sombra em CSS + Javascript

Publicado 13 Maio , 2008 Javascript/CSS/HTML 0 Comentários
Tags: css, javascript, shadow, sombra

Salve galera!

Estou aí de novo. Meio sumido, mas de volta!
Vou postar aqui um código que utiliza CSS + Javascript para dar sombra em texto, div e parágrafo.

O autor do código é Michael Burt, o seu código está disponível em:
http://www.dynamicdrive.com/style/csslibrary/item/css-gradient-shadow/

Também vale a pena já dar uma olhada neste site de onde está o código, muito legal.

Baixe o arquivo aqui.

Construtor de Sites em Flash Online

Publicado 6 Abril , 2008 Flash 1 Comentário
Tags: builder, contrutor, Flash

Magnífico este sistema aqui.
Vc cria seu site em flash, com multimídia e mais, tudo online!
Vale a pena conferir.

http://sproutbuilder.com/

Cogmap - Construtor de organogramas organizacionais online

Publicado 5 Abril , 2008 Flash 0 Comentários
Tags: construtor, Flash, organograma

Conheçam o cogMag, um construtor de organogramas organizacionais feito tudo online:

http://www.cogmap.com/

Preloader com animação

Publicado 31 Março , 2008 ActionScript 0 Comentários
Tags: ActionScript, animação, carregamento, preloader

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.

Panorama em Papervision 3D

Publicado 28 Março , 2008 ActionScript 0 Comentários
Tags: 3d no flash, panorama, papervision

É impressionante o que se pode fazer como Papervision.
E enquanto uma engine openGL não chega ao flash, isto é uma apimentada nas experimentações 3d dentro do plugin.

Confira:
http://www.papervision3d.org/demos/panorama/

Próxima Página »