Cabanoblog

Pedro Furtado colocou o site da Luciane Denys em seu Daily Papervision3D, um blog que mostra os trabalhos feitos com Papervision3D pelo mundo e um excelente lugar para se inspirar. Um dos sites postados lá que mais me chamaram a atenção foi o “Solebox Berlin”, um loja virtual feito pelo pessoal da Campsafari que utiliza o PPV3D para gerar uma fascinante experiência de compra.

Pablo Cabana

Acabou de sair do forno o site da Luciane Denys, uma das mais conceituadas artistas florais de Niterói. O desafio aqui foi mostrar o trabalho da Luciane de uma maneira bem elegante e ao mesmo tempo funcional, onde os clientes tenham facilidade de obter informações. Dá uma conferida e vê se a gente deu conta do recado.

Pra galera geek: Este foi o primeiro site Flash que fizemos utilizando somente Action Script 3.0. Foi um teste pra ver se tudo correria bem e o teste foi muito bem sucedido. A linguagem está bem à frente de seu antecessor AS2, o que nos dá muitas novas possibilidades, mas também dificulta um pouco a curva de aprendizado. Daqui pra frente, nenhum site nosso usará mais AS2, assim espero. Também utilizamos o Papervision3D pra fazer um “photoflow” show de bola. Fácil navegação, usabilidade e estética, tudo junto e misturado.

Pablo Cabana

Baixe os arquivos fonte do aquário 3d aqui.

Uma das minhas maiores diversões ultimamente tem sido explorar as possibilidades do Papervision3D (como essa brincadeira com o aquário da Cabana aí de cima). Já está no forno até o primeiro site cabanudo que explorará um pouco da ferramenta. Por hora, quero compartilhar com vocês importantes fontes de informação que estão facilitando muito a minha vida. Vale o clique!

Blog Oficial do Papervision3D
A referência das referências. Tudo começa aqui.

Como instalar
Post do Cabanoblog. Muito bem explicadinho e em português!

Tartiflop
Passo-a-passo pra ficar por dentro.

Mad Vertices
Excelentes Tutoriais

Zupko.info
Blog de um dos desenvolvedores com muitos arquivos fonte.

Barcinski-JeanJean
Dois programadores que explanam.

PV3D.org Arquive
Mais um blog de desenvolvedor da ferramenta. Lá você encontra outros muitos links interessantes.

EveryDay Flash
Muitos exemplos de como usar a criatividade com Papervision3D.

Ramdom Lucubrations
Entenda como dimensionar e posicionar em 3D.

PV3D Zone
Mais bons exemplos.

Dehash
Muitos arquivos fonte. Excelente.

Se tiver alguma outra sugestão de link, deixe um comentário.

Pablo Cabana

Como vocês já devem ter visto no meu último post, eu não vou muito com a cara da Microsoft. Contudo, tenho que reconhecer quando os caras acertam a mão, principalmente quando se trata de uma jogada de marketing bem feita.

A coisa começa na própria essência escrota da Microsoft: eles sempre lançam a nova versão do Windows cheia de bugs, só pra ser o detentor da “última novidade” e a coisa só fica decente (quando fica) depois de sérias atualizações. O Windows XP, por exemplo, é bacanérrimo, mas só ficou bom mesmo depois do pacote de atualização SP2.

Isso acabou gerando um estigma para a empresa. Quem entende de computador já sabe: “Nunca instale a nova versão do windows antes de saírem as atualizações.” E assim tudo correu pacificamente para o relaxamento da Microsoft e desespero dos usuários, que não tinham pra onde correr.

Agora, entretanto, as coisas estão diferentes. Os “vacilos” do Windows estão dando margem para o crescimento de concorrentes com força real: o Linux, que é gratuito e agora efetivamente conta com uma compatibilidade e usabilidade para Windows nenhum botar defeito e o MacOs, da Apple, que chega com imensa força pois os preços dos computadores mais chiques do mercado caíram exponencialmente.

Como era de se esperar então, o Windos Vista, último sistema operacional da Microsoft, foi rejeitado drasticamente. Na sinceridade, usei diversas vezes e achei ótimo. O grande problema é que ele consome muito do CPU, o que o torna um elefante branco em computadores que não estejam com as configurações mais modernas. Ou seja, eu continuo no esquema “vamos esperar mais um pouco para usá-lo”.

O que a Microsoft fez então para mudar esta imagem? The Mojave Experiment. Eles foram a grandes corporações para apresentar um suposto sistema operacional “Mojave” e perguntavam: “O que vocês acham do Vista?” e todos respondiam: “Uma droga.”. “Então que tal experimentar o novo Mojave?”.

A galera usa o Mojave, adora, faz super elogios e depois descobrem, com o queixo no chão, que na verdade o Mojave é o Windows Vista. Excelente uso do clássico teste-cego. Parabéns aos malditos discípulos do Bill Gates. Visite o site do Mojave Experiment.

Pablo Cabana

ps: o site é da Microsoft, mas nada de usar o aplicativo deles, o SilverLight. É tudo feito em Flash e Papervision3D. Isso é que é não confiar no próprio produto…
Adendo 09/09/08: Parece que os caras perceberam a mancada e mudaram para Silverlight. Em Flash estava bem mais bacana.

Ok. À primeira vista o Papervision3D pode parecer apenas algo meio WoW, que só serve pras coisas na web ficarem bonitinhas e com um visual 3D a lá iPhone. Mas isso é um engano. As engines 3D, como o próprio Papervision3D, o Away3D e até mesmo o Astro (o novo Flash Player) aos poucos vão modificar o modo como acessamos a informação digitalmente, pois ganharemos novas dinâmicas de disposição de conteúdo, permitindo que tudo fique, além de extremamente amigável aos olhos, interativo a um nível antes impossível. Sem lenga-lenga pra carregar sites pesadíssimos, sem exigir muito das máquinas, essas engines conseguem usar programação para gerar dinâmicas surpreendentes através de códigos.

