depois de milhões de anos decidi atualizar meu portfólio, mostrando alguns trabalhos que acabaram de sair do forno e outros que foram realizados ano passado você confere clicando na imagem:

InputText faz parte da classe TextField que é responsável pela exibição de entrada de texto no conteúdo Flash. Então vamos para o nosso tutorial express, criei uma class com o nome de TextExample esse primeiro passo vamos adicionar um campo de texto ao palco vou comentar todo o código.

package
{

	//importando as classes necessárias

	import flash.display.Sprite;
	import flash.text.TextField;
	import flash.text.TextFieldType;

	public class TextExample extends Sprite
	{
		// criando um campo de texto
		public var tf:TextField;

		public function TextExample()
		{
			//instanciando um campo de texto novo
			tf = new TextField();

			// propriedades
			tf.height = 20;
			tf.width = 200;
			tf.x = 10;
			tf.y = 40;

			//definindo o tipo do campo de texto para input
			tf.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			tf.border = true;

			//adicionando o campo de texto no palco
			addChild(tf);
		}

	}

}

A propriedade que restringe a entrada de dados é “.restrict” ela recebe uma String. Quando ele não é definido ele aceita qualquer tipo de entrada, para permitir uma sequência de caracteres usamos o hífen “-”, por exemplo, se que quiser permitir apenas números em meu campo de texto vou usar “0-9″, se quiser umas apenas letras minúsculas “a-z”.
Para negar a permissão de um caracter específico usamos o acento circunflexo “^”, por exemplo, “^1-3″ exclui a entrada dos números de 1 a 3. Vamos agora para a prática:

package
{

	//importando as classes necessárias

	import flash.display.Sprite;
	import flash.text.TextField;
	import flash.text.TextFieldType;

	public class TextExample extends Sprite
	{
		// criando um campo de texto
		public var soNumeros:TextField;
		public var soLetras:TextField;

		public function TextExample()
		{
			//instanciando um campo de texto novo
			soNumeros 	= new TextField();
			soLetras 	= new TextField();

			// propriedades de soNumeros
			soNumeros.height = 20;
			soNumeros.width = 200;
			soNumeros.x = 10;
			soNumeros.y = 40;

			//permitindo apenas numeros
			soNumeros.restrict = "0-9";

			//defininindo o tipo do campo de texto para input
			soNumeros.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			soNumeros.border = true;

			// propriedades soLetras
			soLetras.height = 20;
			soLetras.width = 200;
			soLetras.x = 230;
			soLetras.y = 40;

			//permitindo apenas letras maiúsculas e minúsculas
			soLetras.restrict = "a-z A-Z";

			//defininindo o tipo do campo de texto para input
			soLetras.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			soLetras.border = true;

			//adicionando o campo de texto no palco
			addChild(soNumeros);
			addChild(soLetras);
		}

	}

}

E o resultado seria o seguinte :

Se no exemplo acima quiséssemos excluir a entrada de algum caracter funcionaria da forma abaixo:

// seria permitido apenas números menos e número 5
soNumeros.restrict = "0-9 ^5";

Esse exemplo também seria aplicável em qualquer tipo de caracter, fechamos por aqui esse tutorial.

via :@duii

http://danceoff.jayjays.com.au/

Filipe Cunha(@_lipao_) intrutor Flash/actionScript do Instituto Infnet , desenvolvedor AS da Globo.com e consultor Adobe. Deu sua contribuição sobre o assunto, valeu Filipe.

Por Filipe Cunha

Eu trabalho há 12 anos com web onde os últimos 7 foram dedicados ao Flash e Actionscript. Assim como muitas pessoas, desenvolvi um apego muito grande à ferramenta. Na época gostava muito da Macromedia e agora como consultor Adobe, também tenho um carinho com a marca.
Em um primeiro momento podemos pensar: Dediquei muito tempo estudando Actionscript, ele não pode morrer agora.
Claro… esse também foi o meu, afinal, Flash (actionscript e tecnologias relacionadas) foi no que escolhi me especializar.

Passado esse primeiro momento e depois de ler alguns depoimentos de personalidades como Steve Jobs, Kevin Lynch, Lee Brimelow, Grant Skinner e mais 500 pessoas sobre o assunto, lembrei muito do caso de um amigo que tive. Ele era fera em Corel Draw, na época em que Corel era um dos principais softwares de edição vetorial. Quando o Illustrator começou a ganhar terreno, esse cara não quis nem instalar o programa, dizendo que resolvia sua vida toda com o Corel. Somente muito tempo (muito tempo mesmo), foi que esse amigo saiu da sua zona de conforto e se aventurou a estudar outras coisas.

