Leonardo França » ActionScript 3.0 http://www.leonardofranca.com.br Consultor e Desenvolvedor Flash Platform (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 13:56:45 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 SharedObject com Flash Media Server http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/ http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/#comments Tue, 03 Jan 2012 01:24:06 +0000 Leonardo França http://www.leonardofranca.com.br/?p=2047 Continue reading →]]> SharedObject é um recurso que dar ao Flash Player a capacidade de salvar dados localmente para poder ser usado posteriormente em sua aplicação, a grosso modo é como um cookie. Com o Flash Media Server, foi introduzido a possibilidade de usar o SharedObject Remote, no qual os dados são salvos no servidor Flash Media Server e compartilhados para todas as instâncias de uma conexão entre o Flash Player e o Flash Media Server. Isso possibilita a criação de aplicativos em real time como Dashboards, chats e o que mais a imaginação permitir.

O uso do SharedObject Remote pode ser usado de duas maneiras em conjunto com o Adobe Flash Media Server.

  • Somente pelo lado cliente, através do Flash Player/AIR
  • Em conjunto com ActionScript Communication, linguagem de servidor do Flash Media Server

Vejamos o primeiro caso:

Através do lado cliente, através do Flash Player/AIR

Caso você não tenha conhecimento para usar a linguagem Server-side do Flash Media Server, é possível utilizar o SharedObject Remote somente pelo ActionScript 3.0. Vamos a um exemplo clássico sharedBall, onde o objetivo é compartilhar as posições da bolinha a atualizar nos outros clientes conectados a mesma instância.

  • Vá até o diretório de instalação do Flash Media Server e procure pela pasta "applications", lá crie um diretório chamado "sharedBall", dentro dele um arquivo chamado "main.asc"
  • Abra o main.asc no seu editor de textos de preferencia ou pelo próprio Flash e digite: trace("sharedBall...");
  • Vamos testar esse arquivo, abra o console do Flash Media Server, geralmente fica localizado no diretorio de instalação/webrrot/swfs. Você pode abrir pelo browser ou o swf diretamente.
  • Clique no botão "View Applications" e em seguida procure o nome "sharedBall" no combobox logo no canto inferior esquerdo onde está escrito "New Instance..."
  • Selecione "sharedBall" e deveremos ter na aba Live Log algo como na imagem abaixo:

  • No Flash, criei uma bola com as ferramentas de desenho e converti para MovieClip dando o nome de "mc_ball".
  • Estamos prontos para começar a integração entre o Flash e o Flash Media Server. Crie um layer para o ActionScript e abra o editor apertando F9 ou "Window->Actions"
  • Nosso código começa com a conexão com o servidor Flash Media Server
PLAIN TEXT
ACTIONSCRIPT3:
  1. import flash.net.NetConnection;
  2. import flash.events.NetStatusEvent;
  3.  
  5.  
  6. function init():void
  7. {
  8.     nc = new NetConnection();
  9.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  10.     nc.connect("rtmp://localhost/sharedBall");
  11. }
  12.  
  13. function handlerNetStatus(evt:NetStatusEvent):void
  14. {
  15.     trace(evt.info.code);
  16. }
  17.  
  18. init();

Feito isso, podemos testar o swf apertando Ctrl+Enter, se tudo correr bem, deveremos ter a seguinte mensagem no output do Flash:

NetConnection.Connect.Success

Com a conexão feita, podemos instanciar o nosso SharedObject Remote para compartilhar as posições de x e y da bolinha.

PLAIN TEXT
ACTIONSCRIPT3:
  1. if(evt.info.code == "NetConnection.Connect.Success")
  2.     {
  3.         so = SharedObject.getRemote("so",nc.uri,false);
  4.         so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  5.         so.addEventListener(SyncEvent.SYNC, handlerSync);
  6.         so.connect(nc);
  7.     }

O handlerSync é responsável por atualizar os dados de x e y pegaremos do SharedObject Remote:

PLAIN TEXT
ACTIONSCRIPT3:
  1. function handlerSync(evt:SyncEvent):void
  2. {
  3.     mc_ball.x = so.data.x;
  4.     mc_ball.y = so.data.y;
  5. }

Daremos a opção de ao clicar na bolinha, que ela possa ser arrastável, em seguida atualizaremos as posições de x e y no SharedObject Remote:

PLAIN TEXT
ACTIONSCRIPT3:
  1. mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
  2. mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
  3.  
  4. function handlerSharedBall(evt:MouseEvent):void
  5. {
  6.     this.addEventListener(Event.ENTER_FRAME, update);
  7.     mc_ball.startDrag();
  8. }
  9.  
  10. function handlerSharedBallOut(evt:MouseEvent):void
  11. {
  12.     mc_ball.stopDrag();
  13. }
  14.  
  15. function update(evt:Event=null):void
  16. {
  17.     so.setProperty("x",mc_ball.x);
  18.     so.setProperty("y",mc_ball.y);
  19. }

