万花筒Gallery
点击图像打开实例文件。操作提示：点击底部的缩略图用来变换万花筒，万花筒的形状自动进行变化。<img class="aligncenter size-medium wp-image-937" title="kal3" alt="" src="http://www.everyinch.net/wp-content/uploads/2013/04/kal3-300x228.jpg" width="300" height="228" />
[code lang="as3"]package{
import __AS3__.vec.Vector;
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
import flash.events.TimerEvent;
import flash.filters.GlowFilter;
import flash.net.URLRequest;
import flash.utils.Timer;
import net.everyinch.kals.KaleidoscopeMirror;
[SWF(width=800,height=600,backgroundColor=0x000000)]
public class KaleidoscopeGallery extends Sprite{
private var kals:Array;
private var numKals:int = 10;
private var currentKal:int;
private var isAddKals:Vector.;
private var container:Sprite;
private var thumbs:Vector.;
private var thumbsPath:Vector.;
private var images:Vector.;
private var timer:Timer;
public function KaleidoscopeGallery(){
kals = new Array(numKals);
isAddKals = new Vector.(numKals);
container = new Sprite();
addChild(container);
container.x = 400;
container.y = 240;
thumbs = new Vector.();
thumbsPath = new Vector.();
images = new Vector.();
timer = new Timer(2000,0);
prepareKals();
}
private function prepareKals():void{
for(var i:int=0;i<numKals;i++){
images.push("assets/Flower"+i+".jpg");
thumbsPath.push("assets/Flower"+i+".jpg");
isAddKals[i] = true;
}
loadThumbs(thumbsPath[0]);
}
private function loadThumbs(s:String):void{
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
loader.load(new URLRequest(s));
}
private function onComplete(e:Event):void{
var s:Sprite = new Sprite();
s.addChild(Bitmap((e.currentTarget).content));
thumbs.push(s);
thumbsPath.shift();
if(thumbsPath.length > 0){
loadThumbs(thumbsPath[0]);
}
if(thumbs.length == numKals){
for(var i:int=0;i<numKals;i++){
addChild(thumbs[i]);
thumbs[i].width = 50;
thumbs[i].height = 50;
thumbs[i].x = i*70+60;
thumbs[i].y = 520;
}
displayKaleidoscope(0);
setThumbsMouseEvent();
setThumbsGlow(0);
}
}
private function displayKaleidoscope(n:int):void{
if(isAddKals[n]){
kals[n] = new KaleidoscopeMirror(images[n],200);
isAddKals[n] = false;
}
if(container.numChildren > 0){
container.removeChildAt(0);
}
container.addChild(kals[n]);
currentKal = n;
}
private function setThumbsGlow(n:int):void{
for(var i:int=0;i<numKals;i++){
thumbs[i].filters = [];
}
thumbs[n].filters = [new GlowFilter(0xCCCCCC,1,18.0,18.0,2,2)];
}
private function setThumbsMouseEvent():void{
for(var i:int=0;i<numKals;i++){
thumbs[i].addEventListener(MouseEvent.CLICK,onChangeKal);
}
timer.addEventListener(TimerEvent.TIMER,onTimer);
timer.start();
}
private function onChangeKal(e:MouseEvent):void{
var nextKal:int = (parseInt(e.target.name.slice(8,10))-5)/4;
displayKaleidoscope(nextKal);
timer.reset();
timer.start();
setThumbsGlow(nextKal);
}
private function onTimer(e:TimerEvent):void{
kals[currentKal].doSpin();
}
}
}[/code]