pokemon yiff art wedding invitations wording samples in spanish online melbourne chat sample student resume cigarette brands nicotine content t shirt printing machine for sale google earth free download sawgrass mills mall directory map evil desktop themes mercedes benz parts diagrams download dragonball game pontiac g8 gxp for sale used subwoofer wiring diagram crutchfield download balkan download gamecube emulator mac salary calculator pocket tanks deluxe download mac check engine mitsubishi eclipse of land pollution 3d kitchen design software flashget download mercury outboard serial identification free ball licking movies happy jesus song download the fuji viewer wine enthusiast coupon codes salary of professional athletes free pron movies radio flyer scooter target minivan rental orlando florida drug ultram mozzila slo download harley davidson sportster parts accessories nikon coolpix l100 10mp digital camera review nikon d3000 dslr camera price vintage cigarette cases for women scheduling software paige jeans funny quotes from movies hangover levitra clinical trials online pharmacy phentermine xenical hair cuttery coupons printable downloadable dbz computer games mitsubishi lancer evolution x body kits digital camera reviews canon powershot sx120 cheap usb flash drives bulk rpg maker xp download free full costumes for cats musical guitar pro 5 free download torrent furniture warehouse san diego kearny mesa autodesk revit architecture 2010 crack rapidshare antares auto tune mac crack winter olympics locations history glass pipes and bongs for sale honeymoon packages in india with prices free website builder for mac os x free animated powerpoint backgrounds subwoofer reviews home audio pizza hut menu and price list rolex watches for men uk yamaha atv parts diagrams free models download kia sorento 2011 reviews weather channel radar florida mitsubishi electric mr slim air conditioning atheros ar5005g wireless network adapter driver xp camera reviews nikon coolpix s203 used toyota tacoma prerunner double cab for sale family cruises deals 2010 honda generators for sale used laminate kitchen countertops belkin n1 wireless router setup guide egyptian symbols alphabet malayalam movies 2009 watch online autodesk sketchbook pro 2010 mac torrent dell printer drivers for mac os x big trucks parking games fruity loops download golf magazine top 100 courses you can play nintendo dsi xl reviews bmw x5 repair manual haircuts fine hair free 2d animation software for beginners 1999 chrysler sebring convertible problems hyundai sonata 2011 pictures shu uemura art of hair autodesk inventor 2010 student download movies on demand brighthouse list snow white and the seven dwarfs story online 2010 subaru forester xt limited review tattoos designs for men free dvd release schedule 2010 wireless g usb network adapter driver download mitsubishi tv remote codes free nintendo 64 emulators for mac funny pictures of people with no teeth bluetooth dongle software download vista gps reviews consumer reports hyundai sonata 2011 prices samsung lcd tv problems no picture plants vs zombies free download full version mac samsung omnia apps free download honda crv maintenance schedule 2004 microsoft flight simulator x demo crack honda civic type r for sale in us race v3 download playstation network card numbers for free flowers by zoe website wine country gift baskets coupon code free shipping xbox live gold subscription trial generator atheros ar5007eg wireless network adapter vista driver rpg maker xp keygen download cool desktop backgrounds for macbook football for dummies positions roses department store employment camcorders for sale uk flashget for mac free download honda civic 2010 pictures uae download sim city full toyota gas pedal recall list free flight simulator games online mattress factory direct post wedding reception invitation wording examples jeep cherokee accessories rpg maker vx resources battlers sony vegas 9 torrent mininova dvd decrypter download mac jewelry exchange reviews tustin nissan leaf release date honda crv parts used genuine subaru parts online harley davidson dealers in california hp compaq presario v5000 memory laminate wood flooring stairs active desktop calendar download free nintendo ds roms download professor layton playstation network card numbers rolex oyster perpetual datejust prices spanish music lyrics for free cable modem hack comcast original xbox live codes for free windowblinds serial red pubic hair japanese dating sim games ds free download full poker nikon d90 prices dubai sof2 wallhack download snowflake patterns to cut out for kids doctor serial number compaq laptops drivers cq40 kode gta san download bmw x6 reviews pinewood derby templates 2003 bmw m3 convertible hardtop star wars download jeep grand cherokee srt8 for sale in texas vadivel comedy download mud tires for sale cheap download pokemon game on pc mitsubishi lancer evolution x wallpaper female shaving pubic hair volkswagen cc reviews 2010 genuine microsoft software download windows click 1979 volkswagen beetle convertible for sale soccer practice drills honda generators prices in pakistan autodesk maya 2010 serial number and product key isuzu trooper diesel craigslist windows digital desktop background siding brake video down jackets for tall women xnxx flash jeep grand cherokee laredo 2000 manual rolex submariner used fonts calibri download replica handbags flight simulator 2004 demo free download w200i games free download download indian video songs conexant modem drivers for xp sony vegas 9 keygen serial flash player for mac snow leopard kaspersky internet key generator cowgirl boots for women cheap samsung eternity applications free download autodesk autocad 2010 torrent download winter olympics 2010 hockey bonzi download compaq presario v6000 wireless driver download winter olympics 2010 hockey teams download antares autotune 5 free download igra nfs subaru impreza outback sport forum cigarette prices by state map xbox live gold membership card 12 months buttmans art gallery youtube to mp3 converter for mac os x free download avid liquid linux mint 8 usb bootable dvd43 64 bit windows 7 virtual dj software download free full version warcraft 2 cheat codes small tattoos for girls on feet plants vs zombies free full version download link samsung i8000 omnia 2 reviews cricket flash games free download for pc evening dresses to buy online hindi movies released in 2009 list mobile phone free nintendo ds emulator download for pc camping checklist excel xbox live gold code generator download belkin wireless g usb network adapter driver download atheros ar928x wireless network adapter driver windows 7 hair gallery free flash hair photos hentai sim game tonya harding honeymoon video beowulf the movie monster trucks games for kids online download winzip incest chat rooms free rated movie clips honda accord body kit racer v3 download music player download for nokia 3110c enclosure subwoofer box dangerous dave download hot cartoon games lolita art handbags outlet online nudist art watch hindi movies free online without downloading msn account cracker download program football manager training schedules 2010 pictures of pubic hair styles download titans free oompa loompa costumes restaurant organizational chart met art underwear models photos play for free slot machine design your own wedding dress virtual antivirus bit torrent guild keygen inflation game adobe flash player for iphone safari dresses to wear to a wedding as a guest halo download mugen download microsoft office phone activation code keygen als scan download combofix mazda 626 manual book women their pubic hair black movies gamecube isos direct download marketing sample download free counter strike cd key nikon d40 kit refurbished at work brazzer hairstyles for women over 50 years old pictures free software downloads for blackberry curve 8520 printable viagra coupon lavetria plus size bra sony handycam dcr 30 driver vista tifa flash antivirus free download key gen sony vegas 9 serial number generator free download tamil mp3 songs download entrance theme adobe cs2 serial number activation code kaspersky keyboard symbol art download microsoft frontpage skype emoticons art happy birthday ubuntu smb password small bathroom remodeling ideas pictures free guitar pro download full version suzuki kizashi forum pizza hut delivery number malaysia dvdfab platinum 6 keygen dating rpg games online compaq evo drivers downloads dvdfab 6 registration key torrent malayalam movies free online watch famous graffiti artists list nokia 3110c music player download free slow down flash games freeware gamecube roms zelda the wind waker snow patrol chasing cars mp3 4shared opel astra parts catalog volkswagen beetle convertible for sale used guitar pro tabs free download summer fashion internships for high school students in nyc honda fit 2009 owners manual pdf opel astra wagon 2010 flash games index swf iskysoft dvd ripper for mac serial number autodesk maya 2010 crack nudity games compaq presario v2000 drivers skype download for blackberry curve 8900 compaq presario v6000 drivers for xp download porsche cayenne reliability 2004 warcraft 3 frozen throne torrent download free buy vans shoes online cheap desi movies watch online free kawasaki mule 3010 service manual dating sim rpg games for girls boeing 747 flight simulator games online windows server 2008 activation crack download toyota recall list of cars samsung cdma mobile phones microsoft points and xbox live gold membership generator sony vegas 9 keygen digital insanity tattoo ideas for men leg summer 2010 internships nintendo gamecube roms free download warcraft 3 download full game torrent best juice fasting recipes delta airlines flight attendant jobs rolex datejust oyster perpetual price wedding dresses for sale second hand flight simulator 2004 free download full version free skype video recorder for mac samsung led tv 6000 best settings sister wedding invitation wordings india miniclip flash games free download for pc kia sportage 2010 review hindu wedding card invitation wordings jacket sewing patterns free funny wedding invitation wording examples nokia 6300 music player download free best snow leopard hackintosh netbook porsche cayenne hybrid release date winterbells no sound dvd shrink for vista 64 bit download guitar pro 5 free download with crack 48 hour xbox live codes generator winterbells full screen game dvd shrink free download windows 7 volkswagen beetle for sale by owner watch movies online streaming megavideo sony vegas movie studio 9 platinum keygen warcraft 3 torrent limewire extended pro free download car battery trickle charger reviews gamecube emulator for psp satellite tv for pc 2009 titanium edition crack ar rehman video download compaq presario f700 drivers download nismo nissan skyline r34 gtr z tune for sale transparent desktop calendar freeware rpg maker vx activation code motorcycle superstore coupon 20 off chrysler town and country commercial music dvdfab 6 crack code dvd43 windows 7 compatible equipment rental agreement template free flight simulator x deluxe edition download volkswagen parts catalog online desktop themes for mac os x leopard xbox 360 hard drive transfer disc iso compaq presario c700 drivers malayalam movies free online watching snowboard boots reviews 2010 compaq presario drivers c500 samsung led tv 6000 problems xbox live gold membership codes free marlboro cigarette prices in north carolina isuzu trooper engine rebuild dvdfab 6 registration key free software testing tutorial pdf burton snowboard boots clearance famous quotes about life lessons bluetooth hack software nokia samsung omnia apps torrent samsung moment battery life issues sony ericsson k550i mazda miata parts diagram morgan movies compaq presario sound drivers free download soccer poems download vga for windows xp live satellite view of my house free t shirt gallery facebook bypass proxy server download full version gta3 birthday cake templates satellite view of my house real time nokia maps code hack ford motor company recalls 2009 cigarette lighting misa photoshoot download samsung impression apps free igre za mobitel download battery charger circuit schematic coolest desktop theme account cracker free download offline rpgs for pc sagem unlock codes mazda 626 timing belt monitor repair manual aurora snow flash flash revolution resonance take off my bra desktop destroyer 2 game moto racer download download dat mcafee update wow armory ensidia skinhead tattoo galleries free online templates for business cards free fretwork scroll saw patterns nature art gallery clips pants off dance off unedited sunny download free applications for mobile phones compaq evo drivers d51c games in eboot zip files tattoo magazines caribbean cruise line bahamas celebration scam youtube headshave golf gps comparison reviews download habbo hack mercedes 300sl gullwing sofa beds for sale ikea repossessed cars for jeeps for sale in pa pictures of highlighted hair download klm caribbean cruise line free cruise voucher lingerie models nude clothes steamer comparison norton antivirus code mms jamshedpur schools warcraft armory blackberry download pokemon ruby version wedding invitations wording samples microsoft security center antivirus override free antivirus for p3300 rpg maker vx sprite generator micro download keyboard symbols pictures sign in sheet templates free program templates download inspirat free wet t shirt wedding invitation wording templates soccer bulge current job vacancies in nigeria cashman slot donkey pc full download replica toy guns for sale i a japanese game show house of brides free powerpoint templates business free game download guitar chord chart for beginners antivirus plus v10 license key marathi download how to yourself a blow job free download form defend your castle flash game autoplay removal tool john mccain official website download san andreas where i download simtractor free free pantyhose movies samsung unlock codes fuse box diagram dodge dakota hidden games completly free avast antivirus free software sissy husband dress armpit hair galleries programi download glasbe free honda atv manuals online vista 64bit sony drivers bust move free download the perfume movie download spam list sign up software architecture design document sample contract template xbox 360 60gb hard drive transfer cable live satellite images of my house free buy rohypnol online ancient egypt food recipes for kids sony outlet short funny jokes one liners email marketing software freeware adobe raider download new marathi movies watch online student examples of letter writing flight simulator x acceleration expansion pack rapidshare cheap replica chanel designer handbags stronghold download compaq presario c700 drivers for vista free download certificate templates autodesk revit mep 2010 training compaq presario v6000 drivers download sample birth certificate nintendo ds emulator download for pc free sissy dress battery warehouse direct reviews compaq presario c700 hard drive replacement kalonline download t shirt printing machines for sale uk mazda protege free repair manuals dvdfab 6 registration key generator torrent nintendo ds roms torrent download wedding dance by amador daguio sony cybershot dsc s930 digital camera price in india free agenda templates summary of trojan war


