Sunday, October 9, 2011

Infographic: the Death Star (part 2)

Well as an update to the previous post, rather than including videos, since I didn't have any of my own, iI decided to download some of the iconic songs from the films and put them as external .swf files in my project.  For the most part I definitely think it came out pretty good and I am pleased with the overall look of it.  But there are a few things I might go back and fix.  For instance, I probably want to add somewhere that this is about the Death Star. I have an image of it and the word Star Wars but I think it might add some clarity.  Also i might make it bigger in the sense of stage area.  I mean it is a medium size but making it bigger might help with the font readability on the slides. Also I need to add some instruction as to what to click on with in each slide, specifically R2D2.  And just as a final thought, rather than using the accordion slider effect I might try doing something like Kelsey Trabue did with her infographic.  For the most part the code for the slider tabs work if you open and close each individually rather than opening one and clicking on two to close one and open two (if that makes any sense) but sometimes the code is picky and doesn't want to work at all, even though I gave it specific values rather than moving percentages.  So I included a word document of my code for anyone to look and and use, and fix if they see a mistake I missed.  Otherwise, I think the way Kelsey did her's might be a good solution to the slider problem, even though it would be a cool code to conquer!

ps:
   ok so I cant attach a file so sorry for the length, but here is the code:



var loader:Loader=new Loader();
var mcExternal:MovieClip;

var toggle_btn:Boolean = true;
cont.visible = false;

copy_btn.addEventListener(MouseEvent.CLICK,toggle_on_off);
           
function toggle_on_off(event:MouseEvent):void {

            if (toggle_btn) {
                        toggle_btn = false;
                        cont.visible = true;
                        cont.play();
            } else {
                        toggle_btn = true;
                        cont.visible = false;
                        cont.gotoAndStop(1);
            }

}

