July 24th, 2008

Estou testando um projeto meu, o Ribop, desenvolvido em Flex. Os testes estão sendo feitos a mais de um mês por alguns amigos, e amigos de amigos, eu convidei uns cinco amigos, mas o site já tem cadastrado cerca de cinquenta usuários.
O sistema é um espaço para troca de idéias em forma de texto, imagens e vídeos, cada espaço pode ser personalizada de acordo com as preferências do usuário e conta com recursos como acesso completo (ou quase) via url.
O site está em fase beta, quem quiser conferir basta se cadastrar, mas eu adianto, é beta, todos os dias eu atualizo o sistema com algo novo, mas ainda tem muita coisa a ser feita. =P
Quem quiser me adicionar, o endereço do meu espaço é http://ribop.com/#/ericksouza/.
Porque Ribop?
O porque do nome é bem simples, Ribop surgiu de Bebop que vem do Jazz. Conheci o termo através do anime Cowboy Bebop (muito bom), onde a trilha sonora é Jazz.
Resumo do projeto.
O Ribop é um projeto meu que inicie em novembro do ano passado, e junto com meu amigo Luís Felipe programamos a base do site. O desenvolvimento foi interrompido no início do ano de 2008 por diversos fatores que me obrigou a abandonar o projeto inicial. Logo depois decidi começar um novo projeto, agora sendo desenvolvido apenas por mim, chegando numa estrutura melhor do que eu esperava, tornando qualquer atualização completamente mais simples, o encapsulamento foi o principal motivo da melhora de controle de dados.
1 Comment »
July 2nd, 2008
A Adobe está trabalhando junto ao Google e Yahoo! para melhorar a indexação dos SWFs. O Google já consegue um indexação razoável, e com esta parceria podemos esperar grandes melhorias, a Adobe vai ajudar a encontrar conteúdos mais relevantes.
Quem está acostumado a trabalhar com os recursos de acessibilidade no Flash deverão se beneficiar ainda mais.
Maiores informações em Adobe Press.
Esta é um grande notícia, hoje existem muitos sistes que precisam ser feitos totalmente em Flash/Flex e a indexação sempre foi uma dor de cabeça apesar de não ser tão complicado de conseguir uma boa indexação como a de um html trabalhando um pouco mais, embora o ideal ou mais cômodo é que o mecanismo de busca faça o trabalho por nós, =D.
Estive montando um demo para demonstrar uma das formas de conseguir uma boa indexação, espero poder publicar ainda esta semana.
7 Comments »
May 6th, 2008
No post Flash junto ao Lightbox e Shadowbox recebi alguns comentários no blog e mensagens via e-mail relatando que a reprodução do exemplo não funcionou. Se você fez tudo certo, funciona, o problema é que localmente existem algumas restrições que bloqueiam a chamada do Javascript pelo Flash.
Uma das soluções é liberar a partição, ou pasta que você está trabalhando na página da Adobe em Global Security Settings Panel. Acessando a página clique em Edit Locations.., Browse Folder… e selecione a pasta e/ou partição. Pronto, nem precisa reiniciar a máquina.
Eu já adiciono a partição toda para não precisar adicionar cada pasta de cada projeto.
Lembrando que no servidor funcionará de qualquer forma, é uma restrição local.
2 Comments »
March 26th, 2008
O Lightbox é muito popular, todos devem conhecer, é o efeito modal para abrir fotos sobre o site usando Javascript, veja aqui o efeito.
Pois bem, quando eu precisei deste efeito no Flash e Flex, escrevi uma classe Actionscript e o trabalho todo foi feito usando apenas o Flash.
Após uma mensagem do amigo Diego Tavares no fórum aqui do site sobre o uso do Lightbox e Shadowbox junto o Flash, andei pensando nessa união de JS e Flash, como eu estou acostumado a trabalhar com sites feitos completamente em Flash eu nunca senti necessidade de usar o Lightbox, mas para sites feitos parcialmente em Flash, para obter o efeito modal não temos saída, é preciso recorrer ao JS.
Eu vou mostrar aqui apenas como usar o Shadowbox, pois o Lightbox tem muitos exemplos na internet, e diferente do Shadowbox, o Lightbox abre apenas imagens.
Read the rest of this entry »
31 Comments »
February 14th, 2008
This movie requires Flash Player 8.
Post rápido apenas para avisar que o curso de AS3 está a venda novamente, tentei disponibilizar antes mas não foi possível.
Hoje estou respondendo a todos os e-mail que eu recebi em relação ao curso, peço desculpas por não ter respondido antes, mas eu realmente não tive tempo, motivo este de ter fechado o curso em dezembro.
E aproveitando, em poucas palavras o curso é composto de vídeo-aulas e um e-book em pdf para consulta, este material você recebe via CD, o CD é este que é mostrado no início do post, além disso você terá também acesso ao fórum do curso onde você poderá tirar suas dúvidas.
Mais informações em http://ericksouza.com/cursoas3
10 Comments »
February 14th, 2008
O Papervision 2.0 por se encontrar em versão alpha está disponível para download apenas via SVN (subversion).
Para baixar via SVN, baixe o TortoiseSVN e o instale em seu micro, depois crie uma pasta, clique com o direito e selecione a opção SVN Checkout..., coloque em URL repository: http://papervision3d.googlecode.com/svn/trunk/branches/GreatWhite/, clique em OK e aguarde o cliente baixar todos os arquivos. Pronto!
O PPV3D 2.0 está sendo atualizado frequentemente, portanto de vez em quando clique com o direito sobre a pasta e selecione a opção SVN Update.. para os arquivos serem atualizados.
5 Comments »
February 13th, 2008
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.
Actionscript:
-
import org.papervision3d.cameras.Camera3D;
-
import org.papervision3d.materials.BitmapAssetMaterial;
-
import org.papervision3d.materials.utils.MaterialsList;
-
import org.papervision3d.objects.primitives.Cube;
-
import org.papervision3d.render.BasicRenderEngine;
-
import org.papervision3d.scenes.Scene3D;
-
import org.papervision3d.view.Viewport3D;
-
import caurina.transitions.Tweener;
-
-
var viewport:Viewport3D = new Viewport3D(0,0,true,true);
-
addChild(viewport);
-
-
var cena:Scene3D = new Scene3D(true);
-
var camera:Camera3D = new Camera3D();
-
camera.zoom = 2.4;
-
camera.z = -250;
-
var render:BasicRenderEngine = new BasicRenderEngine();
-
-
var material:BitmapAssetMaterial = new BitmapAssetMaterial("btmCd");
-
material.smooth = true;
-
-
var materials:MaterialsList = new MaterialsList({front: material,
-
back: material,
-
right: material,
-
left: material,
-
top: material,
-
bottom: material});
-
-
var cubo:Cube = new Cube(materials, 250, 250, 250, 4, 4, 4);
-
cena.addChild(cubo);
-
-
addEventListener(Event.ENTER_FRAME, upRender);
-
-
function upRender(evt:Event):void
-
{
-
Tweener.addTween(cubo, {rotationY: mouseX, time: 1});
-
Tweener.addTween(cubo, {rotationX: mouseY, time: 1});
-
this.render.renderScene(cena, camera, viewport);
-
}
6 Comments »
February 9th, 2008
3 Comments »
February 1st, 2008
Hoje sem dúvida a melhor forma para inserir o arquivo SWF no HTML é o SWFObject, porém perdi algumas horas está noite por ter setado um parâmetro via SWFObject em meu SWF.
Estou trabalhando numa aplicação em Flex, e não estava conseguindo inserir itens no menu direito, via ContextMenu, onde só funcionava qunado clicado sobre um objeto Text (selectable=true), depois de muitos testes lembrei que no HTML estava setado a propriedade menu=false que remove parcialmente os itens do menu direito, e após remover a seguinte linha tudo funcionou como deveria
:
JavaScript:
-
so.addParam('menu', 'false');
Para remover os itens do menu direito basta utilizar o método hideBuiltInItems() a classe ContextMenu:
Actionscript:
-
var cm:ContextMenu = new ContextMenu();
-
cm.hideBuiltInItems();
-
this.contextMenu = this.cm;
Como já disse, uso o SWFObject para inserir o SWF no HTML, e por este motivo não testei se via tags HTML o bug também ocorre, o código HTML que citei é:
HTML:
-
<param name="menu" value="false"/>
Se alguém testar, por favor me avise e eu edito o post e adiciono essa informação.
IMPORTANTE: Estou usando o Flex 3 Beta 3, portanto temos todos estes fatores a serem considerados, e pode ser que este bug não se reproduza no Flex 2 ou no Flash.
No Comments »
January 16th, 2008
Meu micro principal é um Macbook, e desenvolvendo uma aplicação em Flex a falta do suporte ao Mouse wheel estava me chateando e resolvi partir para uma solução.
Encontrei diversas soluções, mas somente uma automática, que é o que eu preciso, habilitar o suporte a mouse wheel na aplicação. A solução foi encontrada no hasseg.org, muito simples de ser aplicado.
Primeiro inclua o javascript no html da página.
Obs: O swf está sendo incluído via SWFObject.
JavaScript:
-
<script type="text/javascript">
-
var mw_flashMovieId = "flashMovie"; //id do seu swf
-
var mw_flashContainerId = "flashContainerDiv"; //id da div do seu swf
-
</script>
-
<script src="osxmousewheel.js" type="text/javascript"></script>
No Actionscript da sua applicação Flex:
Actionscript:
-
import org.hasseg.externalMouseWheel.*;
-
private var _mwSupport:ExternalMouseWheelSupport = ExternalMouseWheelSupport.instance;
-
-
ExternalMouseWheelSupport.registerAutomatically = true;
Pronto! Já está com o suporte ao mouse wheel e você pode também adicionar listener normalmente:
Actionscript:
-
myBox.addEventListener(MouseEvent.MOUSE_WHEEL, function(event:MouseEvent):void {
-
t.text = ("Mouse wheel delta: "+event.delta);
-
});
Exemplo rodando.
Código fonte do exemplo com o javascript e package dos scripts necessários.
E ainda uma documentação.
No Comments »