Fazendo gradiente com AS 2.0

Isso é um código simples de se entender

//Primeiro você importa a classe necessária do flash
import flash.geom.*;
//Especifica qual o tipo de gradiente vc quer
var fillType:String = “linear”
//Escolhe as cores no caso azul e vermelho
var colors:Array = [0xFF0000, 0x0000FF];
//Diz o alpha que vai de 0 a 100
var alphas:Array = [100, 100];
//que vai de 0 a 255 ou 0 a 0xFF
var ratios:Array = [0, 255];
//Cria-se a variavel matrix responsavel pela configuração
var matrix:Matrix = new Matrix();
//Cria a caixa de gradiente
matrix.createGradientBox(100, 20, 0, 0, 0);
//Se trabalha com spreadMethod que são reflect, repeat e pad. (pad é o padrão)
var spreadMethod:String = “pad”;
//Agora criamos o gradiente propriamente dito, colocando sempre, tipo, cores, alphas, ratios, matrix e o tipo de controle
this.beginGradientFill(fillType, colors, alphas, ratios, matrix, spreadMethod);
//Aqui eu só crio o quadrado que vai ter as cores
this.moveTo(0, 0);
this.lineTo(0, 100);
this.lineTo(100, 100);
this.lineTo(100, 0);
this.lineTo(0, 0);
this.endFill();

Simples fácil e prático

Lembrando que ao copiar e colar mudar as aspas, pois o WP altera as aspas no código

Abraços e até a próxima.

Criando campos de texto por AS 2.0 e AS 3.0

Bom hoje vou explicar como se faz campos de texto por AS 2.0 e 3.0

Para começar vocês não vão precisar de nada, basta abrir o flash clicar no frame e copiar e colocar o código para ver funcionar.

Em AS 2.0 temos a função createTextField
Então vamos ver como ela funciona:

/*
* Criando um campo de texto dinamico
*/
var campo:TextField = this.createTextField(‘campo’, 1);
/*
* Como usar
*/
campo.text = “um texto de testes”;

Bom como podem ver é muito fácil criar campos de texto em AS o this significa que ele vai criar onde você já está, se eu colocar _root ele vai criar no palco principal… mesmo se existir uma função chamando dentro de um MovieClip, se estiver escrito _root é no palco e se estiver this. é onde ele se encontra
A declaração var campo:TextField serve apenas para indicar para o flash que aquela variavel tem as propriedades de texto então se você só digitar depois de declarar a variavel campo.(ponto) ele vai mostrar ja todas as propriedades do campo de texto que você pode usar.

Agora como fazer isso em AS 3.0

/*
* Criamos o campo de texto
*/
/*
* IMPORTANTE NUNCA ESQUECER
*/
import flash.text.TextField;
// Aqui eu crio o nosso campo de texto
var campo:TextField = new TextField();
// coloco um texto qualquer
campo.text = ‘um texto de testes’;
// adiciono ao palco
addChild(campo);

Como pode-se ver em AS 3.0 eh diferente de AS 2, você declara depois onde vai adicionar o campo, como eu só escrevi addChild(campo) é a mesma coisa que eu estiver colocando o campo no root do palco, se eu colocar MovieClip.addChild(campo) eu vou estar adicionando dentro de um MovieClip
E lembre-se que em AS 3.0 é necessário importar todas as coisas que você estiver trabalhando… campos de texto etc.

E por hoje é só, espero ter ajudado as pessoas nessa passagem de AS 2.0 para 3.0

abs

Usando Tween

Hoje vou dar um pequeno exemplo de como usar o tween do flash
Fazendo uma bolinha ir e voltar de uma posição de uma maneira simples

Eis o código:

//Importo as classes necessárias
import mx.transitions.*;
import mx.transitions.easing;

//Crio meu tween que vai fazer a animação
var primeiroTween:Tween = new Tween();
//Crio minha variavel verificadora
var foi:Boolean = true;

//Agora dou a bolinha intanciada de bola no palco a ação de clic
bola.onPress = function() {
//Se foi estiver em true, ele executa a primeira ação
if(foi) {
//Aqui faço a bolinha se movimentar no eixo x de 0 a 200 em 1 segundo
primeiroTween = new Tween(bola, “_x”, Back.easeOut, 0, 200, 1, true);
//Aqui ao terminar a ação do movimento da bolinha eu troco o valor da minha variavel
//assim evito que multiplos clics façam com que ela vá para proxima ação
primeiroTween.onMotionFinished = function() {
foi = false;
}
//Aqui é se ela já foi então volta
}else {
//Para ela voltar eu uso o yoyo() que faz a ação inicial ao contrário
primeiroTween.yoyo();
}
}

