Componente, plugin, engine, classe ou API ?
Seja qual for a definição exata, o 3D promete dar uma nova cara a web.

Com o lançamento – já atrasado – do Flash Player 10 – Astro,  a Adobe promete incorporar ao novo player – entre outras capacidades – a renderização de objetos 3D simples.

Assim, o Papervision deve ganhar destaque. E, quem sabe, melhorar a performance, reduzindo o processamento dos ambientes/objetos 3D – ainda bastante alto no Flash Player 9.

De acordo com Carlos Ulloa, o fundador do Papervision, tudo começou com tentativas de criar efeitos 3D ilusórios através de rotação, distorção, … em movieclips, além de muito código é claro. E isso no final de 2005, baseado no Flash Player 7, onde pouquíssimos como Andre Michelle conseguiam algum resultado satisfatório.

Com foco principal voltado para o desenvolvimento em AS3, o Papervision também pode ser utilizado no Flash Player 8 com AS2 e até mesmo ser controlado em AS1.
Vale lembrar que, mesmo em AS3, são necessários alguns ajustes se a compilação for feita no Flash ou Flex.

Outro fator importante é a possibilidade de integrar qualquer objeto construído em programas de modelagem 3D a partir do formato Collada (COLLAborative Design Activity) que é um padrão de exportação e importação baseado em XML criado pela Sony e usado no console Playstation 3.

Em dezembro de 2007 foi lançada uma versão alpha chamada de “Papervision 2.0 – Great White“. E como todo desenvolvimento, o Papervision ainda não atingiu toda a sua maturidade. Tanto que poucos dias depois, Andy Zupko ( Papervision Core Team ) lançou uma versão incluindo efeitos muito interessantes, integrando classes nativas do Flash como filtros, matrizes geométricas, entre outras. Com essa e outras contrbuições, ele foi convidado a participar do Core Team – ponto para o Papervision.
Falta muita coisa ainda como colisão, etc … mas parece que já está havendo alguma integração com outras engines como WOW-Engine, desenvolvida por Seraf ( Jérôme Birembaut ).

Portanto, se você estiver interessado em iniciar-se no Papervision, prepare-se para acompanhar as constantes – diárias - modificações.

Os passos a seguir irão orientá-lo a fazer o download do Papervision e mantê-lo sempre atualizado :
1. A maneira mais recomendada é instalar um “SVN client” como o Tortoise for Windows.
2. Após instalar o programa, crie um diretório e clique sobre ele com o botão da direita e escolha “SVN checkout”.
3. Em URL, cole o endereço http://papervision3d.googlecode.com/svn/trunk/ e clique OK.
4. Após o término do download, você irá ver os subdiretórios as2, as3 e branches. Dentro dos diretórios as2 e as3 estão as respectivas classes padrão e, em branches, as classes “Great White” ( Papervision 2.0 ) e “Effects” citada acima.

Antes de utilizá-las, você precisa preparar o Flash. Para fazer isso, você tem algumas maneiras :

Classe sempre disponível ( não importa onde esteja o seu projeto ) :
1- No Flash, clique em Edit>Preferences>Actionscript e clique no botão “Actionscript 3.0 settings” ( ou “Actionscript 2.0 settings“, se for o caso )
2. Em “classpath“, clique no boão “+” e em seguida ícone “Browser To Path“.
3. Navegue até o diretório onde você fez o download e escolha entre as3/trunk/src ( as2/trunk/src se for o caso ) OU branches\Effects\src ( para usar a classe Effects ) OU branches\GreatWhite\src ( para usar a classe Papervision 2.0 Great White ).

Inserir a classe em cada um dos arquivos do seu projeto :
1. Após criar um novo arquivo, vá em File>Publish Settings>Flash ( aba ) e clique sobre o botão “Settings“.
2. Em “classpath“, clique no boão “+” e em seguida ícone “Browser To Path“.
3. Navegue até o diretório onde você fez o download e escolha entre as3/trunk/src ( as2/trunk/src se for o caso ) OU branches\Effects\src ( para usar a classe Effects ) OU branches\GreatWhite\src ( para usar a classe Papervision 2.0 Great White ).
4. Se estiver preparando um documento na versão AS3, ainda nessa tela você deve colocar o caminho de sua própria classe principal em Document Class ( iremos detalhar isso posteriormente )

Você não deveria utilizar diferentes versões da classe simultaneamente.

Pronto, você está apto a começar a utilizar o Papervision em seus projetos. E, o que é o melhor, utilizando apenas códigos, programas, plugins, … tudo open-source
Dentro do diretótio de cada versão existem vários exemplos que servem como ponto de partida, além da documentação.

