// forked from touchi's flash on 2009-11-11
 package {

import flash.display.Sprite;
     import flash.events.*;

/*
        @author Takashi Murai(KAYAC)
      */

[SWF(width="465", height = "465", backgroundColor = "0x000000", frameRate = "30")]
     public class WonderflBook extends Sprite {
         private var box:ImgBox;

public function WonderflBook() {
             init();
         }

public function init():void {
             box = new ImgBox();
             box.x = stage.stageHeight / 2;
             box.y = stage.stageWidth / 2;

box.init();
             box.show();
             box.addEventListener(MouseEvent.CLICK, click);
             box.buttonMode = true;

addChild(box);
         }

public function click(e:Event):void {
             box.removeEventListener(MouseEvent.CLICK, click);
             box.buttonMode = false;
             box.open();
         }
     }
 }

import flash.display.*
 import flash.events.*
 import caurina.transitions.Tweener;
 import flash.net.URLRequest;

internal class ImgBox extends Sprite {

private var loader:Loader;
     private var lineRect:Sprite;
     private var maskRect:Sprite;
     private var bgRect:Sprite;

private const IMG_SIZE:Number = 100;
     private const HALF_SIZE:Number = IMG_SIZE / 2;

public function ImgBox() {
     }

public function init():void {
         lineRect = new Sprite();
         lineRect.graphics.lineStyle(1, 0xFFFFFF, 1, false, LineScaleMode.NONE);
         lineRect.graphics.moveTo(0, 0);
         lineRect.graphics.lineTo(IMG_SIZE, IMG_SIZE);
         lineRect.graphics.moveTo(0, IMG_SIZE);
         lineRect.graphics.lineTo(IMG_SIZE, 0);
         lineRect.graphics.drawRect(0, 0, IMG_SIZE, IMG_SIZE);
         lineRect.x = lineRect.y = -HALF_SIZE

maskRect = new Sprite();
         maskRect.graphics.beginFill(0xFFFFFF, 0.5);
         maskRect.graphics.drawRect(0, 0, IMG_SIZE, IMG_SIZE);
         maskRect.graphics.endFill();
         maskRect.x = maskRect.y = -HALF_SIZE

bgRect = new Sprite();
         bgRect.graphics.beginFill(0xFFFFFF, 0.5);
         bgRect.graphics.drawRect(0, 0, IMG_SIZE, IMG_SIZE);
         bgRect.graphics.endFill();
         bgRect.x = bgRect.y = -HALF_SIZE

loader = new Loader();
         loader.alpha = 0

addChild(bgRect);
         addChild(lineRect);
         addChild(loader);
         addChild(maskRect);

this.alpha = 0;
         this.scaleX = 0.01;
         this.scaleY = 0.01;
     }

public function show():void {
         Tweener.addTween(this, {alpha:1, scaleX:0.2, scaleY:0.2, time:30, useFrames:true, transition:"easeOutExpo"});
     }

public function open():void {
         Tweener.addTween(this, {scaleX:1, scaleY:1, time:30, useFrames:true, transition:"easeOutElastic"});
         Tweener.addTween(maskRect, {x:-HALF_SIZE, y:-HALF_SIZE, alpha:1, width:1, time:20, delay:21, useFrames:true, transition:"easeOutExpo", onComplete:load});
     }

private function load():void {
         loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loading);
         loader.contentLoaderInfo.addEventListener(Event.COMPLETE, complete);

loader.load(new URLRequest("http://wonderfl.net/images/icon/4/48/480f/480f876800731772d8e7a547397888a08d8f71bfm"));
     }

private function loading(e:ProgressEvent):void {
         var percent:Number = e.bytesLoaded / e.bytesTotal;
         Tweener.addTween(maskRect, {x:-HALF_SIZE, y:-HALF_SIZE, width:IMG_SIZE * percent, time:20, useFrames:true, transition:"easeOutExpo"});
     }

private function complete(e:Event):void {
         Tweener.addTween(maskRect, {alpha:1, x:-HALF_SIZE, y:-HALF_SIZE, width:IMG_SIZE, time:15, useFrames:true, transition:"easeOutExpo", onComplete:showImg});
     }

private function showImg():void {
         Tweener.addTween(maskRect, {x:HALF_SIZE, y:-HALF_SIZE, width:1, time:15, useFrames:true, transition:"easeOutExpo", onComplete:showImg});
         loader.x = -HALF_SIZE;
         loader.y = -HALF_SIZE;
         Tweener.addTween(loader, {alpha:1, time:20, useFrames:true, transition:"easeOutExpo"});
     }
 }

forked from: flash on 2009-11-11