Tendo esta crença como base dos meus atuais estudos, estou namorando o Papervison3D para conquistá-lo como ferramenta de trabalho (por enquanto não posso me dar ao luxo de ganhar dinheiro com isso pois não domino perfeitamente a engine e não quero oferecer gambiarras aos meus clientes) e ao mesmo tempo finalmente migrar para ActionScript 3.0. Obviamente, uma das minhas principais referências é o magnífico gotoAndLearn, mantido pelo profeta da interatividade Lee Brimelow.

Foi lá que eu estudei dois tutoriais. O primeiro me fez entender como construir um cubo 3D interativo através do Papervision3D e o segundo me mostrou como é incrivelmente mais simples lidar com arquivos XML usando AS3 ao invés de AS2. Então me inspirei pra tentar meu primeiro projeto Open-Source, o Cubo Bacana.

O Cubo Bacana nada mais é do que um cubo 3d que mostra as últimas 6 notícias de qualquer blog, flickr ou qualquer site que gere RSS através de xml com a estrutura “channel-item-title”, que é a usada pela grande maioria dos provedores RSS.

Existem algumas maneiras de usá-lo, dependendo do seu perfil. Se você é um nerd como eu e entende um pouco de Flash, pode baixar os arquivos fonte na página do Cubo Bacana e começar a fuçar tudo (é preciso ter o Papervision 3D instalado, veja como faze-lo aqui) para fazer uma customização completa. Só peço que em algum lugar haja um link pra página do Cubo Bacana.

Se você é um usuário comum que apenas quer ter o Cubo Bacana no seu site ou blog, basta recortar o código abaixo e colar no código do seu site ou blog com pequenas configurações. Onde aparece http://www.cabanacriacao.com/blog/feed, (aparece 2 vezes) você deve substituir pelo endereço de RSS das notícias que vai disponibilizar, e onde aparece #FFFFFF você deve substituir pela cor de fundo que desejar.

Outros códigos mais amigáveis são possíveis. Dê uma olhada na página do Cubo Bacana.

Veja os exemplos:

As últimas fotos do Flickr da minha amiga Julia Pina.

As últimas notícias do Brainsorm9

Pablo Cabana

Acabei de ler no blog do Papervision3D sobre a ferramenta FotoViewr. Poucas coisas na web são, ao mesmo tempo, tão simples e tão visualmente ricas. Você entra no FotoViewr, escolhe o tipo de galeria, escreve o seu nome do Flickr (ou de algum amigo seu. Eu, que não tenho Flickr, fiz a galeria com as fotos da minha cônjuge Tárin e da minha amiga Julia), escolhe as tags das fotos para filtrar (uma pena não ser possível mesclar várias tags) e voalá! O FotoViewr cria uma galeria 3D alucinante pra nenhum iPhone botar defeito.

As galerias são construídas utilizando os RSSs gerado pelo Flickr mais as maravilhas 3D do Papervision 3D, do qual eu já falei aqui.

Além do problema com as tags, o outro defeito que eu encontrei foi eles não fornecerem um código “embed” pra permitir que se publique a galeria em outros sites ou blogs (assim como eu coloco os vídeos do YouTube aqui). Sem este tipo de ferramenta, a viralidade da marca FotoViewr perde trocentos por cento. Portanto, para ver a galeria da Tárin e da Julia, vocês vão ter que clicar nos links abaixo. Eles melhoraram isso, agora fornecem o código. Olha a galeria nova da Julia:

Galeria da Tárin

Galeria da Julia

Pablo Cabana

Conheci, através do excelente blog do Erick Souza a ferramenta Papervision 3D e descobri como ela é genial. Trata-se de um software open-source que, junto ao Flash CS3, gera interatividade 3D do mais alto nível, tudo através de código Action Script. Dá uma olhada nestes sites pra você entender do que eu estou falando:

In an ABSOLUT World

Whitevoid

O site do Papervision 3D traz um monte de exemplos e também mostra todo o desenvolvimento da ferramenta, inclusive um Wiki para ajudar o pessoal a usá-la. Contudo, a explicação da instalação é meio confusa. Tive que quebrar a cabeça um pouquinho até conseguir. Segue abaixo o caminho das pedras:

1 - Faça o download e instale um cliente SVN. Este é um programinha pra baixar os diversos arquivos do software e mantê-los atualizados. Eles recomendam o Tortoise. Faça o download aqui.

2 - Crie um pasta onde você vai colocar os arquivos do Papervision3D, entre nesta pasta, clique com o botão direito e clique de novo em “SVN checkout”. No box que abriu, cole este endereço: http://papervision3d.googlecode.com/svn/trunk/

3 - Aguarde o Tortoise fazer o download dos arquivos. São muitos, inclusive com vários exemplos bacanas.

4 - Abra o Flash CS3, vá em Edit>Preferences>Actionscript e clique no botão “Actionscript 3.0 settings”.

5 - No box chamado “class path”, clique no sinal de “+” e depois no alvo para escolher o diretório.

6 - Vá no diretório que você criou para fazer o download do Papervision3D e escolha a pasta “as3\trunk\src”  (atualizado para a versão 2.0 Great White Final)

7 - Está pronto e instalado. Abra um dos exemplos (na pasta “\as3\trunk\examples” há alguns) e tente publicá-lo. Se der tudo certo, é porque a instalação está OK.

Abaixo, o primeiro resultado dos meus iniciais estudos com a ferramenta. Cabanudos 3D.

Adendo 02-07-2008: Já saiu segundo resultado: aqui e aqui.

Pablo Cabana