import fl.transitions.Tween;
import fl.transitions.easing.*;
var toggle_intro:Boolean = true;
mc1.btn1_intro.addEventListener(MouseEvent.CLICK,movement1);
function movement1(event:MouseEvent):void {
            if (toggle_intro) {
                        toggle_intro = false;
                        mc1.x=150

                        var Tween2:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,588, 1, true);
                        var Tween3:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,631, 1, true);
                        var Tween4:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,673, 1, true);
                        var Tween5:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,716, 1, true);

                        this.addChild(loader);
                        loader.load(new URLRequest("intro.swf"));
                        loader.contentLoaderInfo.addEventListener(Event.COMPLETE,swfIn);
           
                        function swfIn(e:Event):void {
                       
                        loader.width = 380;
                        loader.height = 486;
                       
                        loader.x=197;
                        loader.y=0;
                       
                        loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,swfIn);
                        mcExternal=loader.content as MovieClip;
                        }
            } else {

                        toggle_intro = true;
                        loader.unload();
                        mcExternal=null;
                       
                        var Tween6:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,514, 1, true);
                        var Tween7:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,557, 1, true);
                        var Tween8:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,600, 1, true);
                        var Tween9:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,643, 1, true);
                        var Tween10:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,686, 1, true);
            }
}
var toggle_dstar:Boolean = true;
mc2.btn2_ds.addEventListener(MouseEvent.CLICK,movement2);
function movement2(event:MouseEvent):void {
            if (toggle_dstar) {

                        toggle_dstar = false;
                       
                        var Tween1:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,150, 1, true);
                        var Tween2:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,195, 1, true);
                        var Tween3:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,631, 1, true);
                        var Tween4:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,673, 1, true);
                        var Tween5:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,716, 1, true);

                        this.addChild(loader);
                        loader.load(new URLRequest("deathstar.swf"));
                        loader.contentLoaderInfo.addEventListener(Event.COMPLETE,swfIn);
           
                        function swfIn(e:Event):void {
                       
                        loader.width = 410;
                        loader.height = 486;
                       
                        loader.x=239;
                        loader.y=0;
                       
                        loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,swfIn);
                        mcExternal=loader.content as MovieClip;
                        }
            } else {
                        toggle_dstar = true;
                        loader.unload();
                        mcExternal=null;
                       
                        var Tween6:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,514, 1, true);
                        var Tween7:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,557, 1, true);
                        var Tween8:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,600, 1, true);
                        var Tween9:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,643, 1, true);
                        var Tween10:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,686, 1, true);
            }
}
var toggle_interior:Boolean = true;
mc3.btn3_int.addEventListener(MouseEvent.CLICK,movement3);
function movement3(event:MouseEvent):void {
            if (toggle_interior) {
                        toggle_interior = false;
                       
                        var Tween1:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,150, 1, true);
                        var Tween2:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,195, 1, true);
                        var Tween3:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,237, 1, true);
                        var Tween4:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,673, 1, true);
                        var Tween5:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,716, 1, true);

                        this.addChild(loader);
                        loader.load(new URLRequest("interior.swf"));
                        loader.contentLoaderInfo.addEventListener(Event.COMPLETE,swfIn);
           
                        function swfIn(e:Event):void {
                       
                        loader.width = 390;
                        loader.height = 486;
                       
                        loader.x=280;
                        loader.y=8;
                       
                        loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,swfIn);
                        mcExternal=loader.content as MovieClip;
                        }
            } else {

                        toggle_interior = true;
                        loader.unload();
                        mcExternal=null;
                       
                        var Tween6:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,514, 1, true);
                        var Tween7:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,557, 1, true);
                        var Tween8:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,600, 1, true);
                        var Tween9:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,643, 1, true);
                        var Tween10:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,686, 1, true);
            }
}
var toggle_weapons:Boolean = true;
mc4.btn4_weapon.addEventListener(MouseEvent.CLICK,movement4);
function movement4(event:MouseEvent):void {
            if (toggle_weapons) {
                        toggle_weapons = false;

                        mc1.x=150
                        mc2.x=195
                        mc3.x=237
                        mc4.x=280
                        mc5.x=716

                        this.addChild(loader);
                        loader.load(new URLRequest("weapons.swf"));
                        loader.contentLoaderInfo.addEventListener(Event.COMPLETE,swfIn);
           
                        function swfIn(e:Event):void {
                       
                        loader.width = 385;
                        loader.height = 486;
                       
                        loader.x=325;
                        loader.y=0;
                       
                        loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,swfIn);
                        mcExternal=loader.content as MovieClip;
                        }
            } else {
                        toggle_weapons = true;
                        loader.unload();
                        mcExternal=null;
                       
                        var Tween6:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,514, 1, true);
                        var Tween7:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,557, 1, true);
                        var Tween8:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,600, 1, true);
                        var Tween9:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,643, 1, true);
                        var Tween10:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,686, 1, true):
            }
}
var toggle_crew:Boolean = true;
mc5.btn5_crew.addEventListener(MouseEvent.CLICK,movement5);    
function movement5(event:MouseEvent):void {
            if (toggle_crew) {
                        toggle_crew = false;
                       
                        var Tween1:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,150, 1, true);
                        var Tween2:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,195, 1, true);
                        var Tween3:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,237, 1, true);
                        var Tween4:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,280, 1, true);
                        var Tween5:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,325, 1, true);

                        this.addChild(loader);
                        loader.load(new URLRequest("crew.swf"));
                        loader.contentLoaderInfo.addEventListener(Event.COMPLETE,swfIn);
           
                        function swfIn(e:Event):void {
                       
                        loader.width = 390;
                        loader.height = 486;
                       
                        loader.x=367;
                        loader.y=0;
                       
                        loader.contentLoaderInfo.removeEventListener(Event.COMPLETE,swfIn);
                        mcExternal=loader.content as MovieClip;
                        }
            } else {
                        toggle_crew = true;

                        loader.unload();
                        mcExternal=null;
                       
                        var Tween6:Tween = new Tween(mc1, "x", Strong.easeOut, mc1.x,514, 1, true);
                        var Tween7:Tween = new Tween(mc2, "x", Strong.easeOut, mc2.x,557, 1, true);
                        var Tween8:Tween = new Tween(mc3, "x", Strong.easeOut, mc3.x,600, 1, true);
                        var Tween9:Tween = new Tween(mc4, "x", Strong.easeOut, mc4.x,643, 1, true);
                        var Tween10:Tween = new Tween(mc5, "x", Strong.easeOut, mc5.x,686, 1, true);
            }
}

No comments:

Post a Comment