Feeds:
Posts
Comentários

Agora vamos continuar com o tutorial.

Vamos criar nosso primeiro arquivo “as”, abra o flash , inicie um novo arquivo actionscript 3.0.

Abra o flash e crie um arquivo FLA.

No canto direito na aba propridade, existe um espaço para lincar a class, só assim o flash vai chamar nossa classe.

Escreva nesse espaço Class o nome do arquivo “AS” que queremos linkar(No nosso caso vai ser Basiclass).

Salve esse FLA com qualquer nome, crie um novo arquivo agora em actionscript 3.0 com o nome Basiclass,

salve na mesma pasta do arquivo FLA.

Pronto vamos comesar.

vamos explicar o codigo “passo a passo” ok para entender a ferramentas do Papervision3D.

Insira o seguinte cabeçalho:

package {
import flash.events.Event;//para acionar um evento durante o corre o fame

import flash.display.Sprite;// Serve para stender essa classe
import org.papervision3d.view.Viewport3D;// Aqui importamos a class do viewport para abrir a janela para cena
import org.papervision3d.scenes.Scene3D;//impota uma cena
import org.papervision3d.cameras.Camera3D;/*Se botarmos um “*” depois de cameras. iremos acionar todas as cameras
mas agora as cameras são todas numa unica classe, segundo a ultima revisão do papervision */
import org.papervision3d.render.BasicRenderEnginer;//É preciso um render para a cena
import org.papervision3d.objects.DisplayObject3D;//Aqui carrega totas as partes de geometria, materias , posição do //nosso material

import org.papervision3d.materials.BitmapFileMaterial;//vamos carregar uma foto no plano

import org.papervision3d.objects.parsers.DAE;//Um converssor para importar arquivos Collada.

import org.papervision3d.objects.primitives.Plane; // vamos carregar um Plano

[SWF(width=”480″, height=”300″, backgroundColor=”#000000″, frameRate=”30″)]

public class Basiclass extends Sprite{ //Aqui extamos estamos herdando todas as funções da class Sprite
//agora iremos publicar as variaveis, iremos declarar todas como publicas para podermos manipular depois //externamente
public var camera:Camera3D;
//a camera, que é como nossos olhos

public var janela:Viewport3D;
//A viewport é a janela

public var cena:Scene3D;
//criando um cenário

public var renderEngine:BasicRenderEngine;
//importando o renderizador

public var modelo3D:DAE;
//aqui estamos preparando para receber um arquivo externo moelado no Blender3D

public var piso3D:Plane;
//preparamos para carregar o Plano

public var foto:BitmapFileMaterial;

public function Basiclass():void//Esse é o modo construto, nessa função iremos criar e adicionar a cena
//todos elementos 3D
{
camera = new Camera3D();
//aqui podemos instanciar as propiedaes da camera, tais como foco etc…

janela = new Viewport3D(400, 400, true, true);
addChild(janela);//adicionamas a janela a cena

cena = new Scene3D(); //criamos uma cena

foto = new BitmapFileMaterial(“Valentine__s_Day_by_Laumann.jpg”);//carega a textura

foto.doubleSided=true;//ela apararece dos dois lados

modelo3D = new DAE();//chamamos o modelos 3d feito no Belnder
modelo3D.load(“modelo.dae”);//aqui carregamos o moder dizendo o caminho do arquivo
cena.addChild(modelo3D);

piso3D = new Plane(foto, 2, 2, 3);//aqui podemos instanciar o Plano
cena.addChild(piso3D);

renderEngine = new BasicRenderEngine();

addEventListener(Event.ENTER_FRAME, rendere);//nessa linha se acinona o render, que nesse caso
//tem a função ENTER_FRAME, para ser rederizado sempre que ouver um evento
//toda vez que acantecer algo ele desenha tudo, é isso que o render faz

}

public function rendere(e:Event):void// nessa função iniciamos o render que é acionado pelo ENTER_FRAME

{
renderEngine.renderScene(cena, camera, janela);
//aqui rederizamos acena
modelo3D.scale = 170;
modelo3D.rotationX = 100;
modelo3D.rotationZ = 180;
modelo3D.z = -150;
camera.lookAt(piso3D);

piso3D.rotationY ++;

piso3D.scale =800;
}
}
}

Se você fez tudo certinho vai aparecer dese jeito:



Bom agora com o Tortoise instalado, crie uma pasta e nomeie com o  nome que você achar melhor,

sugiro Papervisio3D, após criar a pasta click com o botão direito do mouse nessa pasta, na aba SVN Checkout e add o seguinte link: http://papervision3d.googlecode.com/svn/trunk

Agora que  baixou o Papervision é hora de configurar o flash para reconhecer as class do Papervision3D.

Abra o Flash, inicie um novo arquivo fla, vá em “edit” depois  “preferences”.configurando-o-flash-para-reconcer-o-papervision

Clicke na aba  actionscript, depois em actioscript3.0 seting:configurando-o-flash-para-o-papervision

Na alça de mira(onde tem uma mira zinha [é assim no Cs3 ]) no Cs4 onde é um sinal de +:

Mostre ao flash onde você instalou o Papervision3D, se você colocou o nome da pasta onde está o Papervision de Papervision3D, vá até onde está a pasta e entre no diretório Papervision3D/as3/trunk/src, dê ok.

terminando-de-configurar-o-flash

Pronto o flash está configurado, abra o arquivo fla. que está (no meu caso eu pus o Papervision no Desktop)  Desktop\papervisio 3d\as3\trunk\examples\FlashCS3\HellouMouse, click no arquivo fla, depois de aberto de um Ctrl+Enter. para gerar o arquivo swf. Se você ver a animação estatudo funcionando.

funcionando-o-flash

Olá, começa agora a parte introdutória do tutorial sobre papervision 3d, a rasão desse tuto é por não aver material suficiente na nossa lingua portuguesa, eu já vim em alemão, chinês, e etc.

Vamos lá!

Para usar o Papervision é nessesário ter o programa flash Cs3 ou Cs4, versões triais tambêm servem (Para aqueles que não podem comprar o Flash)  pois o Papervision funciona.

O Papervision não tem um “.exe” (não tem um executavel) para se instalar, esta em SVN.

Bom que isso significa?

Que teremos que baixar um programa para baixar o Papervision, o programa mas comum é o Tortoise, que você encontra nesse site:

http://tortoisesvn.net/downloads

Baixe o programa, instale normalmente, pronto.

Agora vamos baixar o Papervision.

tuto papervision 3d

Para quem não conhece Papervision 3d é um conjunto de classe em actionscript 3.0 para flash

com o objetivo de gerar uma engenier gráfica ou motor gráfico como queiram chamar, tudo isso em 3d voltada para web sit, se vc não acredita entre no site do proprio http://blog.papervision3d.org/

funciona muito bem com efeitos surpriendentes  e tudo isso opensource, quer dizer não é pago.

O Papervision 3d está na versão 2.o, bom  muitos chamam de beta mas eu acho que não pois ele por ser atualizado todos os dias, tem tido uma evolução muito rapida podendo desda versão 1.5 se fazer um site inteiro em 3d, e já  se pede proficionais com experiencia em Papervison para construção de sites.

Aqui começa um tutorial sobre Papervision 3d, seria bom o conhecimento em programação,

e as3, modelagem 3d.