O site santosfc.tv publicou um vídeo muito bom, que mostra o show que a torcida fez no jogo contra as bichas o São Paulo, em Barueri.

Este jogo ficou marcado pela volta do Robinho ao santos. Segue o vídeo abaixo:

O Estúdio Copacabana lançou ontem ( 10/02/2010 ) o site Ludovina Chopp e Churrasco de Quintal. Um espaço que tem a intenção de fazer seus clientes se sentirem em casa, Com um ambiente ‘estilo quintal de casa’. Localizado em Moema / SP.

O site segue o conceito Ludovina,  com um layout  muito bem feito pelo designer Henrique Garcia, o projeto ficou muito bonito, mas não deixando de ser sério e bem feito.

Todas as seções seguem a identidade visual do projeto, suas internas oferecem todo o contéudo necessário para uma boa navegação do usuário passando todas as informações do restaurante. Além de uma galeria fotos.

Na home, o topo com uma navegação em 360, feito em Flash. Ficou por minha conta, também contando com layout do Henrique Fiz toda a programação em AS3. O cenário tem objetos que quando passamos o mouse aparece um tooltip com informações ou links para as internas, além de animações por todo o cenário. Na televisão temos videos rolando em Flv com dois canais e controle de volume.

Em um site desse não poderia faltar uma boa musica, ao lado do menu tem um radio que fica tocando alguns loops.

Parabéns a toda equipe do Estúdio Copacabana, muito sucesso nos proximos projetos.

Home Ludovina

No nosso querido velho ActionScript 2, para definir uma máscara dinamicamente via código, utilizávamos o setMask. escrevendo:

mc1.setMask( mcMascara )

Mas, junto com o “velho” que foi embora, o setMask também já não está mais entre nós. Com a chegada do organizado ActionScript 3, a forma de definir uma máscara mudou, agora utilizamos o método mask da classe DisplayObject.

Para fazer isso temos que escrever:

mc1 mask 
 
= mcMascara

No meu exemplo se setMask em as3, crio quatro movieClips, duas bola e dois quadrados com nomes de instancia diferentes. E então em dois deles aplico máscara simples e no outro ‘casal’ aplico máscara com filtro.

bola.mask = quadrado
// exemplo simples
 
bola2.cacheAsBitmap = true
quadrado2.cacheAsBitmap = true
// para utilizar filtros
 
bola2.mask = quadrado2

O cacheAsBitmap nós permite utilizar máscaras com efeito, para simular um degrade. Podemos colocar Glow dos Filters nas propriedades do movieClip, ou criar filtros via ActionScript, ambos funcionam.

Na imagem abaixo temos um print que mostra:
- a esquerda os mc’s sem mascara.
- no centro, os mc’s com mascara simples.
- a direta, utilizando o cacheAsBitmap com o filtro Glow.

Ainda não tive tempo de postar sobre a Campus Party 2010, mas aos poucos vou falando sobre o que aconteceu na quase uma semana em que estive acampado lá.

Junto com Ricardo Martins, desenvolvemos uma aplicação em Adobe Flash que lê em real time os tweets feitos utilizando a hashtag #cpartybr, a cada uso da hashtag no twitter o aplicativo mostrava em tempo real, junto com a foto do usuário.

A aplicação ficou rodando no telão da area de desenvolvimento, nos intervalos das palestras.

Feito em AS3 e PHP, utilizando o RSS gerado pela própria API do Twitter.

Abaixo a filmagem feita do aplicativo rolando no telão da cpdev, coordenada por David Ruiz, Ricardo Martins e Luiz Pestana

O Google lança hoje o seu novo serviço, chamado Google Buzz, ele vem para integrar as redes sociais em uma nova pasta dentro do Gmail.

O Google Buzz é uma nova maneira de compartilhar fotos, vídeos. Além da possibilidade de iniciar conversas sobre os assuntos do seu interesse com seus amigos, ou um assunto público.

Sem a necessidade de configuração, automáticamente está pronto para utilizar.