Simples fácil e pratico

Agora só aplicar para outras opções 😉
Té mais

[Tutorial] Twitter no flash

Vou aqui ensinar como que se recupera os dados do seu Twitter
Para começar vocês precisam saber que seu conteudo do twitter não pode ter um cadeado… ou seja tem que ser um conteúdo aberto a todos… se for um conteúdo fechado o código não irá funcionar.

Então tudo que vocês vão precisar fazer é pegar um componente de scroller nos componentes do flash, ctrl + F7 abre os componentes lá você escolhe a opção UIScrollBar arraste para o palco depois delete… pois você só precisa dele na biblioteca.

Feito isso vamos ao código:

/*
* Carregando o Twitter em seu flash
* Criado por Thiago de Oliveira Cruz
*/

//Primeiro passo é criar meu xml
var TwitterXML:XML = new XML();

//Crio meu campo de texto
var campo:TextField = this.createTextField(“campo”, 1, 20, 20, Stage.width – 50, Stage.height);
//Do a propriedade de multiline para ele e wordWrap
campo.multiline = true;
campo.wordWrap = true;

/*
* Crio meu scroll com o UIScrollBar
* (precisa colocar esse componente na biblioteca senão, não funciona)
*/
this.createClassObject(mx.controls.UIScrollBar, “scroller”, -5);
//Coloco o tamanho do campo igual ao palco
scroller.setSize(16, Stage.height);
//Digo qual a posição do X do scroll
scroller._x = Stage.width – 16;
//Coloco o scrill ao campo
scroller.setScrollTarget(campo);

