Curso AS3

Archive for the ‘Classes’ Category

Flash junto ao Lightbox e Shadowbox

Wednesday, March 26th, 2008

O Lightbox é muito popular, todos devem conhecer, é o efeito modal para abrir fotos sobre o site usando Javascript, veja aqui o efeito.

Pois bem, quando eu precisei deste efeito no Flash e Flex, escrevi uma classe Actionscript e o trabalho todo foi feito usando apenas o Flash.

Após uma mensagem do amigo Diego Tavares no fórum aqui do site sobre o uso do Lightbox e Shadowbox junto o Flash, andei pensando nessa união de JS e Flash, como eu estou acostumado a trabalhar com sites feitos completamente em Flash eu nunca senti necessidade de usar o Lightbox, mas para sites feitos parcialmente em Flash, para obter o efeito modal não temos saída, é preciso recorrer ao JS.

Eu vou mostrar aqui apenas como usar o Shadowbox, pois o Lightbox tem muitos exemplos na internet, e diferente do Shadowbox, o Lightbox abre apenas imagens.

(more…)

Como baixar o Papervision 3D 2.0 Alpha Great White

Thursday, February 14th, 2008

O Papervision 2.0 por se encontrar em versão alpha está disponível para download apenas via SVN (subversion).

Para baixar via SVN, baixe o TortoiseSVN e o instale em seu micro, depois crie uma pasta, clique com o direito e selecione a opção SVN Checkout…, coloque em URL repository: http://papervision3d.googlecode.com/svn/trunk/branches/GreatWhite/, clique em OK e aguarde o cliente baixar todos os arquivos. Pronto!

O PPV3D 2.0 está sendo atualizado frequentemente, portanto de vez em quando clique com o direito sobre a pasta e selecione a opção SVN Update.. para os arquivos serem atualizados.

Exemplo de Cubo 3D usando Papervision 2.0 e Tweener

Wednesday, February 13th, 2008

This movie requires Flash Player 8.

Estava fazendo uma animação para ilustrar o post avisando que o curso está de volta a venda e fui me empolgando e cheguei num cubo interativo usando PPV3D e Tweener para a animação.

Basicamente é um cubo que rotaciona de acordo com o movimento do mouse, as faces foram preenchidas com uma imagem bitmap do CD do curso de AS3.

Neste exemplo eu usei PPV3D 2.0, lembrando que na versão 2.0 muitas coisas mudaram, portanto você precisa da versão 2.0 para reproduzir o exemplo.

Segue o script logo abaixo, e observe como é fácil usar 3D no Flash com a engine PPV3D.

PS: para rodar este exemplo, aplique um linkage btmCd em uma imagem bitmap na biblioteca.

Actionscript:
  1. import org.papervision3d.cameras.Camera3D;
  2. import org.papervision3d.materials.BitmapAssetMaterial;
  3. import org.papervision3d.materials.utils.MaterialsList;
  4. import org.papervision3d.objects.primitives.Cube;
  5. import org.papervision3d.render.BasicRenderEngine
  6. import org.papervision3d.scenes.Scene3D
  7. import org.papervision3d.view.Viewport3D;
  8. import caurina.transitions.Tweener;
  9.  
  10. var viewport:Viewport3D = new Viewport3D(0,0,true,true);
  11. addChild(viewport);
  12.  
  13. var cena:Scene3D = new Scene3D(true);
  14. var camera:Camera3D = new Camera3D();
  15. camera.zoom = 2.4;
  16. camera.z = -250;
  17. var render:BasicRenderEngine = new BasicRenderEngine();
  18.  
  19. var material:BitmapAssetMaterial = new BitmapAssetMaterial("btmCd");
  20. material.smooth = true;
  21.  
  22. var materials:MaterialsList = new MaterialsList({front: material,
  23.                                 back: material,
  24.                                 right: material,
  25.                                 left: material,
  26.                                 top: material,
  27.                                 bottom: material});
  28.  
  29. var cubo:Cube = new Cube(materials, 250, 250, 250, 4, 4, 4);
  30. cena.addChild(cubo);
  31.  
  32. addEventListener(Event.ENTER_FRAME, upRender);
  33.  
  34. function upRender(evt:Event):void
  35. {
  36.     Tweener.addTween(cubo, {rotationY: mouseX, time: 1});
  37.     Tweener.addTween(cubo, {rotationX: mouseY, time: 1});
  38.     this.render.renderScene(cena, camera, viewport);
  39. }

Papervision 3D, uma engine 3D para o Flash

Sunday, November 25th, 2007

O Papervision 3D trata-se de uma engine open-source (!) para Flash Platform. O primeiro beta a ser liberado foi em Julho deste ano. O time que escreveu a engine é formado por Carlos Ulloa, John Grden e Ralph Hauwert.

Abaixo segue um demo do que o Papervision 3D é capaz.

This movie requires Flash Player 8.

Alguns Links úteis:

Ultimamente estou mechendo bastante com PPV, portanto eu devo voltar a falar bastante sobre. :)

Classe Loader do AS3

Tuesday, November 6th, 2007

Estou recebendo muitos pedidos de uma demo do curso de AS3, selecionei o primeiro vídeo do capítulo 11, assim já dá para ter uma idéia de como são os vídeos. :D

O vídeo é muito largo para colocar aqui no post, 800 pixels, portanto para conferir o arquivo acesse o link DEMO do hotsite do curso.

Criando suas próprias classes

Wednesday, January 24th, 2007

Uma classe descreve as características de um objeto, ou seja, seus métodos e propriedades. Classes personalizadas devem ser armazenadas em um arquivo Actionscript externo, que são importados ao compilar o FLA.

(more...)

Actionscript 3.0 passo-a-passo #01 - Iniciando

Monday, January 22nd, 2007

Uma das principais diferenças entre o Actionscript 3.0 e as versões anteriores, é que antes existiam diversas opções de onde colocar os códigos - por exemplo: timelines, movieclips, botões, arquivos de Actionscript externo e classes. Enquanto que o Actionscript 3.0 é totalmente baseado em classes, onde os códigos são colocados em métodos (funções) da classe.

(more...)

The Fuse Kit para animações dinâmicas é o melhor

Sunday, December 17th, 2006

The Fuse Kit

Dentre todas as engines disponíveis para animação dinâmica no Flash, o Fuse Kit é simplesmente o melhor.

O Fuse, criado pelo Moses Gunesch, é um conjunto de classes que são instaladas através de um único arquivo MXP, a proposta do Fuse é de uma sintaxe limpa e compacta de grande flexibilidade. As easing equations usadas no Fuse Kit são as do Robert Penner.

(more...)

Distorção de imagens dinâmicamente

Thursday, September 21st, 2006

No Flash ainda não é possível distorcer imagens bitmaps nativamente via Actionscript, o efeito "Distort", presente também no Photoshop. O Thomas Pfeiffer do Sandy Project, junto ao Andre Michelle, Richard Lester e Didier Brun, desenvolveram a classe DistortImage, que torna a distorção via Actionscript possível.

(more...)

Animações Dinâmicas com a classe Tween

Tuesday, April 11th, 2006

A classe Tween nos possibilita animar sem que seja necessário utilizar a timeline ou criar códigos próprios para animação. Com esta classe podemos animar facilmente menus, transições e até mesmo alterar a animação de componentes como o ComboBox. A classe Tween esta disponível no Actionscript 2.0.

(more...)