A verdade é que o profisisonal de internet em geral, seja a área que for, tem que ser versátil ao ponto de conseguir ver qual ferramenta disponível no mercado atende melhor suas necessidades e não ter medinho de usá-la. Não se pode ter uma visão “bairrista” dizendo que determinada tecnologia sempre irá resolver seus problemas e não ficar focado em uma so linguagem (não apenas linguagem de programação, mas linguagem de comunicação em geral).

De tudo que vi do HTML 5 até agora, não tenho a menor preocupação com a morte do Flash e acredito que apenas ele com seu amigo javascript (jQuery e afins) não são esse “Flash killer” que alguns esperam. Como o Fellyph Cintra já disse em outro post, o Flash já “morreu” quando surgiu o “tabless”, “morreu” quando surgiu o Ajax e agora “está morrendo” novamente com HTML 5. Acredito que terá uma redução na demanda por Flash, o que é bem diferente de morte.

O Flash deixou de ser um programa de designer há muito tempo. Hoje vejo muitas pessoas que vem de TI se interessando em se aprofundar no Actionscript. Acho que isso por si só mostra a maturidade não só da liguagem mas da plataforma Flash como um todo (Flash, Flex e Air).

Como disse Bruno Ribeiro: “Só defende o Flash incondicionalmente quem não usa ele o suficiente”. Concordo em gênero número e gral. O Flash tem muitos buracos que outras tecnologias podem suprir e vice-versa.

Acho que tem muito barulho em torno disso por dois motivos:

1 – Até hoje o Flash não tinha concorrência e agora surgiu “alguém” dizendo: Você faz isso? Eu também!
Muita gente fica com medo disso pensando que vai ter trabalho para aprender mais uma coisa, em especial os designers que estão se aventurando no actionscript e quanto à isso eu sempre digo: Quem não gosta de estudar, está na área errada!

2 – Flash não roda na família mobile da Apple (iPhone, iPad e iPod). Bom, fico cansado só em pensar em discutir isso. Para quem não sabe, iPhone não tem nem 17% do mercado de smartphones. O iPad foi um estouro… sim… vendeu não sei quantos mil no primeiro final de semana. Vamos esperar os Pads concorrentes, que na sua grande maioria rodam o FlashPlayer, chegarem ao mercado e depois discutiremos. O iPod não roda FlashPlayer? Sem comentários!!

Desde o começo de ano já escutei muito o Flash vai morrer… O Flash vai morrer… O Flash vai morrer…

Mas na realidade eu sempre escutei isso, veio o tableless, veio a tona a discussão nos forum e listas.

“O Flash precisa de plugin…JS não…”
“O Flash não é acessível…”
“O Flash não é openSource…”

Depois veio Ajax voltou tudo de novo, passou um tempo e agora HTML 5 (nem vou falar de silverlight porque não conta). Nesse período já se passaram 6 anos e o Flash ainda não morreu.

Durante esse tempo o Flash passou por 3 fases:

• A fase “inrracional” pra tudo se tinha Flash era a solução de todos os problemas da web.
• A fase de “luxo” onde usar Flash era Hype.
• E a fase “racional”(fase atual) se pensa bem antes de fazer um site em flash, pesa na balança vantagens e desvantagens dependendo do tipo de aplicação.

Mas o Flash morre ou não morre ?

Meu voto é: Agora Não!!!

Se morrer não vai ser agora, o Flash está presente na maioria dos sites, 85% dos 100 maiores sites do mundo usam flash, está em 98% dos Pcs conectados a internet, 75% dos vídeos na web rodam em flash e uma nação 3.5 milhões de desenvolvedores(the truth of flash).

Então o Steve Jobs não vai dar um tiro com uma bala de prata e o Flash vai cair duro(por conta de sua carta cortando as relações como o flash).

Claro que como qualquer tecnologia pode surgir uma tecnologia substituta, nossa área é assim em um mês pode mudar muita coisa. Mas o simples fato do Flash não rodar no iPhone e no iPad, não vai matar o Flash.

Claro seria legal mostrar para nossos clientes olha o site em flash também roda no seu iPhones, mas infelizmente não vai ser possível, mas antes do iPhone ser iPhone o Flash já era Flash. Claro que Adobe olha com bons olhos o Flash em dispositivos móveis, já temos o Flash Lite que por aqui não emplacou por conta do baixo número de aparelhos que suportam a tecnologia, o Japão foi o lugar onde fez mas sucesso. Vamos esperar agora pelo Android que tem suporte ao flash player 10.1 ver onde essa história vai parar.

