Arquivo de etiquetas: action

Básico Flash preloader

Este tutorial mostra como criar um preloader em flash com actionscript 3, para que quando você carregar arquivos seus usuários podem ter algumas indicações sobre o processo de carregamento do arquivo.

O preloader vai carregar um arquivo externo swf.

1. Crie um novo arquivo flash (ActionScript 3.0) e salve-o como simple_preloader.fla.

2. Faça a cor de fundo do palco preto e definir a taxa de quadros a 30fps. Deixe o tamanho do documento 550 × 400 pixels. (Este tamanho deve corresponder ao tamanho do conteúdo que você irá carregar).

3. Insira 2 novas camadas de modo que temos agora 3 camadas.
A um nome no topo “acções”, fecha-a agora, o segundo nome ‘texto’ e na parte inferior a um “bar”.

1

4. Selecione o texto camada, pegue a Ferramenta de Texto e na propriedade inspector definir o tipo de texto dinâmico e definir a fonte eo tamanho propriedades que desejar. Position the text in the middle of the stage and give it an instance name of percent. Posicione o texto no meio do palco e dar a ele um nome de instância por cento.

2

5. Selecione a camada bar e tomar as Rectangle Tool.
No seu conjunto propriedade inspector para nenhum acidente vascular cerebral e definir a sua cor vermelha. Posicione o retângulo abaixo do texto sobre o estádio e torná-lo 300 × 15 pixels.
Selecione o retângulo e convertê-lo em um clipe de filme, pressionando F8. Defina o seu nome para mcBar, o seu tipo de MovieClip e apontam para o registo superior esquerdo e clique em OK.

Com o retângulo ainda selecionado, defina o seu nome a instância bar.

3

6. Selecione a camada ações e abrir o painel ações.
Copie o seguinte código:

[code lang=”as3″]
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
loader.load(new URLRequest("content.swf"));

function progressHandler(event:ProgressEvent):void
{
var ratio:Number = event.bytesLoaded / event.bytesTotal;
percent.text = Math.ceil(ratio*100).toString();
bar.scaleX = ratio;

}

function completeHandler(event:Event):void{
removeChild(percent);
removeChild(bar);
percent = null;
bar = null;
addChild(loader);
}

[/code]

7. Vamos explicar o código.
Temos uma carga declarada objeto que irá carregar o nosso arquivo externo, que está contida na URLRequest objeto.
Content.swf representa o caminho do arquivo externo que queremos carregar.
Em seguida, adicione ouvintes, para que o carregador objeto de acompanhar o processo de carregamento.
O progressHandler função é a manipulação PROGRESSO evento.
Dentro dessa função, temos declarado um rácio variável que detém o rácio entre os bytes que já estão carregadas e os bytes totais.
Então, defina a propriedade texto do nosso texto para uma seqüência dinâmica que representa este rácio multiplicar por 100 a ter a percentagem.

sIFR -Tipografia

Bom hoje passei o dia tentando resolver um problema, tenho um site que estou programando, que o cliente quer usar uma fonte que não é padrao na web, bom procurando pela net achei um site que falava sobre um tecnica que eu podia usar qualquer fonte.

Do wikipédia:

O sIFR (atualmente na versão 2.0.6) é uma técnica criada por Mike Davidson – sIFR 2.0: Rich Accessible Typography for the Masses, servindo basicamente para construção de páginas com fontes tipográficas diferentes das comumente utilizadas. Basicamente o sIFR se trata de uma combinação de Macromedia Flash, JavaScript e Cascading Style Sheets. O sIFR está licenciado como Creative Commons-GNU LGPL.

O funcionamento do sIFR segue os seguintes passos:

  • 1. Uma página normal XHTML é carregada no navegador.
  • 2. Uma função de JavaScript checa se o Flash está instalado e procura pelas tags, ids ou classes você designou.
  • 3. Se o Flash não está instalado (ou naturalmente se o JavaScript está desativado), a página XHTML carrega normalmente e nada demais ocorre. Se o Flash está instalado, o JavaScript traduz a página verificando cada elemento que você queira alterar pelo sIFR.
  • 4. Depois de checado, o script cria animações Flash das mesmas dimensões e cobre o texto original, inclusive deixando o texto em Flash selecionável e copiável como um texto normal, copiando o texto numa variável de texto do Flash.
  • 5. O ActionScript dentro de cada arquivo de Flash então desenha o texto na fonte escolhida numa fonte de 6 pontos e amplia até que caiba no tamanho da animação Flash.

Este processo não é perceptível ao usuário normal.

Tutorial Action Script 3 – 009

. Programação Orientada a Objectos.

Por muitos a linguagem orientada a objectos é uma maneira simples, rápida e eficaz que se pode traduzir por uma melhor performance no código e uma mais fácil identificação de erros bem como a interpretação por parte de outros programadores. Mas como tudo, também existe outro lado da moeda, que muitos programadores ainda mostram barreira em aceitar esta metodologia de programação e se mostram muito reticentes ao seu uso.
Continuar a ler Tutorial Action Script 3 – 009