//Carrego o meu xml do twitter
TwitterXML.load(‘http://twitter.com/statuses/user_timeline/ThiagoOCruz.xml’);
//Ignoro os espaços em branco
TwitterXML.ignoreWhite = true;
TwitterXML.onLoad = function() {
//Crio um loop para pegar o conteudo do meu twitter
for(var i:Number = 0; i < TwitterXML.firstChild.childNodes.length; i++){
//Recupero aqui apenas o campo text
campo.text += this.childNodes[0].childNodes[i].childNodes[2].firstChild.nodeValue + newline + newline;
}
}

E é só 🙂
Agora é só se divertir com os nodes do XML e buscar as informações que você quer.

Abraços e até a proxima

[Tutorial] Busca em Array

Hoje vou ensinar como fazer uma busca em uma array.
Basicamente o que é feito é buscar uma string que está dentro de uma array…
Então é busca de string em uma array com strings (que da no mesmo que busca em string).

Então vamos lá que o código para isso é bem simples.
Primeiro passo é criar um botão em sua tela para ativar o código no meu caso chamei ele de search
Crio também um campo input text onde eu vou colocar o texto.(no caso coloquei a instancia de search_field)
Segue o código abaixo:

//Crio minha array
var arr:Array=new Array(‘fotos’,’textos’,’noticias’,’contato’,’informações’);

var arr:Array=new Array(“fotos”,”textos”,”noticias”,”contato”,”informações”);

//Botão que faz a ação de procura na array
search.onRelease = function () {
var str:String = search_field.text.toString();
//var str:String = “fotos”;
for(var i=0; i < arr.length; i++) {
if(arr[i] == str){
trace(“Achei”);
}
else {
trace(“sem resultado”);
}
}
}

Até a proxima 😉


[Tutorial] Search in Array

On this example I will show how to search in array.
Search in array its same as search in lots of strings at the same time…
So you are going to search one string in other strings

how to do it?
First of all, create an button that I use instance search
Create an textfield input text, and instance it as search_field

So now I will put here the code that you need to do this simples search:

//Create my array
var arr:Array=new Array(“fotos”,”textos”,”noticias”,”contato”,”informações”);

//Button that will check if the value is on my array
search.onRelease = function () {
var str:String = search_field.text.toString();
//var str:String = “fotos”;
for(var i=0; i < arr.length; i++) {
if(arr[i] == str){
trace(“1 or more matches founded”);
}
else {
trace(“No results”);
}
}
}

Thx for reading my blog
See you on next tutorial

SharedObject flash cookies

SharedObject é relativamente simples de se usar, ele só funciona no browser… pode ser no servidor ou simplesmente teste direto no html.

Aqui vou ensinar a maneira simples de se usar e pratica 😉

//Crio o meu botão dinamicamente
this.createObject(“Button”, “cookieData”, 0);
cookieData.label = “cookieData”;
cookieData._x = 20;
cookieData._y = 20;
//Crio minha caixa de texto dinamicamente
var myText:TextField = this.createTextField(‘myText’, this.getNextHighestDepth(), 20, 50, 80, 50);
//Crio o SharedObject
var so:SharedObject = new SharedObject();
//Crio o local onde vou adicionar o cookie
so = SharedObject.getLocal(“frame”);
cookieData.onPress = function(){
//Coloco um dado randomico como exemplo
so.data.frame = Math.round(Math.random()*999);
//Salvo
so.flush();
}

this.onEnterFrame = function(){
//Mostro na tela o cookie quando iniciar o swf
myText.text = so.data.frame;
//Deleto o onEnterFrame após mostrar os dados
delete this.onEnterFrame;
}

Simples fácil e rapido 😉
Abraços

Now for this exemple im going to explain in english too
SharedObject is really simple on use, only you need its create an data and send it to server and after that on next reload you can read it.

So im going to show a little exemple how to use it with comments in english:

//Create my cookieData button
this.createObject(“Button”, “cookieData”, 0);
cookieData.label = “cookieData”;
cookieData._x = 20;
cookieData._y = 20;
//Create myText as TextField
var myText:TextField = this.createTextField(‘myText’, this.getNextHighestDepth(), 20, 60, 80, 50);
//Create my SharedObject
var so:SharedObject = new SharedObject();
//Create the name where im going to put my data on
so = SharedObject.getLocal(“frame”);
cookieData.onPress = function(){
//Set and random value to it as exemple
so.data.frame = Math.round(Math.random()*999);
//Save it
so.flush();
}

this.onEnterFrame = function(){
//Show the number on the next reload
myText.text = so.data.frame;
//Delete my onEnterFrame
delete this.onEnterFrame;
}

Sorry for my poor english but thats it
I do expect that you guys like it

See ya

[TUTORIAL] Enviar variavel javascript para o FLASH

Tem muita gente que pergunta como eu envio uma variavel que o cliente digitou para o flash???

Existem alguns metodos de fazer isso o metodo “instantaneo” é o que usamos o javascript agora o metodo, que tem de ser carregado já vem a ser por LoadVars() e flashVars do html como parametro.

Hoje eu vou explicar como fazer-lo por javascript é um código relativamente simples que não requer muita explicação. Então vamos lá.

Você vai precisar de 1 caixa de texto no flash dynamic Text e um input Text de html

Então vamos lá aos códigos:

HTML:

<form>
<input type=”text” id=”text” value=””>
<input type=”button” value=”envia” onClick=”resetTexto();”>
</form>

JAVASCRIPT:

function resetTexto(){
//Pego o campo de texto enviado pelo html
var str = document.getElementById(‘text’).value;
//Aqui inicio a função que vai buscar as variaveis do flash
//No meu caso o arquivo flash chama-se setVariable
if(window.setVariable) {
//Aqui uso a função flash SetVariable para enviar para a variavel flash myText o texto do input text (diferença de navegador)
window.document[“setVariable”].SetVariable(“myText”, str);
}
if(document.setVariable) {
//Aqui uso a função flash SetVariable para enviar para a variavel flash myText o texto do input text (diferença de navegador)
document.setVariable.SetVariable(“myText”, str);
}
}

E no flash o código fica assim:
//Seto a variavel que vai receber os dados do javascript
var myText:String = ”;
//Variavel que vai verificas as mudanças
var recebe:String = ”;

//Crio um teste fixo que vai fica rodando a diferença
onEnterFrame = function(){
//Se a variavel myText for enviada ele entra no if caso contrario não faz nada
if(myText != ”){
//Testa se o recebe é diferente do myText se for o campo de texto do flash recebe a variavel
if(recebe != myText){
//Aqui insiro no meu campo instanciado de texto os dados da variavel myText e uma nova linha
texto.text += myText + newline;
//Aqui zero o valor da myText
myText = recebe;
}
}
}

E é isso 😉

Espero que gostem
Até a proxima