Segue o código completo:

PLAIN TEXT
ACTIONSCRIPT3:
  1. import flash.net.NetConnection;
  2. import flash.events.NetStatusEvent;
  3. import flash.net.SharedObject;
  4. import flash.events.SyncEvent;
  5. import flash.events.MouseEvent;
  6. import flash.events.Event;
  7.  
  9. var so:SharedObject;
  10.  
  11. function init():void
  12. {
  13.     nc = new NetConnection();
  14.     nc.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  15.     nc.connect("rtmp://localhost/sharedBall");
  16. }
  17.  
  18. function handlerNetStatus(evt:NetStatusEvent):void
  19. {
  20.     trace(evt.info.code);
  21.     if(evt.info.code == "NetConnection.Connect.Success")
  22.     {
  23.         so = SharedObject.getRemote("so",nc.uri,false);
  24.         so.addEventListener(NetStatusEvent.NET_STATUS, handlerNetStatus);
  25.         so.addEventListener(SyncEvent.SYNC, handlerSync);
  26.         so.connect(nc);
  27.     }
  28. }
  29.  
  30. function handlerSync(evt:SyncEvent):void
  31. {
  32.     mc_ball.x = so.data.x;
  33.     mc_ball.y = so.data.y;
  34. }
  35.  
  36. mc_ball.addEventListener(MouseEvent.MOUSE_DOWN, handlerSharedBall);
  37. mc_ball.addEventListener(MouseEvent.MOUSE_UP, handlerSharedBallOut);
  38.  
  39. function handlerSharedBall(evt:MouseEvent):void
  40. {
  41.     this.addEventListener(Event.ENTER_FRAME, update);
  42.     mc_ball.startDrag();
  43. }
  44.  
  45. function handlerSharedBallOut(evt:MouseEvent):void
  46. {
  47.     mc_ball.stopDrag();
  48. }
  49.  
  50. function update(evt:Event=null):void
  51. {
  52.     so.setProperty("x",mc_ball.x);
  53.     so.setProperty("y",mc_ball.y);
  54. }
  55.  
  56. init();

Veja uma demostração em funcionamento:

Compre o Arquivo fonte de exemplo por R$4,99

Mais códigos e PDFs clique aqui.

]]> http://www.leonardofranca.com.br/index.php/2012/01/02/sharedobject-com-flash-media-server/feed/ 0 Adobe LiveCycle Collaboration Service http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/ http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/#comments Sun, 31 Jul 2011 19:27:41 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1132 Continue reading →]]> A Adobe lançou um serviço anteriormente conhecido com o codinome de Cocomo(Common Collaboration Model), logo em seguida passou a se chamar Adobe Flash Collaboration Service e agora é oficialmente parte da família LiveCycle, sendo chamado de Adobe LiveCycle Collaboration Service.
O LCCS tem como objetivo funcionar como um SAAS(Software as a Service) para simplificar e facilitar o desenvolvimento de aplicativos RIA baseados em multimidia. Permite que os arquitetos e desenvolvedores possam criar experiências de usuário mais envolvente e mais dinâmicas oferecendo suporte a multi-user, colaboração em real time para novos ou já existentes aplicativos RIA.

Alguns destaques:

  • Facilmente integrar chat, whiteboard, webcam e VoIP.
  • Desenvolver e implementar rapidamente aplicações com um SDK bem completo e com muito exemplos.
  • Bibliotecas para Adobe Flash e Flash Builder, para rodar no Flash Player 9 ou Flash Player 10(Alguns recursos como P2P só funcionam a partir do Flash Player 10).
  • Gerenciar usuários e os dados da sessão.
  • Construir suas aplicações em nuvem

Para começar a usar o LCCS, basta acessar o portal LCCS Developer Portal e entrar com seu login ou cadastrar-se. O portal serve para você administrar instancias das suas aplicações, você pode acompanhar o número de conexões, banda usada etc.

Modelo de cobrança
LCCS tem 3 diferentes metodos para cobrança:

  • Live Stream Bandwidth - $0.49 per GB
  • Push Messages - $0.10 per 1000 messages
  • User Minutes - $0.01 per Hour

Leia o FAQ para mais detalhes. Você tem uma cota free e pode usar até 15 dolares por mês.