É claro que existem outras classes 3D como Sandy3D e Away3D - também open-source -, mas arrisco dizer que a Papervision deva prevalecer como dominante. A não ser que a própria Adobe resolva embutir uma API 3D em seus produtos.

Seja como for - em games, aplicações, passeios virtuais, demonstrações ou apenas ”firulas” na interface – dessa vez o 3D na web veio para ficar.

Fique ligado que nos próximos posts estaremos iniciando uma sequência de exemplos práticos sobre o Papervision.

Abraços

Para começar a movimentar o novo blog, vou postar uma série de artigos que eu escrevi como colunista de Flash no extinto portal FireMasters.

São vários artigos que até hoje fazem parte do meu “cinto-de-utilidades” como por exemplo códigos de validação de CPF, CNPJ e – esse deu trabalho – Inscrição Estadual. Além de artigos detalhados sobre classes específicas.

Então mãos à obra : o primeiro artigo é sobre validação de CPF.

Antes de mais nada, vamos entender como funcionar o algoritmo do CPF.
O CPF é composto por onze algarismos. Por exemplo 123.456.789-09
Os dois últimos algarismo são dígitos verificadores. Eles são criados a partir dos nove primeiros algarismos.
O cálculo é feito em duas etapas conforme informações ( algoritmo ) fornecidas pelo Ministério da Fazenda. 

A primeira coisa a fazer é criar um campo texto Input e instanciá-lo como cpf_txt.

Crie um movieclip para servir como botão e instancie como enviar_btn.

Agora vamos colocar a ação na timelime principal do seu filme.

Para evitarmos que o usuário digite caracteres não-numéricos vamos usar a propriedade “restrict” que, como o próprio nome diz, restringe a digitação a apenas números.

cpf_txt.restrict = "0-9";

Indicamos a ação ao movieclip enviar_btn chamando a função de validação

enviar_btn.onRelease = function () {
 validaCPF ();
};

E agora criamos a função que segue o padrão estabelecido do cálculo do CPF
function validaCPF ():Void {
//criamos arrays dos pesos
Peso1 = [10, 9, 8, 7, 6, 5, 4, 3, 2];
Peso2 = [11, 10, 9, 8, 7, 6, 5, 4, 3, 2];
// criamos um string ( expressão ) para "pegarmos" o valor digitado
var cpfVal:String = new String ();
cpfVal = cpf_txt.text;
// criamos as variáveis que nos auxiliarão no cálculo dos dígitos verificadores
var soma1:Number = new Number ();
var resto1:Number = new Number ();
var soma2:Number = new Number ();
var resto2:Number = new Number ();
// utilizamos o for com o incremento i ( i++ )
for (i = 0; i < Peso1.length; i++) {
soma1 += cpfVal.charAt (i) * Peso1[i];
}
// o cálculo do resto é feito utilizando o operador % ( porcentagem )
// que retorna o resto da divisão da soma por 11
resto1 = soma1 % 11;
// criamos a condicão para o caso do resultado ser menor ou igual a 1
if (resto1 <= 1) {
// se for o digito verificador é igual a 0 ( zero )
digito1 = 0;
} else {
// senão é igual a 11 menos o resto
digito1 = 11 - resto1;
}
// agora o cálculo do segundo dígito que segue o mesmo padrão anterior
for (j = 0; j < Peso2.length; j++) {
soma2 += cpfVal.charAt (j) * Peso2[j];
}
resto2 = soma2 % 11;
if (resto2 <= 1) {
digito2 = 0;
} else {
digito2 = 11 - resto2;
}
// chegamos então a nossa condição final
// se o décimo digito - cpfVal.charAt(9) - for igual ( o símbolo == )
// ao dígito verificador calculado ou ...
// se o décimo digito - cpfVal.charAt(10) - for igual ao dígito verificador calculado ou ...
// o tamanho da número digitado for igual de onze algarismos
// lembrando que o charAt(9) indica a décima "casa" ( posição )
// porque a primeira "casa" é sempre 0 ( zero )
if (cpfVal.charAt (9) == digito1 && cpfVal.charAt (10) == digito2 && cpfVal.length == 11) {
// se todas as condições estiverem ok
// você pode acrescentar aqui outras ações do tipo ir para algum frame
// enviar as informações para o servidor
// etc
trace ( "CPF Válido" );
} else {
// senão ...
trace ( "CPF Inválido" );
}
}

É isso …
Esse código é um bom exercício de utilização dos operadores no Flash. Sejam aritméticos, lógicos, comparação, etc …
Aproveite para dar uma olhada no help do Flash para conhecer a fundo cada um deles.