Mas hoje dia 17 de maio de 2010, não tem uma tecnologia que substitua o Flash a altura, com todas as funcionalidades que o Flash oferece, fácil animação de elementos, simulação de ambiente 3D sem uma programação não complexa, efeitos em imagens bitmap, ambiente que rode do mesmo jeito em todos os browsers. Alguns testes podemos ver no site: http://html5vsflash.tumblr.com/post/596244543/depth-of-field

Um dia o Flash vai morrer um dia do mesmo jeito que o Java vai morrer um dia, como já falei qualquer linguagem está sujeita a isso. E se por uma catástrofe o Flash morrer daqui a um ano ou seis meses milhares de códigos vão se transformar em HTML5 ou javascript num apertar de um botão NÃO, por isso eu não entendo o desespero de algumas pessoas. Muitas linguagens já “morreram” mas muitas linhas de código ainda necessitam de manutenção até hoje um grande exemplo é o COBOL.

O HTML 5 está ai com muita coisa nova junto com jQuery estão aparecendo muitos sites legais e isso tende a aumentar. Muitas agências já vêem o futuro em essa no HTML5. Muito legal ver um site com slide em jQuery funcionando no iPhone tudo isso é lindo, é fino e é opensource. Mas tudo tem seus problemas o ie está ai para atormentar a vida do Front-end. HTML 5 ainda não tem suporte para todos os browsers em um futuro breve vai ter, mas boa parte dos usuários vão ter que atualizar os Browsers e isso leva tempo.

Não sou do tipo que torce contra, vejo futuro o no HTML5 acredito que ele vai tirar uma fatia do desenvolvimento de aplicativos em Flash gradativamente. Acho que comparar essas duas tecnologias é como comparar Coca e Fanta, nenhuma é melhor que o outra mas cada uma tem seu espaço, cada uma se aplica bem a um caso x. Sempre um vai ser bom com Run e o outro vai ser bom com Vodka(brincadeira).

Mas o sucesso de uma aplicação não depende da tecnologia mas como ela é aplicada.

A Safari esta precisando de uma pessoa que se garanta com em as3, papervision e
que tenha um bom conhecimento em as2.

Interessado entre em contato com: marcelo@safaristudio.com.br

8h/dia e salário a combinar.
Só depende do conhecimento técnico de cada pessoa.

www.safaristudio.com.br

Agência web referência em flash em recife está com uma vaga para desenvolvedor Flash AS3 com boa experiência.

Portfólio para irving@fishy.com.br

E ae pessoal Sexta-Feira passada dia 30 de abril de 2010 saiu o flash CS5 para download no link : http://www.adobe.com/downloads/.
Cheguei até twittar que tava baixando a nova versão mas só hoje abri o flash de verdade.

Depois de 30 minutos usando o novo flash de cara eu vi as seguintes novidades:

• Para utilizar o trial ele pede o adobe ID.



• Possibilidades de trabalhar com templates na tela de abertura, muito legal os templates de Advertising já com tamanhos prontos de elementos de publicidade como banners.



• ActionScript 2.0 não morreu !!! ainda tem a possibilidade de trabalhar com AS2 no CS5
• Mesmo com o bloqueio da apple e limitar aplicações somente exportadas com objective C, ainda te a opção de exportar pra iPhone.
• Code snippets, alguns códigos prontos de coisas comuns muito utilizadas no flash.
• Melhorias no editor de código de actionScript com um alto completar com mais funções.

No post passado falei um pouco do pixel bender se não viu tem o link abaixo :

Introdução a Pixel Bender ToolKit

Então vamos lá vou utilizar o código do tutorial passado, mas antes temos que exportar o nosso script para o formato que o Flash suporta. então com o código anterior aberto.

kernel NewFilter
<   namespace : "Your Namespace";     vendor : "Your Vendor";     version : 1;     description : "your description"; >
{
    input image4 src;
    output pixel4 dst;
 
    void
    evaluatePixel()
    {
        dst = sampleNearest(src,outCoord());
        dst.r += 0.4;
        dst.b -= 0.4;
 
    }
}

Vamos exportar esse filtro para o Flash da seguinte forma: menu superior > file > Export Kernel Filter for Flash.

O pixel bender irá exportar uma extensão “.pbj” escolha o mesmo local onde será salvo seu Flash. Agora vamos para o Flash crie um novo documento. E importar a imagem “YellowFlowers.png” essa imagem você encontra no seguinte endereço:

* Windows: C:\Program Files (x86)\Adobe\Adobe Utilities\Pixel Bender Toolkit\sample images
* Mac OS: Mac HD/Applications/Utilities/Adobe Utilities/Pixel Bender Toolkit/sample images