Ainda tem a possibilidade de integrar Twitter, Picasa, Flickr e o Google Reader. as atualizações aparecem em tempo real. sem a necessidade de atualizar a página.

E a grande jogada, é que o Buzz é totalmente compativel para celulares.

A ferramenta será espalhada aos poucos, mas logo estará presente no seu Gmail. certeza!

Fatality sensacional !!!
y , a ,+ > , > , b

Nem ficou vermelho…

As vezes nos deparamos com um problemas, como passar algum parâmetro inicial para o Flash. Por exemplo, marcar a seção atual em um menu. iniciar de determinada foto uma galeria, o id do usuário, etc.

Para isso utilizamos o LoaderInfo, ele carregar parâmetros passados junto ao embed do html.

Primeiro temos que montar certo o embed, segue abaixo um exemplo utilizando o flashVars, no formato:

parâmetro1=valor&parâmetro2=valor … etc

<script type="text/javascript"> 
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','produtos','width','901','height','801','id','produtos','src','../swf/produtos','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../swf/produtos', 'flashVars', 'linha=Regular&sabor=chocolate' ); //end AC code
</script> 
<noscript> 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="produtos" width="901" height="801" id="produtos"> 
 
<param name="movie" value="../swf/produtos.swf" /> 
<param name="quality" value="high" /> 
<param name="flashVars" value="linha=Regular&sabor=chocolate" /> 
<embed src="../swf/produtos.swf" width="901" height="801" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="produtos" flashVars="linha=Regular&sabor=chocolate"></embed> 
</object> 
</noscript>

o flashVars pode ter vários parâmetros sendo passados junto, apenas separado por “&”, em seguida temos que escrever no flash:

import flash.display.LoaderInfo;
// faz o import do pacote necessário 
 
var paramObj:Object = this.loaderInfo.parameters
// objeto que pega os parâmetros
 
var linha:String = paramObj['linha']
var sabor:String = paramObj['sabor']

Só isso, agora você já pode trabalhar com os parâmetros vindos do html.

Até…

Bom, dando continuidade ao post anterior, neste mostrarei como criar e mostrar um cubo rodando na cena em papervision. Utilizando a classe base mostrada no artigo anterior. Ela por si apenas “prepara o terreno”, agora precisamos inserir os objetos e então reproduzir a cena.

Neste para ficar mais simples de entender, escreverei na própria classe. Mais pra frente mostrarei como utilizar classe estendida ( caso mais indicado ).

As diferenças neste caso são: os imports, as variáveis, os objetos e a animação.
Antes de mais nada, criamos um .FLA na mesma pasta que nosso arquivo pv3d_base.as. E então no temos que fazer o import, no primeiro frame escreva:

var asBase:pv3d_base = new pv3d_base()
addChild(asBase)
asBase.init(600, 400)

Na nossa classe vamos inserir algumas coisas, inicialmente importamos o que será utilizado:

import org.papervision3d.materials.WireframeMaterial;
import org.papervision3d.materials.utils.MaterialsList;
import org.papervision3d.objects.DisplayObject3D;
import org.papervision3d.objects.primitives.Cube;

Depois declaramos nossa nova variável:

var cubo:Cube

Dentro da função init3d, criamos e inserimos nosso novo objeto na scena, neste caso utilizarei o WireframeMaterial. e criarei um DisplayObject3D para comportar nosso objeto 3d.

var wf:WireframeMaterial = new WireframeMaterial(0x000000, 1, 0)
// material 'grade', com cor preta
 
var materialsList:MaterialsList = new MaterialsList();
materialsList.addMaterial( wf, "front" )
materialsList.addMaterial( wf, "back" )
materialsList.addMaterial( wf, "left" )
materialsList.addMaterial( wf, "right" )
materialsList.addMaterial( wf, "top" )
materialsList.addMaterial( wf, "bottom" )
// cria uma lista de materia, para o cubo
 
