Curso AS3

Exemplo de Cubo 3D usando Papervision 2.0 e Tweener

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.

PLAIN TEXT
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. }

This entry was posted on Wednesday, February 13th, 2008 at 20:33 and is filed under Actionscript 3.0, Classes, Papervision 3D. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

6 Responses to “Exemplo de Cubo 3D usando Papervision 2.0 e Tweener”

  1. Make Says:
    February 14th, 2008 at 1:43

    cara, cuti pks, mas procuro o componente na sua versão 2.0 para o flash cs3 e não acho de jeito maneira poderia por um link pra download ai ?

  2. Erick Souza Says:
    February 14th, 2008 at 14:19

    Olá Make, aproveitei e já deixei um post explicando como baixar o PPV 2.0: http://blog.ericksouza.com/como-baixar-o-papervision-3d-20-alpha-great-white/ ;)

  3. Salvador Camino Says:
    February 15th, 2008 at 10:11

    Uma dúvida.
    Utilizando o engine é possivel adicionar faces diferentes com botões em cada ou ele só suporte algo chapado? Lembro que você mostrou anteriormente um exemplo de uma combo list.

  4. Eder Says:
    March 20th, 2008 at 12:07

    Olá Erick. Sou de Salvador(BA).

    Estou acompanhando seus posts há um tempo.

    Estou com um problema aqui. Preciso de uma Pirâmide para compor um trabalho aqui. Procurei na net e nada. Tenho apenas uma semana Utilizando AS. Espero que tu me ajudes.

  5. junior Says:
    May 13th, 2008 at 16:03

    Esta dando pau nessa class
    import caurina.transitions.Tweener;

  6. junior Says:
    May 13th, 2008 at 16:57

    Não exite esta class
    import caurina.transitions.Tweener

    Por favor peço ajuda, meu email é : juniorneo2@gmail.com

    Muito obrigado

Leave a Reply