Papervision Explode Image / Rebuild

3 Responses to “Papervision Explode Image / Rebuild”

• 1 samBrown

  December 27, 2009 at 5:33 pm

  awesome effect, thanks for the update
• 2 dreamnight

  March 12, 2010 at 1:15 am

  package {
  import flash.display.Bitmap;
  import flash.display.BitmapData;
  import flash.display.Loader;
  import flash.display.SpreadMethod;
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.geom.Matrix;
  import flash.net.URLRequest;
  import flash.events.MouseEvent;
  import com.greensock.TweenLite;
  import flash.utils.ByteArray;
  /**
  * …
  * @author dreamnight
  */
  public class Main extends Sprite {
  private var str:String;//外部照片的链接地址
  private var bmp:Bitmap;//保存加载进来的的图片
  private var cellWidth:Number;
  private var cellHeight:Number;
  private var smallImages:Array;
  private var storePosition:Array;
  private var container:Sprite;

  private var row:int;
  private var column:int;
  //判断是否发生click事件
  private var isClick:Boolean;

  public function Main():void {
  if (stage) {
  init();
  } else {
  addEventListener(Event.ADDED_TO_STAGE, addToStage);
  }
  }

  private function addToStage(e:Event = null):void {
  removeEventListener(Event.ADDED_TO_STAGE, addToStage);
  init();
  // entry point
  }

  private function init():void {
  str=”MY.jpg”;
  container = new Sprite();
  addChild(container);
  //让container处在中间
  loadImage(str);

  }
  private function loadImage(str:String=”"):void {
  var loader:Loader = new Loader();
  var urlRequest:URLRequest=new URLRequest(str);
  loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
  loader.load(urlRequest);

  }

  private function onComplete(e:Event):void {
  bmp=Bitmap(e.target.content);
  splite();//拆分相片
  }

  private function splite(rowWidth:int=30,columnHeight:int=18):void {
  cellWidth=rowWidth;
  cellHeight=columnHeight;
  var cellBitmapData:BitmapData=new BitmapData(cellWidth,cellHeight);
  smallImages=[];
  storePosition=[];
  var matrix:Matrix = new Matrix();
  //爆破的个数 ： row*column
  row=Math.floor(bmp.width/cellWidth);//横向的个数
  column=Math.floor(bmp.height/cellHeight);//列个数

  for (var i:int = 0; i!=row; ++i) {

  for (var j:int = 0; j != column; ++j) {

  var tx:Number=- cellWidth*i;
  var ty:Number=- cellHeight*j;
  matrix.translate(tx ,ty );
  cellBitmapData.draw(bmp,matrix);
  var bitmap:Bitmap=new Bitmap(cellBitmapData);
  //对该照片进行复原
  bitmap.x=- tx;
  bitmap.y=- ty;
  smallImages.push(bitmap);
  //保存初始位置：
  var oj:Object= new Object();
  oj.x=- tx;
  oj.y=- ty;
  storePosition.push(oj);
  //将其添加到容器中
  container.addChild(bitmap);

  }
  }

  //对数组ujinxing复制，以此来保存其初始X,y坐标
  /*
  var copy:ByteArray = new ByteArray();
  copy.writeObject(smallImages);
  copy.position = 0;
  storePosition = copy.readObject()*/

  //增加交换性
  interactive();// 增加交互性

  }

  private function interactive():void {
  isClick=false;
  container.addEventListener(MouseEvent.CLICK, onClick);

  }
  private function onClick(e:MouseEvent):void {
  if (isClick==true) {
  isClick=false;
  trace(“yes”);
  //进行还原

  for (var j:int = 0; j != row * column; ++j) {
  //还原
  TweenLite.to(smallImages[j],3,{x:storePosition[j].x,y:storePosition[j].y,z:0});
  }

  } else {
  isClick=true;
  trace(“ok”);

  for (var i:int = 0; i != row * column; ++i) {
  //
  TweenLite.to(smallImages[i],5,{x:Math.random()*stage.stageWidth,y:Math.random()*stage.stageHeight,z:Math.random()>0.5?Math.random()*1000:-Math.random()*1000});
  }

  }

  }

  }

  }

  why I can’t see the image?? it shows no pixel
• 3 Kyle

  March 15, 2010 at 11:02 am

  Any chance you can give me a hint on where to start with this, i’m creating a Flickr 3D coverflow type gallery and when you click the arrow to move on to the next picture I want the current one to explode like this but I want a different image to rebuild! I’m not sure where to start