Jogue a imagem no palco e converta em movieclip:

Coloque o nome de instância do movieclip “flor”:

Agora vamos ao código :

//criamos uma requisição com o endereço do nosso filtro
var urlRequest:URLRequest = new URLRequest("pixelbender.pbj");
 
//instaciamos um novo URLLoader para carregar nossa requisição
var urlLoader:URLLoader = new URLLoader();
urlLoader.dataFormat = URLLoaderDataFormat.BINARY;
 
//adicionamos um evento para quando
urlLoader.addEventListener( Event.COMPLETE, aplicarFiltro);
urlLoader.load(urlRequest);
 
function aplicarFiltro( event:Event ):void
{
  	var shader:Shader = new Shader( event.target.data );
	var shaderFilter:ShaderFilter = new ShaderFilter( shader );
	flor.filters = [ shaderFilter ];
}

Quando o filtro for carregado o Evento COMPLETE irá chamar a função “aplicarFiltro” dentro da função criamos uma variável do tipo Shader: é o kernel do pixel bender no Flash ele cuida de aplicar as funções dos filtros em cada pixel da imagem. Gerencia o input e o output de uma ou mais imagens.
Na linha seguinte temos o ShaderFilter ele é o filtro em si que é aplicado nos DisplayObjects, aplicamos diretamente da propriedade filters passando um array [] como podemos ver na última linha. Se tivessemos trabalhando com BitmapData usaríamos o método BitmapData.applyFilter().

Agora vou criar um novo filtro no pixel bender para ser usado no flash :

kernel NewFilter
<   namespace : "Your Namespace";     vendor : "Your Vendor";     version : 1;     description : "your description"; >
{
    input image4 src;
    output pixel4 dst;
    // estou criando um paramento "azul" do tipo float que seu valor minimo é -1;
   // o valor máximo é 1 e o valor default é 0
    parameter float azul
    <         minValue: -1.0;         maxValue: 1.0;         defaultValue: 0.0;     >;
 
    // criei um parametro com o nome vermelho
    parameter float vermelho
    <         minValue: -1.0;         maxValue: 1.0;         defaultValue: 0.0;     >;
    // e um parametro com o nome verde
    parameter float verde
    <         minValue: -1.0;         maxValue: 1.0;         defaultValue: 0.0;     >;
 
    void
    evaluatePixel()
    {
 
        dst = sampleNearest(src,outCoord());
        // no meu output eu mutiplico cada parâmetro em um canal especifico
        // float4 ele trabalha com os 4 canais vermelho, verde, azul e alpha
        dst += float4(0.5*vermelho, 0.5*verde, 0.5 * azul, 0.0);
    }
}

Se você rodar o script no Pixel Bender irá notar que aparecerá 3 slides no canto direito da IDE do Pixel Bender.

Export para o script pra o formato aceito para o flash, e vamos montar o nosso exemplo:

Estou utilizando o fla antigo com o moviecliep “flor” mas agora eu vou criar 3 botões um pra cada canal, azul, verde e vermelho como na figura acima. Vou colocar o nome de instância de cada botão, btAzul, btVerde, btVermelho.

E agora vamos ao código:

var shader:Shader;
var shaderFilter:ShaderFilter;
 
var urlRequest:URLRequest = new URLRequest("pixelbender.pbj");
var urlLoader:URLLoader = new URLLoader();
 
urlLoader.dataFormat = URLLoaderDataFormat.BINARY;
urlLoader.addEventListener( Event.COMPLETE, applyFilter );
urlLoader.load(urlRequest);
 
function applyFilter( event:Event ):void
{
	//aplicando o filtro
  	shader = new Shader( event.target.data );
	shaderFilter = new ShaderFilter( shader );
	flor.filters = [ shaderFilter ];
 
	//adicionando o evento de clique aos botões
	btAzul.addEventListener(MouseEvent.CLICK, setAzul);
	btVerde.addEventListener(MouseEvent.CLICK, setVerde);
	btVermelho.addEventListener(MouseEvent.CLICK, setVermelho);
}
 
function setAzul(e:MouseEvent):void{
	// mexendo com os valores dos parameters que criamos
	// adicionando 1 ao canal azul e zerando os demais
	shader.data.azul.value = [1];
	shader.data.verde.value = [0];
	shader.data.vermelho.value = [0];
	flor.filters = [ shaderFilter ];
}
 
function setVerde(e:MouseEvent):void{
	// adicionando 1 ao canal verde e zerando os demais
	shader.data.verde.value = [1];
	shader.data.azul.value = [0];
	shader.data.vermelho.value = [0];
	flor.filters = [ shaderFilter ];
}
 
