Web-Loot

Attach debugger NetBeans

2009-04-20T06:05:00.000-07:00

O NetBeans possui varias formas de debug. Uma opção interessante é Attach debugger que permite depurar programas em execução ( no caso de applets por exemplo) local ou remotamente.

Para depurar um applet que está sendo executado localmente, devemos anexar esta aplicação pelo número do seu processo ao NetBeans. A visual virtual machine é interessante, pois mostra o id dos processos java sendo executados (download em: https://visualvm.dev.java.net/).
Antes de anexar o processo no Netbeans é necessário adicionar os parâmetros na virtual machine. Para isso vá em Iniciar > painel de Controle > java. Escolha a aba java e click no view da opção Java applet runtime settings:

-Xdebug -Xnoagent -Djava.compiler=NONE -Xrunjdwp:transport=dt_shmem,suspend=n,server=y

Feito isso, execute o applet, olhe na Java Visual JVM e número do processo do seu applet. No NetBeans , na barra de ferramentas escolha Depurar> Attach to debugger. Preencha os campos como a figura abaixo. Lembre-se de colocar o id correto da sua aplicação em execução.

CakePHP :Links Ajax helper com efeitos Scriptaculous

2009-04-08T19:22:00.000-07:00

Nem tudo é Rails no mundo dos CRUDS. O CakePHP é um framework de desenvolvimento ágil assim como o Ruby Rails.
Segue abaixo os passos para usar Helpers Ajax com efeitos da biblioteca Scriptaculous. Se você não conhece o CakePHP viste http://vinicius.biz/cakephp/introducao.php para obter mais informações.
Tendo o CakePHP funcionando devidamente é necessário instalar a lib Scriptaculous (http://script.aculo.us/) . Para isso, basta descompactar os arquivos na pasta /app/webroot/js .
O primeiro passo é tornar disponível a biblioteca scriptaculous e prototype. Para isso inclua o código abaixo antes da tag no layout (/app/views/layout/default.thtml) .

< ?php if(isset($javascript)):
echo $javascript->link('prototype.js');
echo $javascript->link('scriptaculous.js?load=effects');
endif;
?>

Na classe Controle é preciso adicionar o helper 'Ajax' no array de helpers.

< ?php
class LoginController extends AppController {

var $name = 'Login';
var $helpers = array('Form', 'Html', 'Javascript', 'Time', 'Ajax');

function index() {
$this->render('index');
}

function view($id) {
// use ajax layout
$this->render('index', 'ajax');
}//view()
}?>

Na classe View criamos um link Ajax que irá chamar o conteúdo de uma

especifica. No caso abaixo o link Ajax, com o nome de “Ajuda”, vai chamar a url “ /things/view” ( renderiza ela mesma) e vai aplicar os efeitos Appear e Fade em dois campos (divs) com um conteúdo qualquer identtificado por “divExemplo1” e “divExemplo2” .

< div id="help1">
< ?php echo ' | ';
// use an effect
echo $ajax->link('Ajuda', '/things/view/1',
array('loading' => 'Effect.Appear(\'divExemplo1\'), Effect.Fade(\'divExemplo2\')',FALSE)
); ?>
/div>

< ?php echo $ajax->div('divExemplo1'); ?>
< h2>/*Um conteúdo qualquer:links, imagens, xml, etc */ < /h2>
<?php echo $ajax->divEnd('divExemplo1'); ?>

Outros métodos que produzem diferentes efeitos pela Scriptaculous podem ser vistos em :http://wiki.github.com/madrobby/scriptaculous

Java : Casting Objects

2009-04-01T19:22:00.000-07:00

O Cast serve para determinar qual o tipo do objeto está sendo usado.
Consideramos as seguintes classes JogoDeTabuleiro e Xadrez. A classe Xadrez é filha da Classe JogoDeTabuleiro.

Se for declarado:

public Xadrez meuJogo = new Xadrez ();

O meuJogo é um jogo de Xadrez. Sendo Xadrez uma classe descendente de JogoDeTabuleiro e também da classe Object, o meuJogo é também um JogoDeTabuleiro e um Object.
A afirmativa contrária não é verdadeira. Um JogoDeTabuleiro não é necessariamente um jogo de Xadrez. Da mesma forma um Object pode ser um JogoDeTabuleiro ou um jogo de Xadrez.
Veja o código abaixo:

Object obj = new Xadrez();

obj é um Object e um jogo de Xadrez. Cast implícito

Xadrez meuJogo = (Xadrez)obj;

O cast assegura que obj do tipo Xadrez seja passado ao meuJogo que só é do tipo meuJogo. Cast explicito.
Uma outa maneira de prevenir erros está no teste lógico:

if (obj instanceof Xadrez) {
Xadrez meuJogo = (Xadrez)obj;
}

MVC no Eclipse com Visual Editor

2009-03-30T11:08:00.000-07:00

A utilização de um pattern deixa seu código mais organizadoe torna o desenvolvimento mais eficiente. Abaixo um breve exemplo de um aplicativo java seguindo o MVC usando eclipse e sua VE.

Segundo a wikipédia temos :

View - "Renderiza" o model em uma forma específica para a interação (GUI).
Controller - Controle da regra de negócio.
Model - representação dos elementos do seu domínio e interação com as ferramentas de persistência.

Para maiores informações sobre o MVC confira o link: http://java.sun.com/blueprints/patterns/MVC-detailed.html .
Após criar um novo projeto crie todos os pacotes necessários na pasta src: app, control, view e model.
obs: o pacote app, será o lugar onde empacotaremos a Main.java .

A classe Main possui um único construtor para a controle.

package app;
import control.Control;

public class Main {

public static void main(String[] args) {
new Control();
}
}

Dentro do pacote control temos a interface ViewControl e a classe Control que a implementa. A control fará a chamada para construir a View alem disso deve ser capaz de operar mudanças na GUI apartir dos valores da model, ou da interação do usuário. O método buttonFunction é chamado quando pressionamos um botão , atribuindo valor para uma variável dentro da Model.

package control;

import view.View;
import model.Form;

public class Control implements ViewInterface{

View mainView = null;
Form mainForm = null;

public Control() {
mainView = new View(this);
mainForm = new Form();
}

public void buttonFunction(Form form) {
mainForm.setNumber1(mainView.fieldContent1());
System.out.println(mainForm.getNumber1());
}
}

package control;

import model.Form;

public interface ViewInterface {

void buttonFunction (Form form);

}

No pacote Model temos a classe Form que guarda os atributos do nosso formulário de exemplo.

package model;
public class Form {
int number1;

public int getNumber1() {
return number1;
}

public void setNumber1(int number1) {
this.number1 = number1;
}
}

No pacote View temos uma visual class (Jframe com um JTextField e um JButton). Esta pode ser gerada automaticamente pelo Visual Editor do Eclipse. Apenas alguns cógidos são acrescentados, como o construtor chamado pela Control.

public ViewInterface viewInterface=null;

public View(ViewInterface viewInterface){
super();
this.viewInterface = viewInterface;
initComponents();
}

public int fieldContent1(){
return Integer.parseInt(jTextField0.getText());
}

private void jButton0ActionActionPerformed(ActionEvent event) {
viewInterface.buttonFunction(null);
}

O método jButton0ActionActionPerformed é gerado clicando com o botão direto do mouse sobre o JButton no modo Desing > Add/Edit events > action.

A aplicação criada se resume em: A Main chama um Construtor da classe Control. A Control implementa intreface e chama o construtor da view. Um click no botão da View chama a Controle q pega o valor do textField e chama o método Set da classe Form.

Instalando VE( visual editor ) no Eclipse

2009-03-25T09:00:00.000-07:00

Preguiça de aprender como usar layouts em Java? Use um VE (Visual Editor) e crie uma GUI organizada e bonita. No Eclipse é possível instalar um VE muito estável para facilitar seu trabalho.

Os requerimentos básicos são JDK 5.0 , EMF 2.4. O Eclipse 3.4 Ganymede possui os plugins necessários para instalação.

O próximo passo é fazer download da última versão do VE no endereço ehecht.com .

Após isso extraia o conteúdo na pasta dropins dentro da pasta eclipse.
Confira o link para mais informações : http://wiki.eclipse.org/VE/Installing

Uma vez instalado, click com o botão direito sobre seu projeto, escolha a opção New > other.
Escolha a pasta Java > VisualClass.

Efeito adesivo com Flash CS 3

2009-01-15T16:07:00.000-08:00

Fugindo um pouco dos códigos nesse tutorial o efeito de adesivo se descolando (animação).
Crie um MovieClip para aplicar o efeito.
Dentro do MovieClip crie alguns frames ( no meu caso usei 9) todos repetindo o desenho original. Repita o próximos passos em cada frame quantas vezes forem necessárias para completar o efeito.
Selecione a parte da figura onde o efeito vai começar. Como na figura abaixo:

Na barra de menus escolha Modify, Transform, flip vertical. Esse comando irá espelhar a parte selecionada.
Para criar a idéia de adesivo, pinte a região selecionada de branco ( esse será o verso) Arraste a parte que foi invertida e posicione como na figura abaixo:

Esse é o principio da animação. Para cada frame faça o mesmo , porem sempre aumentando a área a ser invertida. Veja abaixo:

Um listener para todas instâncias governar.

2008-12-13T11:09:00.000-08:00

Quando temos diversos elementos , com as mesmas funções podemos aplicar sobre eles um único EventListener ao invés de criar vários.

function AddListenerFunc():void {

for (var i=0; i< maxElements; i++) {
mcArr[i].buttonMode = true;
mcArr[i].addEventListener(MouseEvent.CLICK, mcEvent);}
}

function mcEvent(E:MouseEvent):void {
removeChild(MovieClip(E.currentTarget));
mcFunc(MovieClip(E.currentTarget));
}

No código acima temos a função AddListenerFunc, que aplica a propriedade buttonMode e o evento de mouse para todas as instâncias contidas dentro do Array mcArr.
Na função mcEvent podemos identificar qual instância é a responsável por ativar a mesma através de E.currentTarget.
Dentro da função temos dois exemplos. Em removeChild(MovieClip(E.currentTarget)), removemos o mc que recebeu o click. Note que removeChild precisa de um MovieClip como parâmetro, e por isso fazemos a conversão de tipos.
Em mcFunc(MovieClip(E.currentTarget)), chamamos uma função, passamos o mc que recebeu o click e isso mostra as possibilidades com apenas um listener.

Inverter String com ActionScript 3

2008-11-28T09:18:00.000-08:00

Inverter uma String ou seja deixar a palavra ao contrário não leva mais que uma linha usando ActionScript 3.0 . Segue o código abaixo:

var txt:String = new String(“Flash”);
trace(txt.split("").reverse().join(""));
// output “hsalF”

O funcionamento é bem simples. O método split(), converte a seqüência de caracteres em um array, o argumento passado dentro dos parenteses é o delimitador (o que não vai ser convertido como elemento de um array.). Usando “” como argumento cada caractere é colocado em uma posição do array ( se nada for passado como parâmetro, a palavra toda se torna o elemento do array).
O método reverse(), inverte a seqüência e join(), converte novamente para uma String. O argumento passado dentro dos parentes corresponde ao espaçamento entre os caracteres. Usando “”, dizemos que nenhuma separação será necessária.

Converter uma String no nome de uma instância de um objeto com ActionScript 3.0

2008-11-17T06:48:00.000-08:00

Pode ser de grande utilidade converter uma string para o nome de uma instância de um movie clip. Para fazer isso usamos [] “colchetes” que são úteis tanto para indicar posições em um array quanto para fazer associação para o acesso de um objeto.

function myFunc():void {
for (var i=0; i!=max; i++) {
myArr[i]=this["movieClip"+i];
myArr[i].buttonMode = true;
myArr[i].addEventListener(MouseEvent.CLICK, mcEvent);
}

O código acima faz essa conversão. A string movieClip é transformada no nome da instância de um movie clip presente no stage (neste caso o nome da instância seria movieClip0, movieClip1, etc).
O array (myArr) vai armazenando todas as instâncias e qualquer propriedade pode ser acessada.

XML e ActionScript 3.0

2008-11-02T13:24:00.000-08:00

O XML apresenta muitas vantagens para a manipulação e compartilhamento de dados de forma organizada (tanto para humanos quanto para máquinas).

É possível trabalhar com esse formato com ActionScript 3.0 , seja de forma local ou remota. Os arquivos XML são comumente usados como resposta de web Services e por essa razão segue um breve tutorial de como funciona XML + AS 3.0 .

var loader:URLLoader = new URLLoader();
var xml:XML;
loader.addEventListener(Event.COMPLETE , onLoaded);

function onLoaded (E:Event):void {
xml = XML(E.target.data);
trace(xml);
}

loader.load(new URLRequest("teste.xml"));

É declarado um objeto da URLLoader que é capaz de carregar texto e até mesmo dados binários.
Também é declarado um objeto do tipo XML.
Um listener ( ouvinte ) é adicionado ao loader. Quando o carregamento estiver completo a função onLoaded é chamada.
O carregamento se dá pelo método load, passando como parâmetro a URLRequest contendo o endereço do XML. Neste caso, o XML é carregado localmente.
O objeto xml recebe o conteúdo carregado pelo loader. Como xml é do tipo XML, ocorre uma conversão de tipos no momento dessa atribuição.

Dicas sobre manipulação de XML:

Para obter um ponto (nó) específico do xml em questão basta seguir a hierarquia dos nós usando um ponto.

trace(xml.tag1.tag2);

Como dito anteriormente é comum ter XMLs como retorno de web services. Neste caso o XML recebido terá algumas tags “lixo” geradas pelos protocolos dos web service. Essas tags podem causar uma “confusão”, sendo assim para referenciar um nó específico deve-se usar:

trace(xml..*::tag[0].text());

Abaixo um link de uma aplicação (AS 3.0) consumindo um web service que retorna um XML.
link

Preloader Simples com ActionScript 3.0

2008-09-13T13:00:00.000-07:00

Esse é um preloader muito simples, não temos nada no stage ou na biblioteca, tudo é criado por código dinamicamente. Este preloader é leve e para usá-lo basta colar o código abaixo no primeiro frame ou cena e colocar o conteúdo a ser carregado no próximo frame ou cena.
O código abaixo gera dois retângulos ( movie clips) usando os métodos da classe graphics. O rect chamado bar será a barra de carregamento e o rect barMask será a máscara aplicada sobre a bar. O tamanho de barMask é incrementado a medida que ocorre o carregamento.
Caso queria ver um exemplo mais detalhado de preloader com AS 3 click aqui.
Caso queria ver o resultado do que é gerado pelo código abaixo, click aqui.

stop();
var bar:MovieClip = new MovieClip();
bar.graphics.beginFill(0xCC0000,1);
bar.graphics.drawRect( 0,0,100,10);
bar.x = stage.stageWidth/2-50;
bar.y = stage.stageHeight/2-10;
bar.graphics.endFill();
stage.addChild(bar);

var barMask:MovieClip = new MovieClip();
barMask.graphics.beginFill(0xFE6FF7,0.9);
barMask.graphics.drawRect( 0,0,100,10);
barMask.x=bar.x;
barMask.y=bar.y;
barMask.graphics.endFill();
stage.addChild(barMask);
bar.mask = barMask;

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,
checkingProgress);
loaderInfo.addEventListener(Event.COMPLETE,progressComplete);

function checkingProgress(event:ProgressEvent):void{
var procentLoaded:Number = event.bytesLoaded/event.bytesTotal*100;
barMask.scaleX = procentLoaded/100;
}

function progressComplete (e:Event):void{
loaderInfo.removeEventListener(ProgressEvent.PROGRESS,
checkingProgress);
stage.removeChild(bar);
stage.removeChild(barMask);
gotoAndPlay(2);
}

ActionScript 3 Flash Dicas

2008-08-13T20:01:00.000-07:00

Cinco dicas rápidas para Flash CS 3 e Actionscript 3.

1- Depth control na Display List
O sistema para controlar a profundidade ( depth ) em ActionScript 3 se baseia na ordem em que os objetos são adicionados ao stage por conta da Display List. Há um maneira de adicionar MovieClips e controlar o nivel de profundidade dos mesmos:

Exemplo:

addChildAt(myObject,0);

Quanto menor o valor do parâmetro menor o valor, menor a prioridade de sobre posição deste mc sobre os demais

2 - Declarando uma Matriz em AS 3
Arrays multidimensionais(matriz) podem ser uteis em diversas aplicações uma maneira fácil de criar um é usando uma estrutura de repetição onde em cada elemento do vetor é instanciado um outro vetor.
Exemplo:

var myArray:Array = new Array(myArrayRows);
for (var i = 0; i < myArrayRows; i++) {
myArray[i] = new Array(myArrayRows);
}

myArray = ([
[1,0,0],
[0,1,0],
[0,0,1]
] );

3- Classe TextField
Para um TextField podemos adicionar uma parte texto no final do conteúdo deste Field. Usando o operador += ou o método appendText() que apresenta um desempenho melhor.
Exemplo:

var my_tf = new TextField();
my_tf.text = "web";
my_tf.appendText("loot!");

Para o exemplo acima my_tf = 'web loot!' .

4- Free Bitmap fonts
Bitmap fonts são ótimas para ser usadas em projetos Flash pois apresentam grandes vantagens em relação a definição independente de escala. Baixe algumas grátis em :

http://www.04.jp.org/

5- String to Number
Para converter uma String em um número podemos usar:
Number() ,parseInt() e parseFloat().

var myText:String = new String("666lol");
var myNumber:Number = new Number();

myNumber = parseInt(myText);
trace (myNumber); //trace 666

ActionScript 3.0 Game Development - Tiles

2008-06-25T15:17:00.000-07:00

Ainda sobre desenvolvimentos de jogos usando AS 3.0 este post é um exemplo de como carregar um cenário com tiles. Esta técnica é muito usada em games plataforma ou RPGs com de visão isométrica, onde vários quadrados (tiles) se unem e formam uma imagem.

O lugar e qual peça deve ser encaixada para formar o cenário é representado por uma matriz de coordenadas. Pensando dessa forma uma fase de Super Mario Bros nada mais é que um enorme vetor multidimensional :P

Antes de codificar no flash é preciso um arquivo png com os tiles que formarão seu cenário. No Google imagens é possível encontrar esses arquivos rapidamente. Para este exemplo vou usar os tiles de um dos games de Zelda (Zelda tileSet).
Note as dimensões do bloco de tiles: 256 x 2272 pixels. Esse bloco é formado por tiles de 32 x 32 pixels. Sendo assim podemos mapear esta figura como uma matriz de 7 colunas por 70 linhas onde cada elemento é um tile (tendo a primeira coluna como 0 ).

O trabalho seria muito grande para montar um cenário escolhendo os tiles e anotando sua respectiva posição para gerar a matriz de referencia da cena. Por esta razão vamos usar um editor de mapas que alem de facilitar as coisas evita alguns erros.

Atualmente estou usando o Mappy que bem simples e gratuito ( http://www.tilemap.co.uk/ ).

1- No editor de mapas, click em “new map” e escolha 32 x 32 pixels para o tamanho de cada tile e 3 x 3 para o tamanho do mapa em si .
Após gerar seu mapa click em File>Import e escolha o tileset do zelda e crie seu mapa.
Escolha “Custom>Export Flash ActionScript”, para o valor de ajuste coloque “-1” pois o Mappy cria sempre um tile vazio no tileset.
O arquivo ActionScript gerado é um vetor multidimensional com os números dos tiles usados no mapa.

2- No flash crie um novo arquivo para ActionScript 3.0. E vamos aos códigos.

var loader:Loader;
var screenBitmapData:BitmapData;
var tilesBitmapData:BitmapData;
var screenBitmap:Bitmap;
var mapRows:int=3;
var mapCols:int=3;
var tileSize:int=32;
var mapWidth:int=mapRows*tileSize;
var mapHeight:int=mapCols*tileSize;

loader = responsável por carregar o tileset do zelda.
tilesBitmapData = armazena o tileset após ser carregado.
screenBitmapData = armazena os tiles montados.
screenBitmap = armazena os tiles montados para a exibição na tela.
mapRows e mapCols = tamanho a matriz .
mapWidth e mapHeight = tamanho do mapa.

var mapArray:Array = new Array(mapRows);
for (var i = 0; i < mapRows; i++) {
mapArray[i] = new Array(mapRows);
}

mapArray = ([
[416,417,418],
[424,425,426],
[432,433,434]
] );

Declaração de um array de duas dimensões (matriz 3 x 3). E atribuição da matriz gerada pelo Mappy ao vetor multidimensional.

tiles();
function tiles() {
loader = new Loader();
loader.contentLoaderInfo.addEventListener
(Event.COMPLETE,loadComplete);
loader.load(new URLRequest("zelda_tile.png"));
}

Instanciamos o objeto da classe Loader, e adicionamos um Listener que chamará a função loadComplete quando zelda_tile.png for carregado. O arquivo zelda_tile.png deve estar mesma pasta que o arquivo swf.

function loadComplete(e:Event):void {
tilesBitmapData=Bitmap(loader.content).bitmapData;
copyTiles();
}

Como não podemos manipular pixels pelo objeto loader , copiamos o tileset para um objeto da classe BitmapData. (Para passar o arquivo png para o objeto BitmapData temos que chamar loader.content como Bitmap e usar a propriedade bitmapData)

function copyTiles():void {

screenBitmapData=new BitmapData
(mapWidth,mapHeight,false,0x000000);
for (i=0; i < mapRows; i++) {

for (var j=0; j< mapCols; j++) {
var tileNum:int=int(mapArray[i][j]);
var destY:int=i*tileSize;
var destX:int=j*tileSize;
var sourceX:int=(tileNum % 8)*tileSize;
var sourceY:int=(int(tileNum/8))*tileSize;

screenBitmapData.copyPixels
(tilesBitmapData,newRectangle
(sourceX,sourceY,tileSize,tileSize),
new Point(destX,destY));
}

}
screenBitmap=new Bitmap(screenBitmapData);
addChild(screenBitmap);
screenBitmap.x=32;
screenBitmap.y=32;
}

O objeto screenBitmapData é instanciado nas dimensões de 96 x 96 pixels, sem transparência, e com fundo preto.

O loop for é usado para varrer o vetor e encontrar o número de cada tile e partir desde a referência de como montar o mapa.

destY e destX = guardam o ponto X e Y de onde um tile deve ser colocado. Por exemplo: O tile [0] [0] terá sua extremidade esquerda colocada nos pontos 0, 0.

sourceX e sourceY= guardam o ponto X e Y de um tile a ser usado. Exemplo : O elemento [0][0] é o tile número 416. Para X temos (416 mod 8) que é zero multiplicado pelo tamanho do tile. Desta forma encontramos em que coluna está o tile 416. ( O resto da divisão de 416 por 8 é zero) . Em Y temos 1664 (a parte inteira da divisão de 416 por 8 multiplicado pelo tamanho do tile).
Assim o elemento [0][0] é o tile 416 e esta no pixel 0 em X e o pixel 1664 em Y.

Os tiles são copiados um a um para o BitmapData passando para método copyPixels a origem e o destino dos pixels.

No final apenas instaciamos o Bitmap com o BitmapData já pronto e adicionamos no Display list
O resultado dessa experiencia está abaixo:

ActionScript 3.0 Game Development

2008-06-16T14:33:00.000-07:00

Neste post algumas experiencias simples para o desenvolvimento de games com AS 3. Abra um novo arquivo no flash para AS 3.0 , insira duas camadas , chame uma de actions (todos os códigos nesta camada) e a bloqueie.

Segue o código:

var ball:Ball = new Ball();
ball.x = stage.stageWidth/2;
ball.y = stage.stageHeight/2;
addChild(ball)

var wall:Wall = new Wall();
wall.x=50;
wall.y=100;
addChild(wall);

A primeira coisa a fazer é criar um Movie Clip que será manipulado por ações realizadas no teclado. Em um game, este seria o personagem controlado pelo jogador. Ao criar este Movie Clip, marque a opção “export for actionScript” desta forma podemos chamar o mc direto da biblioteca. Neste caso o objeto é ball da classe Ball. Após a declaração, atribuímos valor para a posição x e y e adicionamos no stage.

No meu caso também criei um outro Movie Clip (wall) para testar algumas colisões.

var forca:Number = new Number(0.1)
var velocidadeX:Number = new Number(0);
var velocidadeY:Number = new Number(0);
var atrito:Number = new Number(0.92);
var gravidade:Number = new Number (0.2);
var empuxo:Number = new Number(0.5);
var vento:Number = new Number (0.2);

Agora temos algumas declarações que serão necessárias para simular as forças q atuam sobre o personagem. Resumidamente força (ganho de desolamento), VelocidadeX (velocidade no eixo X), VelocidadeY (velocidade no eixo Y) , atrito (força que vai se opor ao movimento), gravidade (força que vai tender o deslocamento para baixo), empuxo (força resistiva que vai tornar o movimento para cima mais pesado ou mais leve) e vento (força que inicia o movimento para um lado).

stage.addEventListener(Event.ENTER_FRAME, starts);

Ao adicionar o event listener enter frame no stage, a função starts será chamada sempre que se passar pelo frame. No código em questão criamos uma especie de loop.
Todo o restante do código se resume a função starts que podemos dividir em quatro blocos:

function starts (event:Event):void{
//-----------Mudança de Escala pela altura------
ball.scaleX=((ball.y*0.5)/stage.stageWidth)+0.5;
ball.scaleY=((ball.y*0.5)/stage.stageWidth)+0.5;

// ----------------- Colisão----------------------
if(ball.hitTestObject(wall)){
velocidadeX=0;
velocidadeX += 5;
}
if(ball.x>530){
velocidadeX=0;
velocidadeX -= 5;
}
if(ball.x<0){
velocidadex=0;
velocidadeX += 5;
}
if(ball.y>335){
velocidadeY=0;
velocidadeY -= 9;
}
if(ball.y<0){
velocidadey=0;
velocidadey+=1;
}
// -----------------Rotina do Teclado----------------
stage.addEventListener(KeyboardEvent.KEY_DOWN,
keyHandler);
function keyHandler (e:KeyboardEvent):void{

// 37 = LEFT
if (e.keyCode==37){
velocidadeX -= forca;
}

//38 = UP
if (e.keyCode==38){
velocidadeY -= forca*empuxo;
}

//39 = RIGHT
if (e.keyCode==39){
velocidadeX += forca;
}

//40 = DOWN
if (e.keyCode==40){
velocidadeY += forca*empuxo;
}

}
//------Ação de forças-----------

velocidadeX += vento;
velocidadeX *= atrito;
velocidadeY += gravidade;

ball.x += velocidadeX;
ball.y += velocidadeY;
}

Mudança de Escala pela altura: Nesta parte o tamanho da bola é alterado conforme a altura pelo método scaleX. A equação para alterar as dimensões da bola foram obtidas a partir de uma regra de três simples (no pixel 400 o tamanho de ball é 1, no pixel 0 o tamanho é 0.5 )

Colisão: A colisão no flash pode ser feita de várias formas, sendo que existem classes prontas com efeitos de colisão bem realistas. Implementei dois tipos de colisão. A primeira usando hitTestObject que verifica a colisão entre dois objetos e retorna True ou false. Pela posição do meu objeto (wall) quando há uma colisão a velocidade no eixo X da bola passa a ser zero e em seqüência recebe um valor contrário ao movimento.
O segundo tipo de colisão ocorre nas bordas do stage onde não é possível usar o hitTestObject (a não ser que haja um mc para a borda).

Rotina do Teclado: Um listener é adicionado para o caso de uma tecla for pressionada. Todo o teclado é mapeado numericamente , e os códigos correspondentes para as direcionais são checados na função do listener. No help do flash estão os códigos das demais teclas.

Quando a tecla LEFT é pressionada por exemplo a velocidade no eixo X recebe o valor dado para força. Fácil notar que quanto maior a força, maior será o deslocamento para cada vez q se pressiona o botão. No caso da tecla UP , vemos que a velocidade no eixo Y recebe o valor da força multiplicado pelo empuxo, o que torna o movimento de subida mais pesado (lembre-se multiplicar por 0.5 é o mesmo que dividir por 2).

Ação das forças: Neste bloco a velocidade do eixo X e Y recebe a ação do vento (que vai somar valores a X constantemente), a ação do atrito (que vai diminuir o movimento , semelhante ao empuxo) e a gravidade ( que inicia o movimento no eixo Y para baixo) e após isso modifica a posição de ball.

Veja meu experimento funcionando. Note a ação do vento e gravidade sobre a bola. E ainda a colisão entre objetos e nas margens do stage (obs: ocorrem alguns bugs devido a maneira como o arquivo foi upado. ^^)

Exemplo

Preloader Com ActionScript 3

2008-06-14T13:34:00.000-07:00

Este é um simples preloader para carregar um dado conteúdo. Utilizei um movie clip com uma simples animação e uma máscara que vai revelando o mc conforme o arquivo é carregado. Com essa idéia (máscara + movie clip) é possivel criar preloaders interessantes.

Veja um exemplo : Preloader AS 3

1-Crie um novo documento e adicione duas camadas (actions e objetos). Adicione dois frames.
2-Crie um movie clip para ser sua barra animada e marque a opção export for actionScript como na figura abaixo:
3-Crie um retangulo para a máscara a ser aplicada sobre o movie clip. Faça da mesma forma que no passo anterior, selecione a opção export for actionScript e preencha o campo Class com "Mascara".
4-No primeiro frame adicione o código.

A idéia é a seguinte: Como no primeiro frame temos um stop, a execução do filme ficará limitada ao frame 1, só sendo liberada quando o carregamento for completo. Note que após o carregamento podemos mandar executar tanto o frame seguinte ou uma outra cena.
Segue o código:

stop();
var bar :BarraListras = new BarraListras();
bar.x = ((stage.stageWidth/2) - bar.width/2);
bar.y = ((stage.stageHeight/2) - bar.height/2);
stage.addChild(bar);

Declaração da barra animada e seu posicionamento no meio do stage.

var maskX :Number = new Number(bar.x);
var maskY :Number = new Number(bar.y-4);
var mascara : Mascara = new Mascara();
mascara.x = maskX;
mascara.y = maskY;
addChild(mascara);
bar.mask = mascara;

Posicionamento da mascara pelo valor de mask. Declaração da mascara e sua aplicação da sobre a barra.

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,
checkingProgress);
loaderInfo.addEventListener(Event.COMPLETE,progressComplete);

Listeners que verificam o carregamento e quando o evento está completo.

function checkingProgress(event:ProgressEvent):void{
var procentLoaded:Number = event.bytesLoaded/event.bytesTotal*100;
mascara.scaleX = procentLoaded/100;
}
function progressComplete (e:Event):void{
loaderInfo.removeEventListener(ProgressEvent.PROGRESS,
checkingProgress);
stage.removeChild(bar);
gotoAndPlay(2);
}

Funções dos listeners. Na função progressComplete podemos substiuir o método gotoAndPlay(2) por this.nextScene( ) , se for o caso de um preloader entre duas cenas.

No segundo frame adcione um stop() e o conteúdo que deseja carregar(no meu caso coloquei uma imagem). Para testar exporte o swf, na barra de menus view>simulate download.

Drag Drop e Mouse Draw

2008-05-31T13:51:00.000-07:00

Criei um exemplo simples de Drag Drop e Mouse Draw usando AS 3.0 . Para tornar o exemplo mais divertido usei a foto de um amigo (devidamente autorizada :P). Abaixo dois links, o primeiro para testar o resultado e o segundo o código fonte (FLA) com comentários.
Enjoy!

Testar DragDrop MouseDraw

Carregar e controlar som com AS 3.0

2008-05-28T20:33:00.000-07:00

Com AS 3.0 é muito simples manipular arquivos de áudio no Flash (MP3 no windows). Resumidamente as classes com métodos e objetos para se trabalhar com som estão no pacote flash.media:

flash.media.Sound : Responsável por carregar arquivos de som e propriedades báscias.

Flash.media.SoundChannel: Ao reproduzir um objeto do tipo Sound , é criado um objeto SoundChannel. Sua função está no controle da reprodução, como por exemplo manter um dado volume. Cada objeto Sound tem seu próprio SoundChannel.

Flash.media.SoundTransform: Contem valores de certas propriedades do som e é aplicado sobre um objeto SoundChannel.

Abaixo um Script que explora funções básicas de controle de som no Flash.

Em um documento AS 3.0 , Crie duas camadas, chame uma de Actions e a bloqueie. Na outra camada crie quatro botões que serão reponsaveis pelo controle do som. Instancie como play_btn, stop_btn , menos_btn e mais_btn (Para instanciar simbolo que esta no palco, basta selecionar o simbolo e na aba “propriedades” existe uma caixa de texto chamda Instance Name ).

Pressione F9 e vamos ao código:

import flash.events.Event;
import flash.media.Sound;

var sound:Sound = new Sound();
var soundControl:SoundChannel = new SoundChannel();
var volumeControl:SoundTransform = new SoundTransform();

Nesse ponto é criado um objeto tipo Sound , um SoundChannel e um SoundTransform. O objeto sound irá conter o som em si, e os outros dois serão para controle e alteração de propriedades do som.

sound.addEventListener(Event.COMPLETE, onLoadComplete);
sound.addEventListener(IOErrorEvent.IO_ERROR, onIOError);

Esses listeners estão a espera do carregamento do som ou algum erro no processo.

var req:URLRequest = new URLRequest("musica.mp3");
sound.load(req);

O arquivo música.mp3 é a requisição passada como parâmetro para o método load do objeto do tipo Sound.

mais_btn.addEventListener(MouseEvent.CLICK, increaseVolume);
mais_btn.buttonMode = true; //ativa cursor em caso de MC
menos_btn.addEventListener(MouseEvent.CLICK, decreaseVolume);
menos_btn.buttonMode = true;

Listeners para os botões de aumentar e diminuir o volume. Sendo eventos de mouse ao clicar.

function onLoadComplete(event:Event):void
{
play_btn.addEventListener(MouseEvent.CLICK, playSound);
}
function playSound(event:MouseEvent):void
{
soundControl = sound.play();
play_btn.removeEventListener(MouseEvent.CLICK, playSound);
}

Ao carregar o som o evento OnLoad é disparado e então um listener é ativado sobre o botão play. A função do botão play é reproduzir o o som, alterando o objeto soundControl. Em seqüência o listener é removido para evitar sobreposição do som.

function increaseVolume(event:MouseEvent):void
{
volumeControl.volume += 0.5;
soundControl.soundTransform = volumeControl;
}

function decreaseVolume(event:MouseEvent):void
{
volumeControl.volume -= 0.5;
soundControl.soundTransform = volumeControl;
}

Essas funções são disparadas pelos eventos de click sobre os botões de volume. O objeto soundControl recebe alterações que são feitas o soundTransform .

function onIOError(event:IOErrorEvent)
{
trace("The sound could not be loaded: " + event.text);
}

Função ouvinte para possíveis erros.

Baseado nisso , é bem simples implementar um controle de stop. Basta criar um outro listener e uma função alterando o objeto soundControl com sound.stop().

Rails 2.0 e Oracle XE

2008-05-13T21:16:00.000-07:00

Nesse tutorial o primeiro passo de todo trabalho: Criar uma conexão Rails 2.0 + Oracle XE. O texto abaixo é uma adaptação de vários tutoriais sobre o assunto ou seja a maneira que funcionou no meu sistema.

Parte 1:

O primeiro passo é baixar o Oracle DataBase XE .

Após a instalação, acesse o endereço http://127.0.0.1:8080/apex crie um usuário ruby com privilégios de DBA.

Você pode usar o SQL*Plus que acompanha a instalação do Oracle ou mesmo criar pelo modo gráfico via navegador.

No SQL*Plus:

SQL> GRANT dba TO ruby IDENTIFIED BY ruby;
SQL> ALTER USER ruby DEFAULT TABLESPACE users TEMPORARY TABLESPACE temp;
SQL> EXIT

Parte 2:
Vá em http://rubyinstaller.rubyforge.org/ e baixe o One-Click Ruby Installer.

Após a instalação execute RubyGems Pakage Manager e instale o Rails com o comando abaixo.

C:\> gem install rails –remote

A versão mais atual do Rails será instalada. É possível usar gem install rails -v 1.0.0 –remote para escolher a versão.

Agora baixe a biblioteca para a comunicação entre Oracle e Rails em http://rubyforge.org/projects/ruby-oci8 e instale usando o comando:

C:\> ruby ruby-oci8-0.1.13-mswin.rb

Note que o nome do arquivo vai depender da versão que você estiver usando!

Você irá precisar do adaptador Oracle que não está incluso no Rails 2.0 . Pegue o seu aqui!

Coloque o arquivo oracle_adpter.rb na pasta:
[sua instalação do ruby]
/lib/ruby/gems/1.8/gems/activerecord-2.0.2/lib
/active_record/connection_adapters

Parte 3:
Crie uma aplicação rails.

C:\> rails products_catalog

Configure o arquivo database.yml da sua nova aplicação da seguinte forma:

development:
adapter: oracle
database: Endereço do Host:Porta/TNS
username: ruby
password: ruby

No campo database eu preenchi com 127.0.0.1:1521/XE , que é o endereço do host, a porta e o nome. Acredito que funcione assim por default, mas você pode checar isso no arquivo TNSNAMES.ora em: C:\oraclexe\app\oracle\product\10.2.0\server\NETWORK\ADMIN

Parte 4:
Gere uma scafolld, se tudo estiver correto você não terá problemas com isso.

C:\products_catalog> ruby script/generate scaffold product name:string description:text

No rails 2.0 esse commando irá criar os arquivos da aplicação bem como a migration para o banco. Sendo assim use o comando Rake para criar a tabela no banco.

C:\products_catalog> rake db:migrate
C:\products_catalog> ruby script/server

No navegador : http://localhost:3000/products

Carregar arquivos JPG, GIF, PNG ou SWF

2008-05-09T18:15:00.000-07:00

Veja como é fácil carregar arquivos de imagem ou SWF externos ao flash. No código abaixo o logo do Google é carregado em uma área do palco ao pressionar o botão.

Antes de seguir por este tutorial veja como funciona o EventListener no caso dos botões.

No palco principal crie um movie clip e instancie de botao_btn. Em uma camada actions adicione o código:

import flash.display.*;
import flash.net.URLRequest;

botao_btn.addEventListener (MouseEvent.CLICK, aoClicar)
botao_btn.buttonMode = true; //ativa cursor sobre o movieClipe

Adicionando listener no botao_btn

var area:Shape = new Shape();
area.graphics.beginFill(0xFFFFFF);
area.graphics.drawRect(10, 15, 290, 150);
addChild(area); //adiciona o rect no palco.

O objeto area do tipo shape é um retângulo criado dinamicamente, este será a máscara ou área de exibição da imagem. Se uma imagem for maior que as medidas em pixels do método drawRect parte dela não será exibida.

// cria o carregador para receber a figura
var carregador:Loader = new Loader();
carregador.x = 10;
carregador.y = 15;
carregador.mask = area; // aplica máscara retângulo sobre o carregador

Neste ponto é criado o carregador ou contêiner. Ele ira armazenar a imagem no palco. Como mencionado acima, o carregador está limitado as dimensões da máscara area.
Note que o carregador está posicionado em X =10 e Y =15 no palco ou seja as mesma coordenada de onde começa a máscara area.

//caminha de onde será chamada a imagem
var url:String = "http://www.google.com.br/intl/pt-BR_br/images/logo.gif";
var urlReq:URLRequest = new URLRequest(url);

Este é apenas o caminho de onde a imagem deve vir. Note que foi criada um objeto do tipo URLRequest e ele foi instanciada com a string url. Este parâmetro poderia variar por exemplo em uma página com múltiplos botões para imagens diferentes, passando strings diferentes para instanciar o URLRequest.

//função ouvinte do botão
function aoClicar (e:MouseEvent):void
{
carregador.load(urlReq); // carrega imagem da url com o metodo load
addChild(carregador);
}

Veja o resultado.

Event Listener em AS 3.0

2008-05-06T20:41:00.000-07:00

Algumas pessoas me perguntaram essa semana como fazer botões no Flash CS. O ActionScript 3.0 possui algumas diferenças das suas versões anteriores, e talvez a maior delas é que não mais aplicamos código sobre os objetos da cena.

No caso dos botões devemos criar Listeners que ficam responsáveis por vigiar as interrupções do usuário com um click por exemplo.

Em um novo documento Flash (ActionScript 3.0) Crie dois movie clips. Um deles será seu botão, e outro apenas um MC para reagir ao click do mouse.

Instancie um MC de botao e o outro de bola, como mostra a figura abaixo:
Crie uma nova camada, pressione F9 e adicione o código:

botao.addEventListener(MouseEvent.CLICK, aoClicar);

botao.buttonMode = true;

// declaração de variável
var Original_width:Number = new Number();
var Original_height:Number = new Number();

// guarda as dimensões originais do mc bola

Original_width = bola.width;
Original_height = bola.height;

function aoClicar(e:MouseEvent):void {

Original_width = bola.width;
Original_height = bola.height;

bola.width = Original_width + 100;
bola.height = Original_height +100;

}

Em botao.addEventListener(MouseEvent.CLICK, aoClicar) , adicionamos o ouvinte(Listener) a instancia botao, e passamos um evento de mouse “CLICK” bem como a função que será disparada ao clicar o mouse.

botao.buttonMode = true. Nesta linha é habilita a propriedade de botão ao MC e isso muda o cursor do mouse.

function aoClicar(e:MouseEvent):void{} Está é a função chamada com o click sobre o Listener. Note que passamos como parâmetro um evento de mouse. Dentro dessa função você pode adicionar qualquer ação para ser disparada pelo seu botão. Neste caso, ocorre o incremento das dimensões do mc instanciado como bola.

Instant Rails

2008-04-18T06:23:00.000-07:00

Comecei meus estudos em Ruby recentemente e com algum tempo no Google pude encontrar uma série de tutoriais sobre o assunto. Fiquei muito surpreso com esse framework, primeiro pela documentação e depois pelo poder de desenvolvimento.

Com pouco código pode-se criar aplicações interessantes, organizadas e de fácil manutenção. Para saber mais sobre o Ruby on Rails recomendo o site: http://www.rubyonrails.pro.br
Esse tutorial tem como objetivo preparar o ambiente de desenvolvimento Rails e deixa-lo pronto para o seu "Hello world!"
Existem vários editores e IDEs que permitem desenvolver aplicações Rails. Como IDE sugiro o NetBeans 6. Neste tutorial vou usar o Instant Ruby que torna a vida de quem está começando muito mais fácil pois ele inclui MySql, Apache e o editor SciTE. Baixe seu Instant Rails em http://instantrails.rubyforge.org/wiki/wiki.pl .

Execute o InstantRails.exe você iniciará o servidor Apache e o Mysql. O Instant Rails é baseado no EasyPhp , por isso funciona de maneira semelhante. Você pode visualizar o banco de dados de sua aplicação usando o phpMyAdmin por exemplo(aprenda a fazer isso aqui).

Clicando com o botão direito no ícone “I” na barra de tarefas escolha Rails Application>Manage Rails Application.
Nesta janela pode-se criar uma aplicação Rails ou “rodar” uma das Rails applications que estão incluídas como exemplo no pacote Instante Rails.

Escolha a opção Create New Rails App. No console digite o comando:

rails projeto -database=mysql

O Rails então irá gerar todos os arquivos e diretórios necessários para a aplicação. Novamente na janela Rails Application, selecione a aplicação que você acabou de criar e escolha Start with Mongrel.

Após receber a mensagem no console, abra seu navegador e digite o endereço : http://localhost:3000

Se tudo correu bem você deverá ver uma tela de boas vindas.

Simulando Fumaça

2008-03-02T09:17:00.000-08:00

Estou trabalhando em uma maquete 3D sobre o tratamento do lixo hospitalar. A idéia é usar o 3DStudio para a construção do cenário e algumas tomadas de câmera para mostrar os detalhes da maquete.

Usando AS no flash vou representar elementos secundários do cenário. Gerei um código muito simples para simular fumaça o qual explico no tutorial que se segue.

Em um novo documento adicione duas camadas como à figura abaixo:

Na camada objetos, crie um circulo e o transforme em um Movie Clip, dê um nome significativo.
Clique duas vezes sobre seu novo Movie Clip para editá-lo.
Uma vez dentro da edição do MC, converta a o circulo para um gráfico. Crie então um Motion Tween nesse gráfico. Sendo o primeiro quadro do “Tween” um circulo pequeno e o ultimo quadro um circulo grande com alfa em 100%.

No ultimo quadro adicione um Stop(); para que o movimento não fique em loop.

No palco principal selecione o Movie Clipe , e coloque o nome da instancia dele de lol. Isso pode ser feito na janela de propriedades com o MC estando selecionado.

No primeiro quadro da camada actions adicione o código abaixo:

i = i + 1;

duplicateMovieClip("lol", "lol" + i, i);

setProperty("lol" + i, _x, random(5)+150);

“i = i + 1;” incrementa da variável i.

“duplicateMovieClip("lol", "lol" + i, i);” essa função duplica um determinado MC alvo que no nosso caso é a o MC instanciado como “lol”e atribui ao novo MC o nome “lol” concatenado com o valor atual de i.

“setProperty("lol" + i, _x, random(5)+150);” essa função define um propriedade de um da instancia de um MC alvo. Neste caso a instancia é “lol” e a propriedade é a posição no eixo X que será incrementada com um número aleatório de 0 a 4 somado com a posição de onde desejo que a fonte de fumaça apareça.

No segundo frame da camada action adicione:

gotoAndPlay(1);

Pronto, agora é só publicar usando o flash player 6 e ver o resultado.

Veja um exemplo do código funcionando : Link

Drag and Drop Usando OO + AS 2.0

2008-02-24T16:47:00.000-08:00

Eu estava fazendo alguns testes com OO e AS 2.0, no meio de tudo fiz uma experiência com um sistema simples de Drag/ Drop usando a idéia de orientação a objetos. Com o resultado disso temos esse tópico. O código não é o ideal, não segui as convenções de nomes para MCs por exemplo. Para fim de estudos acredito que seja útil.

A idéia é criar uma classe contendo os métodos para iniciar e parar a propriedade de “arrastamento” de um Movie Clip. A classe Arrastavel fica responsável também por verificar se o Movie Clip está em uma determinada região do cenário.

Vamos lá:

Crie um novo Flash Document.com duas camadas: Actions e símbolos.
Na camada símbolos, desenhe um retângulo, que será sua área onde o Movie Clip deve ser arrastado. Com F8 transforme o retângulo em um Movie Clip chamado area Na aba properties nomeie a instancia de areaSelect.

Ainda na camada símbolos, desenhe um quadrado que será o Movie Clip a ser arrastado. Nomeie esse novo MC e na aba properties chame a instancia por mc66.

Na camada Actions use o todo o código abaixo que está dentro das caixas.

Toda classe criada precisa de ser importada.

import Arrastavel.as;

Para acessar as funções da classe Arrastavel um objeto dessa classe é criado. Neste casso passei as dimensões da instancia areaSelect como parâmetros para o contrutor da classe.
A variável valor será apenas para receber o retorno do método release.

var objDrag:Arrastavel = new Arrastavel(areaSelect._x, areaSelect._y, areaSelect._width, areaSelect._height);
var valor:Boolean = true;

As funções Starter , Stoper e Releaser são chamadas pelos eventos de mouse. Essas funções apenas repassam o nome do Movie Clip em questão na hora em que o objeto chama o método.
A linha this.swapDepths(this.getNextHighestDepth()); apenas assegura que o ultimo MC clicado ficaria por cima dos demais caso houvessem outros.

function Starter():Void { //Start Drag

Movie = this._name;
objDrag.Start(Movie);
this.swapDepths(this.getNextHighestDepth());

}
function Stoper():Void { //Stop Drag

Movie = this._name;
objDrag.OutSide(Movie);

}
function Releaser():Void { //Release

Movie = this._name;
valor = objDrag.Release(Movie, this._x, this._y);
this.enabled = (valor);
}

Esses eventos irão chamar as funções.

mc66.onRelease = Releaser;
mc66.onPress = Starter;
mc66.onReleaseOutside = Stoper;

Brevemente explicando Orientação a Objetos, teremos um arquivo que será a classe Arrastavel , nele teremos os métodos ( funções ) que são acionadas pelos objetos da classe. Do Stage principal do flash usando os objetos certos podemos chamar funções de quaisquer classes existentes. De certa forma o flash já funciona assim, o que vamos fazer é criar uma classe personalizada e acessar suas funções.

Agora basta escrever o código da classe.
Crie um novo arquivo, mas desta vez um Action Script file e use o todo o código abaixo:

Declaração da classe.

class Arrastavel {

Variáveis para a fronteira da caixa.

private var Area_hitLeft_x;
private var Area_hitTop_y;
private var Area_hitRight_x;
private var Area_hitBottom_y;
public var conter:Number = 0;
public var valor1:Boolean = true;

Construtor da classe que armazena os limites do retângulo do palco principal.

public function Arrastavel(areaSelectX:Number, areaSelectY:Number, areaSelectW:Number, areaSelectH:Number) {

this.Area_hitLeft_x = areaSelectX;
this.Area_hitTop_y = areaSelectY;
this.Area_hitRight_x = areaSelectW+areaSelectX;
this.Area_hitBottom_y = areaSelectH+areaSelectY;}

Função que compara a posição do Movie Clip e retorna um valor true ou fase se o MC estiver ou não dentro do retângulo área.

public function Release(Movie:MovieClip, MovieX:Number, MovieY:Number):Boolean {

stopDrag();
if (MovieX > Area_hitLeft_x && MovieY > Area_hitTop_y && MovieX <>

valor1 = false;
conter++;
return valor1;

} else {
valor1 = true;
return valor1;
}
}

//Inicia Drag

public function Start(Movie:MovieClip):Void {
startDrag(Movie);

}

// Libera do Drag

public function OutSide(Movie:MovieClip):Void {
stopDrag();
}

}

O nome da classe deve iniciar com letra maiúscula, alem disso lembre-se de preencher o cabeçalho de descrição da classe. Por se tratar de um componente personalizado é sempre bom documentar o máximo possível o funcionamento e a utilidade. Não deixe por conta da memória.

Veja um exemplo funcionando : Link

Sistema de Login no Dreamweaver 8 (Parte 2)

2007-12-16T09:45:00.000-08:00

No PHP existem várias maneiras de passar um parâmetro de uma página a outra. Para exibir uma mensagem de boas vindas ( Bem vindo “Sr. Fulano”) após realizar o login podemos usar o login que o usuário digitou no text field da página anterior.

Para isso utilizaremos uma variável de sessão.

1- Minha página de sucesso no sistema de login se chama index.php e minha página de login em si se chama login.php. Digite o código abaixo no topo da página de login.php :

if (!isset($_SESSION)) {

session_start();
// a variável login recebe o valor do campo de texto

$login=$_POST['loginText'];

// a variável de sessão login recebe o valor do text field.

$_SESSION['login']=$login;

}

2- Na página index.php crie um recordset no painel Application aba server behaviors. Preencha os campos da janela que irá aparecer:

Name: escolha um nome significativo.
Connection: A conexão do seu banco (a mesma do login).
Table: a tabela onde estão login e senha no do banco.
Columns: Fica a sua escolha. No exemplo selecionei todas.
Filtro : No filtro você deve fazer com que o select sobre o banco seja apenas da pessoa que está logada no sistema. Para isso basta apenas filtrar para que tabela login seja igual a nossa variável de sessão, que corresponde ao digitado pelo usuário.

3- Com o recordset criado, basta arrastar a legenda “login” listada no painel Application aba server behaviors para um qualquer lugar da página.

No topo desta pagina acrescente o código:

session_start();

//verifica se existe a varavel session

if(isset($_SESSION['login']))

// passa o valor da variavel session

{$login=$_SESSION['login'];}

else{

echo("Não foi atribuído valor para a variável de sessão");}?>

E isso é tudo. Até a próxima.

Sistema de Login no Dreamweaver 8 (Parte 1)

2007-12-12T17:35:00.000-08:00

Com as devidas conexões feitas, fica muito fácil criar rapidamente um sistema de login e senha seguro com o Dreamweaver e PHP. Para esse tutorial de uma olhada em como conectar o Dreamweaver com o servidor MySQL e o PHP.

Além disso é preciso ter um banco criado com uma tabela usuários com os atributos login e senha.

1- Em um novo documento PHP crie uma tabela e insira dois Text Field. Insira também um Button que será o responsável por enviar os dados de nossa página. Quando você insere um Text field o Dreamweaver irá perguntar se você deseja criar uma Tag form. Devemos ter todos os elementos ( Text fields e button) dentro da tag form para que a página funciona corretamente2 – No painel Properties estão as propriedades de cada elemento adicionado na página (faz sentido né !). Click em um text field e vá à janela Properties. No campo abaixo da legenda Textfield adicione um nem ao seu campo de texto (loginText para o campo login e senhaText para o campo senha) .

Em Type marque a opção Single line e password no caso do campo de password.

3- Após a criação do form , vá até o painel Application na aba Server Behaviors opção User Authentication > Log in User .

4- Entre com os dados na tabela:

Get input from form : Escolha o formulário criado no passo 1.

Username Field : Coloque o nome do seu Text field que será o login.(loginText)

Password Field : Coloque o nome do seu Text field que será a senha.(senhaText)

Validade using connection : Aqui você deve indicar com o que será comparado os dados de entrada. Coloque a conexão do seu banco.

Table: nome da tabela onde estão os dados para comparação.

Username Column : Coluna da tabela onde está o login.

Password Column : Coluna da tabela onde está a senha..

If login succeeds, go to : indique a pagina que será aberta com o sucesso no login.

If login fails, go to: indique a pagina que será aberta com a falha no login.

Restrict acceess base on : você pode restringir o acesso de algumas páginas com o login e senha ou ainda baseado em um nível de acesso. Por hora vamos ficar com acesso restrito por login e senha.

Com esses passos o sistema de login já deve funcionar. É preciso criar a página de sucesso e uma de falha. Na segunda parte deste tutorial veja como passar um variável de sessão de uma página a outra.