cubo = new Cube(materialsList, 200, 200, 200, 3, 3, 3, 0, 0)
var holder:DisplayObject3D = new DisplayObject3D()
 
holder.pitch(-30)
holder.addChild(cubo)
default_scene.addChild(holder)
// adiciona na cena

E por fim, adicionamos uma animação a esse cubo:

cubo.rotationY += 5
// faz girar 5 pixels por frame no eixo Y
cubo.rotationX += 2
// faz girar 2 pixels por frame no eixo X

É isso, compilando este fla, deve aparecer um cubo em wireframe rodando em eixo X e Y, isto é apenas um exemplo mostrando que nossa classe pv3d_base funciona.

Segue aqui um zip com os fontes.

Nos proximos posts estarei mostrando outros objetos e matérias do papervision, o que é possível fazer com ele. e enfim, como o papervision é importante na realidade aumentada.

Bom, o Papervision não é tão simples de usar quanto o caurina, para programarmos em Pv3d precisamos seguir algumas regras, e funções iniciais, é isto que vou mostrar neste post.

Vou disponibilizar uma classe que poderá ser usada em todos os projetos. utilizada como import, ou na própria timeline ( menos indicado ).

Bom, vou escrever aqui a classe:

package{
import flash.display.Sprite;
import flash.events.Event;
 
import org.papervision3d.cameras.Camera3D;
import org.papervision3d.render.BasicRenderEngine;
import org.papervision3d.scenes.Scene3D;
import org.papervision3d.view.Viewport3D;
 
public class pv3d_base extends Sprite{
 
public var viewport:Viewport3D// O Viewport
public var render:BasicRenderEngine// A engine para renderizar ou Rendering Engine
public var default_scene:Scene3D// Uma Scene
public var default_camera:Camera3D// Um Câmera
 
public function pv3d_base(){
}
 
public function init(largura:Number, altura:Number):void {
 
initPapervision(largura, altura);// Inicializa o papervision
init3d();// Inicializa objetos 3d
initEvents();// Seta qualquer event listeners..
}
 
protected function initPapervision(largura:Number, altura:Number):void {
 
viewport = new Viewport3D(largura, altura, false, true) // adiciona o viewport
 
addChild(viewport)// Adiciona o viewport no stage...
 
render = new BasicRenderEngine() // inicia o render
 
default_scene = new Scene3D();
 
default_camera = new Camera3D();// foco da camera
}
 
protected function init3d():void {
//conteudo da cena
}
 
protected function initEvents():void {
addEventListener(Event.ENTER_FRAME, onEnterFrame);
}
 
protected function processa():void {
// roda as animações
}
 
protected function onEnterFrame( ThisEvent:Event ):void {
//renderiza e chama a fucnao processa
processa()
render.renderScene(default_scene, default_camera, viewport)
}
 
}
}

Bom.. como fazer isso funcionar??
É bem simples, no flash é só criar um arquivo .as, colar este código e salvar como pv3d_base. Lemdrando que o nome não pode ser diferente, pois dentro da classe temos este nome definido. outra coisa importante é não retirar o ‘extends Sprite’ pois utilizamos ele.

Observações: a função init é publica, ela será chamada de outra classe para ser inicada, com largura e altura desejada para o viewport.

Está classe será estática, não mexeremos mais nela por enquanto, só em projetos mais pra frente.

baixe aqui a classe.
baixe aqui o zip com o fonte.

No próximo post estarei explicando como utilizar esta classe para criar sua primeira cena em Papervision.

Qualquer duvida deixa um comentário que eu tento ajudar…

Após um dia de cansativo, a tal da Téssalia ganhou um merecido prêmio,

Um dia inteiro de sorvete para refrescar sua frenética boca.

1- A Globo é muito justa, pois deu o prêmio para quem mais gosta de chupar na casa.

2- Agora sim ela não precisa se esconder para dar uma chupadinha.

4- Certeza que ela vai querer algum de leite condensado.

3- Será que o patrocinador aguenta a demanda???

E um viva a maior merda audiência do Brasil.