function setVermelho(e:MouseEvent):void{
	shader.data.vermelho.value = [1];
	shader.data.azul.value = [0];
	shader.data.verde.value = [0];
	flor.filters = [ shaderFilter ];
}

Quando eu carrego o filtro do pixel bender eu adiciono os eventos de clique que contém as funções que manipulam os valores dos canais.

O resultado vai ser o seguinte:

Uma boa referência é o blog pixelero:

http://pixelero.wordpress.com/

Olá Pessoa nesse tutorial, vamos falar da engine para 3D em Flash Away3D um dos concorrentes do Papervision, vou tentar seguir os mesmos passos dos tutoriais em PaperVision. Mas antes vamos falar um pouco sobre 3D.

3D ou terceira dimensão, nos gráficoes 3D no temos o conjunto das 3 coordenadas x, y e Z, o elemento mais básico em um ambiente 3D é o Vértice é um ponto no espaço que possui as coordenadas x , y e Z. com a união dos vertices nós podemos criar um objeto.

O objeto com menor nível de detalhe é o triangulo que é a união de 3 vértices, em 3D os triângulos também são chamados de faces. Por um nível de processamento melhor os triangulos são vistos apenas e um lado.

Com a união de vários triangulos podemos montar qualquer tipo de modelo 3D , esferas, cubos, cones, planos entre outras formas mais complexas, o programador pode criar novas formas com a junção de varios tringulos mas para isso é aconselhavel utilizar uma ferramenta de modelagem, como Blender, Maya ou 3D Max e exportar no formato collada. O Blender já possui forma de exportar direto um objeto modelado para actionScript.

Um elemento importante em 3D é camera, a camera é a nossa visão no ambiente 3D o que a gente vai ver no ambiente vai ser controlado pela câmera, uma das dificuldades de quem está começando é que nem sempre o que você insere na Cena é no tamanho equivalente que você criou, isso está relacionado a visão da camera, se ela estiver longe do objeto que vc criou então seu objeto ficará menor que o tamanho real.

Outra caracteristica importante são as texturas nada menos que a a cobertura dos objetos. A textura pode ser uma imagem ou apenas uma cor, mas essa montagem da textura é bastante complexa, os triangulos que formam o objeto são preenchidos com parte da imagem fornecida pela textura, e aplicada a pespectiva para dar noção de profundidade, se o objeto possuir poucas faces ele pode apresentar distorções, lembrando aumento de faces(triangulos) consequentemente o aumenta no processamento,por isso é muito importante achar um ponto em ideal.

Depois de toda essa história sobre 3D vamos ao código.

Primeiro preparar nosso projeto.
1 – Baixando a engine no site: http://away3d.com/downloads o away está hoje na sua versão 2.4.
2 – Descompacte o zip , jogue a pasta” away3d” no diretório do seu projeto.

A sequencia de passos é bastante parecido com Papervision, configurar View, Camera, Objetos e suas respectivas coberturas e renderizar tudo.

No primeiro Exemplo eu so vou trabalhar com View3d e Sphere apenas o código já está todo comentado:

package
{
 
	/**
	* ...
	* @author Fellyph Cintra by mooz
	*/
 
	import away3dlite.containers.Scene3D;
	import away3dlite.containers.View3D;
	import away3dlite.cameras.Camera3D;
	import away3dlite.primitives.Sphere;
	import flash.display.Sprite;
 
	public class Basica extends Sprite
	{
		//Adicionamos o View3D que é nossa janela de visualização para ambiente 3D
		public var scene3d	:Scene3D;
		public var view		:View3D;
		public var camera	:Camera3D;
 
		//Criamos nosso objeto a ser utilizado, passamos nenhuma propriedade
		//ele vai ser criado com todas propriedades paadrões da Sphere
		public var esfera:Sphere = new Sphere();
 
		public function Basica()
		{
			//instanciando uma nova cena
			scene3d = new Scene3D();
 
			camera = new Camera3D();
			camera.z = -1000;
 
			view = new View3D();
 
			// setando camera e cena do view3D
			view.scene = scene3d;
			view.camera = camera;
 
			//posicionando o view no meio da cena
			view.x = stage.stageWidth/2;
			view.y = stage.stageHeight / 2;
 
			// jogamos a view no stage
			addChild(view);
 
			// adicionamos a esfera na view da scene de nossa View3D
			view.scene.addChild(esfera);
 
			//posicionando
			view.render();
		}
 
	}
 
}

Testando o resultado será o seguinte:

Próximos posts vamos falar mais.

Obs. esse post ta em rascunho a 5 meses… kkkkkkkk