Referencias:
http://www.flashrealtime.com/livecycle-collaboration-service-pricing/
https://portal.collaboration.adobelivecycle.com/

]]> http://www.leonardofranca.com.br/index.php/2011/07/31/adobe-livecycle-collaboration-service/feed/ 2 Usando Acelerômetro com Adobe AIR for iOS http://www.leonardofranca.com.br/index.php/2011/05/13/usando-acelerometro-com-adobe-air-for-ios/ http://www.leonardofranca.com.br/index.php/2011/05/13/usando-acelerometro-com-adobe-air-for-ios/#comments Sat, 14 May 2011 01:15:26 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1623 Continue reading →]]> iphone axisO iPhone possui uma variedade grande de jogos e aplicativos que utilizam o recurso do acelerômetro. Dentre alguns recursos disponiveis que o Adobe AIR pode acessar, o acelerômetro está entre um deles, podendo acessar os dados dos eixos X, Y e Z.

O exemplo utilizado é o mesmo que consta no artigo para uso do acelerômetro com AIR for Android e que foi baseado do exemplo de uso do acelerômetro com Flash Lite 4.0.

Veja o resultado: Usando Acelerômetro com Adobe AIR for iOS

Baixe o fonte
DOWNLOAD

]]> http://www.leonardofranca.com.br/index.php/2011/05/13/usando-acelerometro-com-adobe-air-for-ios/feed/ 4 10 motivos para não ficar de fora do Flash Camp Brasil 2011 http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/ http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/#comments Sun, 13 Mar 2011 02:34:41 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1633 Continue reading →]]>

Flash Camp Brasil 2011

1. Fique por dentro das últimas novidades e anúncios sobre tecnologia e design no mundo, e de quebra ainda concorra a vários brindes como programas Adobe e MUITAS outras surpresas.
2. Lidere o ramo de tecnologia em sua região e seja referência na sua equipe de TI, participando dos workshops oficiais pré-conferência com alguns dos melhores instrutores do Brasil (Flex para Java Developers, Digital Publishing Suite, Flash Catalyst ou AS 3.0 on Fire).
3. Apresentações inéditas de empresas de tecnologia e líderes de agências digitais premiadas no cenário mundial como Zynga (criadora do FarmVille), RIM (BlackBerry), Adobe, Gringo e Seagulls Fly, por preços muito acessíveis.
4. Sol, mar e tecnologia. Desfrute de Maceió, na região Nordeste, um dos destinos turísticos brasileiros mais procurados, com belíssimas praias e uma natureza deslumbrante.
5. Hoje em dia empresas internacionais estão muito interessadas em conhecer os desenvolvedores e designers brasileiros. Conheça algumas dessas empresas pessoalmente.

Confira o restante dos motivos:
http://events.actioncreations.com/flashcampbrasil/10motivos/

Visite o site e obtenha mais detalhes:
www.flashcampbrasil.com.br

]]> http://www.leonardofranca.com.br/index.php/2011/03/12/10-motivos-para-nao-ficar-de-fora-do-flash-camp-brasil-2011/feed/ 1 Usando Acelerômetro com Adobe AIR for Android http://www.leonardofranca.com.br/index.php/2011/03/10/usando-acelerometro-com-adobe-air-for-android/ http://www.leonardofranca.com.br/index.php/2011/03/10/usando-acelerometro-com-adobe-air-for-android/#comments Thu, 10 Mar 2011 03:01:47 +0000 Leonardo França http://www.leonardofranca.com.br/?p=1602 Continue reading →]]>

Shake Them All

Um cliente deixou comigo um Motorola Milestone para que pudesse desenvolver um aplicativo para tal. O problema foi que o MilestoneCompre agora no Submarino! 1, não vinha com o Android 2.2(froyo) e a atualização parece que vai demorar ainda(o Motorola Milestone 2Compre agora no Submarino! já vem com Android 2.2). Mas como não podia esperar (e claro, com o aval do cliente), decidi usar uma room customizada para instalar o Android 2.2 no Milestone 1. Segui os passos desse artigo e correu tudo bem e a primeira coisa que fiz foi instalar o Adobe AIR for Android(que surpresa :P ).

Após alguns testes e um tempo me familiarizando com a interface do Android, resolvi rodar o código que usei para demontrar o uso do acelerômetro com Flash Lite 4.0.
Veja o resultado sem precisar mudar uma linha de código:

E o código fonte:
DOWNLOAD

A imagem que ilustra o artigo é do live wallspaper Shake Them All que usa o acelerômetro do aparelho como simulação de gravidade para os robozinhos android "cairem" pelo home screen :D

]]> http://www.leonardofranca.com.br/index.php/2011/03/10/usando-acelerometro-com-adobe-air-for-android/feed/ 3