O Flash Camp Brasil será realizado nos dias 15 e 16 de janeiro de 2010 na cidade de Maceió no hotel Maceió Mar Hotel. Para aqueles que não tiveram a chance de ir para o Adobe Max 2009, é uma excelente oportunidade para conhecer o que há de mais recente em termos de Adobe.

Uma das grandes atrações será a demonstração do novo Flash CS5 e suas novas funcionalidades.

Alguns temas que serão abordados neste evento são :

Palestra: Realidade Ampliada 1.0
Palestrante: Daniel Morena (Diretor de Criação da 32 Bits)

Palestra: Pequenas Vidas – Comparando ActionScript 3.0 com a definição da Vida.
Palestrante: Sam Rivello (Adobe Flash Platform Consultant da RMC)

Palestra: Desenvolvimento para Mobile e para Desktop com Flash e AIR 2.0.
Palestrante: Lee Brimelow (Adobe Platform Evangelist)

Click aqui para ver toda a programação.

E no ultimo dia será sorteado 1 Kit do Flash Camp Brasil (Camiseta+agenda+caneta), 1 Treinamento Oficial Adobe, 1 Pacote Adobe CS4 Design Premium (10 programas oficiais) e 1 iPod Touch .

Para participar é cobrada uma taxa de 45 reais.

Click aqui para se inscrever


Principais Características do Adobe Flash Player 10.1

  

  • A nova versão terá suporte a uma grande variedade de dispositivos móveis, incluindo smart phones, computadores portáteis e sistemas operacionais para desktop.
  • Um novo recurso bem interessante é a de aceleração de hardware com auxilio de placa de vídeo, melhorando a reprodução de vídeos e reduzindo a utilização dos recursos do sistema.
  • O Flash Player 10 foi implementado com o protocolo RTMFP, que deu possibilidade para o usuário interagir com outro usuário com áudio e vídeo usando uma rede p2p com o auxilio do servidor Stratus, porém antes só era possível a interação de um usuário para outro. Agora com o novo Flash Player 10.1 o desenvolvedor pode criar aplicações com possibilidades de interação para múltiplos usuários.
  • Novo recurso de publicação de vídeo on-demand e live streaming usando servidores HTTP (Previsto para o primeiro semestre de 2010).
  • Suporte a Multi-touch (Assista o demo)

 

Principais Características do Adobe AIR 2

 

  • Aumento no desempenho da CPU no Mac: muitos aplicativos estão consumindo 50% menos do CPU durante a execução em segundo plano.
  •  Redução do uso de memória.
  •  Suporte a Multi-touch .
  •  Detector de entrada e saída de volumes de armazenamento por exemplo:  pen-drives e alguns tipos de câmera.
  •  Apoio a softwares de leitura de tela (somente para Windows): os usuários poderão usar softwares de leitura de tela como o JAWS em aplicações AIR .

 

Veja mais detalhes


Neste tutorial explicarei, passo-a-passo, da forma mais didática possível (desculpem aqueles com conhecimento avançado em AS) como utilizar o Lightbox no Flash. Deixo registrado aqui crédito ao Lucas Ferreira que disponibilizou o código inicial, ao qual fiz algumas adaptações.

Veja aqui o exemplo que nós criaremos neste tutorial e baixe aqui os arquivos que serão utilizados.

1º Passo: Criando o arquivo Flash

Abra o arquivo lightbox.fla localizado dentro da pasta fla.
Veja que no palco, temos nada mais que 6 Movie Clips com os thumbs das fotos, todos devidamente instanciados.
Como já mencionei no início, este é um tutorial didático, logo, os rebuscamentos e animações deixo por conta de vocês, ok?
Cliquem no primeiro frame da camada actions e abram o painel de ações.
No início do código, declarei dois Arrays: fotos_array e legendas_array. No primeiro, iremos colocar o caminho para todas as fotos que queremos ver no Lightbox e, no segundo, suas respectivas legendas. Caso não queira utilizar legendas, basta declarar como um Array vazio.

var legendas_array:Array = [];

Mais abaixo no código, temos os eventos de onRelease dos MovieClips que, ao serem clicados, invocam a função lightbox passando como parâmetro o índice da foto a ser aberta.

Bom, agora a parte mais importante do código. A função lightbox.

function lightbox(fotoSelecionada:Number):Void{

	function formata(item_str){ //formata a string e encoda em padrão HTML
		return "'" + escape(item_str) + "'";
	}

	if(flash.external.ExternalInterface && flash.external.ExternalInterface.available){ //verifica se exite esta API que permite a comunicação do ActionScript com o JavaScript

		flash.external.ExternalInterface.call("Lightbox.start", fotos_array, legendas_array, fotoSelecionada); //chama a função start do JavaScript

	}else{ //caso a API não esteja disponível, os strings são formatados para o encode padrão HTML e a função javaScript é chamada pelo método tradicional

		for(var i=0; i<fotos_array.length; i++) fotos_array[i] = formata(fotos_array[i]);
		for(var i=0; i<legendas_array.length; i++) legendas_array[i] = formata(legendas_array[i]);

		getURL("javascript:Lightbox.start([" + fotos_array.join(",") + "],[" + legendas_array.join(",") + "]);void(0);");

	}
}

Comecemos pelo primeiro if/else, onde verificamos se a API ExternalInterface está disponível, pois através dela faremos a comunicação do nosso código AS com o JavaScript. Caso a combinação do seu Sistema Operacional + Navegador aceite a API, fazemos uma chamada direta através do método call à função start do arquivo JavaScript lightbox.flash.js. Fiz uma adaptação neste arquivo de forma a passar também o índice da foto selecionada como parâmetro para que a foto respectiva seja aberta pelo Lightbox.
Caso seu navegador não tenha suporte à API ExternalInterface, temos que encodar os itens dos Arrays para o padrão HTML através da função scape. Esta função transforma os caracteres especiais para o padrão HTML, em hexadecimal (Ex: flavio@3k3.com.br seria transformado para flavio%403k3%2Ecom%2Ebr). Feito isso, usamos a função getURL normalmente para chamar a função JavaScript.

Pronto, podemos publicar este arquivo Flash.
Vá em File>Publish Settings e mande publicar o swf e o html.

2º Passo: Instalando o Lightbox

Na verdade, nenhuma instalação será necessária, basta copiar as pastas css, js e images no diretório como os arquivos swf e html que acabamos de publicar.
Não entrarei em detalhes sobre o funcionamento dos JavaScripts neste tutorial, afinal o foco é ActionScript. Aqueles que quiserem fuçar o mesmo, fiquem à vontade.

3º Passo: Preparando o HTML

Este passo é muito importante e é onde a maioria das pessoas acabam se perdendo, não conseguindo finalizar corretamente o processo.
Abra o arquivo html que geramos no primeiro passo em um editor.
Dentro do escopo da tag head certifique-se de inserir os códigos abaixo. Atente para os scripts assinalados em amarelo.



Em alguns navegadores, o swf estava sendo escondido pelo Lightbox, o que não dava um efeito visual legal de transparência.
Para evitar isso mude o Window Mode (wmode) para opaque. Veja abaixo:



Tudo pronto!

Agora, basta publicar os arquivos e ver o resultado! =)


Tags: , ,