Papervision Explode Image / Rebuild

In early 2008 I wrote a blog article on how to explode an image and rebuild it again. Recently this effect has been used in some amazing ways. Site's like Audi have taken this concept much further with the rows of these tiny boxes swimming in formation.

Today I decided to re-create that simple effect using the latest papervision code and provide a much needed update.

Creating this effect is actually fairly simple. You take an image, use some code to break it into smaller bitmaps which then are used as the materials for your planes. Then you just place the planes in a grid to re-create your image.

Here is a sample of the code that get's our image blocks to be used for our materials:

Actionscript:
  1. //Creates a 30 x 18 bitmapData block
  2. var bitmap_data:BitmapData  = new BitmapData(cellWidth, cellHeight, true, 0x00FFFF);
  3.                
  4. //Create a new Matrix - A matrix is a rectangular array / table
  5. //of numbers with any number of rows / columns.
  6. var matrix:Matrix         = new Matrix();
  7.  
  8. //Get's our desired x / y location information where we will
  9. //pull a block of our image
  10. matrix.translate( -cellWidth * cellX, -cellHeight * cellY);
  11.  
  12. //Write the data to our bitmap data object with our source and
  13. //matrix / block info
  14. bitmap_data.draw(imageMC, matrix);

Once you've created your grid you just need to store the locations of all your x,y,z,rotation etc so that when you break apart the image you can easily piece it back together.

