Coluna Flash – Movie Clip – HitTest

<?xml version=”1.0″ encoding=”utf-8″?>
<galeria>
<thumb title=”Hades Chapter Sanctuary” img=”images/01.jpg” thumb=”images/01_p.jpg” />
<thumb title=”Hades Chapter Sanctuary” img=”images/02.jpg” thumb=”images/02_p.jpg” />
<thumb title=”Hades Chapter Inferno ” img=”images/03.jpg” thumb=”images/03_p.jpg” />
</galeria>

/*Estamos importando a classe Tween para facilitar as animações via Action Script*/
import mx.transitions.Tween;
/*Declarando os tipos das instâncias visuais*/
var title_txt:TextField;
var target_mc:MovieClip;
/*Declarando as vriáveis não visuais*/
/*Indica se a thumb está dentro do container */
var selected:Boolean = false;
/*Indica se estamos arrastando a Thumb */
var isDragging:Boolean = false;
/*Posição inicial da Thumb */
var posX:Number = target_mc._x;
var posY:Number = target_mc._y;
/*Velocidade da animação do MovieClip via cálculo */
var time:Number = 10;
/*Inicialização dos objetos*/
/*Classe para preload das imagens grandes*/
var loader:MovieClipLoader = new MovieClipLoader();
/*Criação do objeto que irá ouvir os eventos da classe MovieClipLoader() */
var o:Object = new Object();
/*O MCL está cadastrando um objeto para receber seus futuros eventos */
loader.addListener(o);
/*Evento liberado ao iniciar um preload */
o.onLoadStart = function():Void {
with (_root.preloader) {
_alpha = 100;
}
};
/*Evento liberado no progresso do preload (carregando….) */
o.onLoadProgress = function(target:MovieClip, loaded:Number, total:Number):Void {
_root.preloader._xscale = loaded/total*100;
};
/*Evento liberado ao finalizar o preload, é aqui que coloco as ações que devem acontecer ao finalizar o preload */
o.onLoadInit = function():Void {
var effPreloader:Tween = new Tween(_root.preloader, “_alpha”, None.easeNone, _root.preloader._alpha, 0, .5, true);
var effTarget:Tween = new Tween(_root.finalTarget, “_alpha”, None.easeNone, 0, 100, .5, true);
};
/*Propriedades das instâncias*/
this.tabEnabled = false;
with (title_txt) {
html = true;
autoSize = true;
type = “dynamic”;
selectable = false;
}
/*Eventos do próprio Objeto*/
function onPress():Void {
/*Alterando o nível de altura do próprio MovieClip*/
this.swapDepths(_root.getNextHighestDepth());
target_mc.startDrag(false);
/*Estou arrastando */
isDragging = true;
}
function onRelease():Void {
target_mc.stopDrag();
/*Não estou arrastando mais */
isDragging = false;
/*Se o target_mc colidir com o FinalTarget que está no _root, faça algo*/
/*O HitTest passa outros parâmetros dependendo do caso: obj.hitTest(_x, _y, flag), onde flag indica se ele deve respeitar o bounding box (caixa delimetadora do MovieClip) ou não */
if (target_mc.hitTest(_root.finalTarget)) {
/*Aqui dizemos que ele continua sendo arrastado, mais abaixo vamos entender */
isDragging = true;
/*Estou selecionado agora que colidi com finalTarget */
selected = true;
/*Um loop básico que nada mais faz que liberar todos aqueles que não são o que eu estou arrastando*/
/*Para propriedade no _root faça */
for (var i in _root) {
/*Se o nome de instância do meu MovieClip no _root contiver item, faça… */
if (_root[i]._name.indexOf(“item”)>=0) {
/*Se o objeto nesse _root for eu mesmo faça… */
if (_root[i] == this) {
/*Aqui dentro o target_mc fica invisivel e o loader carrega minha variável largeImage, inserida pelo XML que já vamos ver */
this.target_mc._visible = false;
loader.loadClip(this.largeImage, _root.finalTarget);
/*Caso contrário */
} else {
/*Todos que não são eu mesmo não estão arrastando, não estão mais selecionados e voltam a ficar visíveis */
_root[i].isDragging = false;
_root[i].selected = false;
_root[i].target_mc._visible = true;
}
}
}
}
}
function onReleaseOutside():Void {
onRelease();
}
/*Esse evento de loop de “animação” verifica se minha condição isDragging (está arrastando) é verdadeira, se não for faça isso… */
function onEnterFrame():Void {
if (!isDragging) {
/*A posição do meu objeto será incrementada pela posição inicial menos a posição em que está, dividido pelo tempo de percurso, quanto menor, mais rápido */
target_mc["_x"] += (posX-target_mc["_x"])/time;
target_mc["_y"] += (posY-target_mc["_y"])/time;
}
}

/*Declarando os tipos das instâncias visuais*/
var preloader:MovieClip;
var finalTarget:MovieClip;
/*Propriedades das instâncias*/
/*Aqui estamos definindo um background para o finalTarget, seu depth (nível, aqui não podemos dizer, suba duas layers, deça três…) que será o mesmo do finalTarget menos um. */
finalTarget.duplicateMovieClip(“bgTarget”, finalTarget.getDepth()-1);
/*Declaração de funções*/
function createGallery():Void {
/*Criação do objeto XML */
var xml:XML = new XML();
xml.ignoreWhite = true;
/*Carregando nosso arquivo xml */
xml.load(“galeria.xml”);
/*Ao ler o xml faça isso */
xml.onLoad = function(success:Boolean):Void {
if (success) {
var path:Object = this.firstChild.childNodes;
/*Para variável i que vale 0, enquanto ela for menor que o número de itens dentro do xml, incremente 1 */
for (var i:Number = 0; i<path.length; i++) {
/*Estamos chamando o item da Library */
t = _root.attachMovie(“item”, “item”+i, i, {_x:10});
/*Esse item terá sua instância title_txt em sua propriedade text o valor alterado para o atributo title do XML */
t.title_txt.text = path[i].attributes.title;
/*Esse item terá sua instância target_mc carregando via loadMovie o atributo thumb do XML */
t.target_mc.loadMovie(path[i].attributes.thumb);
/*Anexamos uma variável largeImage ao MovieClip item, a mesma que chamamod no método loadClip da classe MovieClipLoader dentro do item */
t.largeImage = path[i].attributes.img;
/*Definimos a posição do item e incrementamos um espaço de px a distância entre eles */
t._y = i*t._height+10;
}
}
};
}
/*Inicialização das funções */
createGallery();