Actionscript:
  1. planeVO.origX         = pl.x;
  2. planeVO.origY            = pl.y;
  3. planeVO.origZ         = pl.z;
  4. planeVO.origRotationY      = pl.rotationY;
  5. planeVO.origRotationX      = pl.rotationX;
  6. planeVO.origRotationZ      = pl.rotationZ;
  7. planeVO.planeRef          = pl;

PlaneVO is nothing more than a simple value object. A value object gives us a nice strongly typed object to store the variables we want to access later.

PlaneVO.as

Actionscript:
  1. package
  2. {
  3.     import org.papervision3d.objects.primitives.Plane;
  4.     /**
  5.      * ...
  6.      * @author Charlie Schulze, Woven Interactive, LLC
  7.      */
  8.     public class PlaneVO
  9.     {
  10.         public var origX:Number;
  11.         public var origY:Number
  12.         public var origZ:Number
  13.         public var origRotationY:Number
  14.         public var origRotationX:Number
  15.         public var origRotationZ:Number
  16.         public var planeRef:Plane;
  17.     }
  18.    
  19. }

Now on to the full code. I have left comments throughout to explain what is happening. Try changing some of the math or swapping the image with your own. Once you mess with it for a little while you'll find it's easy to create some amazing effects.

Actionscript:
  1. package
  2. {
  3.     import br.com.stimuli.loading.BulkLoader;
  4.     import br.com.stimuli.loading.BulkProgressEvent;
  5.     import com.foomonger.utils.Later;
  6.     import flash.display.Bitmap;
  7.     import flash.display.BitmapData;
  8.     import flash.display.DisplayObject;
  9.     import flash.display.MovieClip;
  10.     import flash.geom.Matrix;
  11.     import gs.easing.Quint;
  12.     import gs.TweenMax;
  13.     import org.papervision3d.materials.MovieMaterial;
  14.     import org.papervision3d.objects.DisplayObject3D;
  15.     import org.papervision3d.objects.primitives.Plane;
  16.     import org.papervision3d.view.BasicView;
  17.    
  18.     /**
  19.      * ...
  20.      * @author Charlie Schulze, charlie[at]woveninteractive[dot]com
  21.      */
  22.    
  23.     public class Main extends BasicView
  24.     {
  25.         protected var bulkInstance:BulkLoader;
  26.         protected var imageMC:MovieClip;
  27.         protected var imageString:String
  28.         protected var planeVOs:Array = [];
  29.         protected var planesContainer:DisplayObject3D;
  30.        
  31.         public function Main():void
  32.         {
  33.             super();
  34.            
  35.             //Set the image we want to load
  36.             imageString  = "images/king.gif";
  37.            
  38.             //Load our image
  39.             loadImage();
  40.         }
  41.         protected function loadImage():void
  42.         {
  43.             //BulkLoader is complete overkill for this but thought it would be a
  44.             //nice extra for everyone to see in action. Extremely useful set of classes.
  45.            
  46.             //Create our unique bulkInstance / available anywhere in our app by
  47.             //that name "bulkImageLoader"
  48.             bulkInstance = new BulkLoader("bulkImageLoader");
  49.            
  50.             //Add our image
  51.             bulkInstance.add(imageString);
  52.            
  53.             //Add our listeners
  54.             bulkInstance.addEventListener(BulkProgressEvent.COMPLETE, onImageLoaded);
  55.            
  56.             //Start Loading
  57.             bulkInstance.start();
  58.         }
  59.         protected function onImageLoaded(evt:BulkProgressEvent):void
  60.         {
  61.             init();
  62.         }
  63.         protected function init():void
  64.         {
  65.             createChildren();
  66.             explode();
  67.             startRendering();
  68.         }
  69.        
  70.         protected function createChildren():void
  71.         {
  72.             //Create the clip we will be getting our bitmap data from
  73.             imageMC = new MovieClip();
  74.            
  75.             //add our bitmap
  76.             imageMC.addChild(bulkInstance.getBitmap(imageString));
  77.  
  78.             //Optional - Create a container to hold our planes
  79.             planesContainer = new DisplayObject3D();
  80.            
  81.             //Array to store our value objects
  82.             planeVOs = [];
  83.            
  84.             for (var i:int = 0; i <65; i++)
  85.             {
  86.                 /**
  87.                  * Here is how we get our loop / colunm / cellWidth / cellHeight numbers
  88.                  *
  89.                  * 5 columns * 13 rows = 65 (number of loops)
  90.                  * 5 columns divided by the width (150) of our image = 30 pixels
  91.                  * 13 rows  divided by the height (234) of our image = 18 pixels
  92.                  */
  93.  
  94.                 var columns:uint          = 5;
  95.                 var cellWidth:int       = 30;
  96.                 var cellHeight:int    = 18;
  97.                 var cellX:int         = (i % columns)
  98.                 var cellY:int         = Math.floor(i / columns);
  99.  
  100.                 //Creates a 30 x 18 bitmapData block
  101.                 var bitmap_data:BitmapData  = new BitmapData(cellWidth, cellHeight, true, 0x00FFFF);
  102.                
  103.                 //Create a new Matrix - A matrix is a rectangular array / table
  104.                 //of numbers with any number of rows / columns.
  105.                 var matrix:Matrix         = new Matrix();
  106.                
  107.                 //Get's our desired x / y location information where we will
  108.                 //pull a block of our image
  109.                 matrix.translate( -cellWidth * cellX, -cellHeight * cellY);
  110.                
  111.                 //Write the data to our bitmap data object with our source and
  112.                 //matrix / block info
  113.                 bitmap_data.draw(imageMC, matrix);
  114.                
  115.                 //Create a bitmap with our bitmapData and add it to a movieclip
  116.                 var bitmap:Bitmap       = new Bitmap(bitmap_data);
  117.                 var myMovie:MovieClip     = new MovieClip();
  118.                
  119.                 myMovie.addChild(bitmap);
  120.                
  121.                 //Use the movieclip with our bitmap inside as our movieMaterial
  122.                 //needs to be cast as a DisplayObject to work
  123.                 var movieMat:MovieMaterial  = new MovieMaterial(myMovie as DisplayObject, true);
  124.                 movieMat.smooth             = true;
  125.                
  126.                 //Create a plane with our moviemat the size of our cellWidth/Height
  127.                 var pl:Plane             = new Plane(movieMat, cellWidth, cellHeight, 0, 0);
  128.                
  129.                 //Create a value object to store our origianl infomation
  130.                 //for when we animate we can then rebuild easily
  131.                 var planeVO:PlaneVO         = new PlaneVO();
  132.  
  133.                 //We want to place the planes to re-create our original image
  134.                 pl.x                        = ((cellX * cellWidth) + cellWidth) -(imageMC.width / 2);
  135.                 pl.y                   = -((cellY * cellHeight) + cellHeight) +(imageMC.height / 2);
  136.                
  137.                 //Set the original properties of our value object
  138.                 planeVO.origX         = pl.x;
  139.                 planeVO.origY            = pl.y;
  140.                 planeVO.origZ         = pl.z;
  141.                 planeVO.origRotationY      = pl.rotationY;
  142.                 planeVO.origRotationX      = pl.rotationX;
  143.                 planeVO.origRotationZ      = pl.rotationZ;
  144.                 planeVO.planeRef          = pl;
  145.                
  146.                 //Add our planeVO to our array
  147.                 planeVOs.push(planeVO)
  148.                
  149.                 //Add planes to our container
  150.                 planesContainer.addChild(pl);            
  151.             }
  152.            
  153.             //Add our container to our scene
  154.             scene.addChild(planesContainer);
  155.            
  156.             camera.zoom = 100;
  157.            
  158.             //rotate our container for an skewed effect
  159.             planesContainer.rotationY = 30;
  160.             planesContainer.rotationX = 30;
  161.         }
  162.        
  163.         protected function explode():void
  164.         {
  165.             //Create a for loop of our plane objects set random numbers to explode our image
  166.            
  167.             for (var i:int = 0; i <planeVOs.length; i++)
  168.             {
  169.                 var planeVO:PlaneVO     = planeVOs[i];
  170.                 var plane:Plane         = planeVO.planeRef;
  171.                
  172.                 var ranNumber:Number = Math.round(Math.random() * 200 - 200);
  173.                 var delayAmount:Number = i * .05;
  174.                 var shortDelayAmount:Number = delayAmount * .6;
  175.                
  176.                 var randomX:Number = (Math.random() * 4000) - 6000;
  177.                 var randomY:Number = (Math.random() * 8000) - 1000;
  178.                 var randomZ:Number = (Math.random() * 1000) + 5000;
  179.  
  180.                 TweenMax.to(plane, 2, { x:planeVO.origX + randomX, delay:shortDelayAmount,
  181.                                         z:randomZ, y:150 + planeVO.origY + randomY,
  182.                                         rotationY:180,ease:Quint.easeInOut} );
  183.             }
  184.            
  185.             //In 3 seconds rebuild
  186.             Later.call(this, rebuild, 3000, true);
  187.         }
  188.        
  189.         protected function rebuild():void
  190.         {
  191.             //Rebuild our image with the locations we stored in our VO
  192.            
  193.             for (var i:int = 0; i <planeVOs.length; i++)
  194.             {
  195.                 var planeVO:PlaneVO     = planeVOs[i];
  196.                 var plane:Plane         = planeVO.planeRef;
  197.                 var delayAmount:Number  = i * .005;
  198.                 TweenMax.to(plane, 1.8, { x:planeVO.origX, delay:delayAmount,
  199.                                         z:planeVO.origZ, y:planeVO.origY,
  200.                                         rotationY:planeVO.origRotationY,ease:Quint.easeInOut} );
  201.             }
  202.            
  203.             //In 5 seconds explode the image again
  204.             Later.call(this, explode, 5000, true);
  205.         }
  206.     }
  207. }

Post to Twitter Post to Delicious Delicious Post to Digg Digg This Post Post to Facebook Facebook Post to StumbleUpon Stumble This Post

2 Responses to “Papervision Explode Image / Rebuild”


  • awesome effect, thanks for the update

  • 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

Leave a Reply


Follow papervision2 on Twitter

Flash and the City banner
2010 Flash And The City Speaker

RSS Feed