Jump to content
GreenSock

joakimhoegset

Members
  • Posts

    37
  • Joined

  • Last visited

Posts posted by joakimhoegset

  1. Ok I thought that was what AutoFitArea did. Must have mixed it up. Will it work with liquidArea even though using the masked object outside the stage and if so do I just use the liquidArea and not the fine work you have been helping me with for autoFitArea?

     

    Joakim

  2. I might be bad at explaining. Have a look at this example http://blog.fryewiles.com/wp-content/ex ... fbf-scale/. It is resizing the stage and then cropping the image accordingly on either the side needed if you change the stage so that is will always be full screen and no background will show.

     

    If you make the stage shorter on the y-axel it will scale proportionally and then crop so that it will always cover the full screen.

     

    Joakim

  3. Hi again.

    I have tried setting the fourth parameter to true like thus:

     

    import com.greensock.layout.*;
    var area:AutoFitArea = new AutoFitArea(this, 0, 0, 777, 429);
    area.attach(mc, ScaleMode.PROPORTIONAL_OUTSIDE, AlignMode.CENTER, AlignMode.CENTER, true, 0, 999999999, 0, 999999999, true);
    area.preview = true;
    
    mc.addEventListener("doneUpdate", updateArea);
    
    function updateArea(event:Event):void {
    area.update();
    }

     

     

     

    But I still cant get it to crop the stage. It will still proportionally scale inside the stage and not crop at the edges. I have used your files and updated the greensock.

     

    Thx,

     

    Joakim

  4. Hi, it seems it only works when playing with player not when just cmd + enter in flash. Although it works perfectly it does not work OUTSIDE when it scales. It scales inside the stage. I would like it to cut the image if it is scaled proportionally wrong.

     

    What can that be?

     

    Joakim

  5. Ok, what I can see I can't get it to work at all and I am a little more confused now. I can get it to scale up larger and crop if I have the crop set to true but cannot get it to resize. Can you please have a look at the files that I have attached and see what I am doing wrong?

     

    Thx,

    Jokaim

     

    autoFit.zip

  6. Hi again,

    I have tried the following to get the autoFilArea to work.

     

    import com.greensock.layout.*;

    var area:AutoFitArea = new AutoFitArea(this, 0, 0, 777, 429);

    area.attach(mc, ScaleMode.PROPORTIONAL_OUTSIDE, AlignMode.CENTER, AlignMode.CENTER, true, 0, 999999999, 0, 999999999, true);

    area.preview = true;

     

    mc.addEventListener("doneUpdate", updateArea);

     

    function updateArea(event:Event):void {

    area.update();

    }

     

    And from inside the mc where the SWF is loaded I have a dispatch event:

     

    var loader:Loader = new Loader();

    loader.load(new URLRequest("intro.swf"));

    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, swfLoaded);

     

    function swfLoaded(event:Event):void {

    addChild(loader);

    loader.x = -388,5;

    loader.y = -214,5;

    dispatchEvent(new Event("doneUpdate"));

    }

     

    Still not getting it to work. My idea was to dispatch an event onComplete on each tween and then get it to work but its not. Any obvious faults?

     

    Joakim

  7. Hi Jack,

    I am having problems getting the AutoFitArea to work with resizing the stage. I have set the calculateVisible to true but it's not working. Probably a simple solution. Can you please have a look?

     

    import com.greensock.layout.*;

    var area:AutoFitArea = new AutoFitArea(this, 0, 0, 777, 429);

    area.attach(mc, ScaleMode.PROPORTIONAL_OUTSIDE, AlignMode.CENTER, AlignMode.CENTER, true, 0, 999999999, 0, 999999999, true);

    area.preview = true;

     

    I have all the content inside a mc called mc.

     

    What am I doing wrong?

     

    Thx,

     

    Joakim

  8. Hi I have been trying to get my head around a problem on a timeline animation that is scrubbable on the timeline. I want to put a conditional statement if there is a detection of an object and if so then make an alternative tween. If not then just tween as normal. My idea was to insert a label after the conditional tween so that it will play the whole tween if it does detect an object and if it doesn't then jump to the label and skip the tween it should do only when detecting an object.

    My question was this. Is there a way to insert a label and on complete call a variable that changes depending on what happens onInit?

     

    Thanx for any input.

     

    Joakim

  9. Hi,

    How would I go about tweening an image more then once on the same button?

    I have one button and on the first click it tweens the image to x:100.

    The second time I press the button it takes the image and tween in from wherever it is to x:200, third time 300.

    How would I do this?

     

    Thx,

    Joakim

  10. Just wanted to ley you know I made it work in probably kinda wierd way but still it works.

    This floats the buttons over the stage. I had to center the graphics inside the button instead of align top left.

     

    Thx,

     

    Joakim

     

    stage.scaleMode = StageScaleMode.NO_SCALE;
    stage.align = StageAlign.TOP_LEFT;
    
    setStage();
    
    stage.addEventListener(Event.RESIZE, stageResize);
    
    function setStage():void{
    var WIDTH:Number = stage.stageWidth;
    var HEIGHT:Number = stage.stageHeight;
    top_mc.x = 0;
    top_mc.y = 0;
    top_mc.width = WIDTH;
    top_mc.height = 30;
    date_txt.x = WIDTH - (date_txt.width + 10);
    date_txt.y = 8;
    menu_mc.x = logo_mc.width + 30;
    menu_mc.y = 8;
    logo_mc.x = 10;
    logo_mc.y = 5;
    bpublishWork_btn.x = (WIDTH / 7) * 1.15;
    bpublishWork_btn.y = HEIGHT - (bpublishWork_btn.height + 10);
    bpublishApps_btn.x = (WIDTH / 7) * 1.15;
    bpublishApps_btn.y = HEIGHT - (bpublishWork_btn.height + 10);
    bplayerApps_btn.x = (WIDTH / 7) * 2.6;
    bplayerApps_btn.y = HEIGHT - (bplayerApps_btn.height + 30);
    infernoWork_btn.x = (WIDTH / 7) * 2.6;
    infernoWork_btn.y = HEIGHT - (infernoWork_btn.height + 25);
    twinkWork_btn.x = (WIDTH / 7) * 3.75;
    twinkWork_btn.y = HEIGHT - (infernoWork_btn.height + 20);
    svenskWork_btn.x = (WIDTH / 7) * 4.75;
    svenskWork_btn.y = HEIGHT - (infernoWork_btn.height + 40);
    farrutxWork_btn.x = (WIDTH / 7) * 6;
    farrutxWork_btn.y = HEIGHT - (farrutxWork_btn.height + 30);
    
    }
    
    function stageResize(e:Event):void{
    setStage();
    }
    

  11. Hi ok, I tried to change all the 0 to 0.1 but still it is not working. The difference when using visible and tweenmax is that I want use tweenmax to tween objects inside startBack_mc which is my preference.

    I will post the whole code and send you the fla to you private if you want to have a look.

    There are probably many ways of making this much easier maybe if statements but I am still kinda new and just want to get comfortable with one thing before throwing myself into the next. If you have any good pointers I would really love the input.

     

    Thx,

     

    Joakim

     

    import com.greensock.*;
    
    //Buttons for visibility
    
    start_btn.addEventListener(MouseEvent.CLICK, loadStart);
    classic_btn.addEventListener(MouseEvent.CLICK, loadClassic);
    eco_btn.addEventListener(MouseEvent.CLICK, loadEco);
    new_btn.addEventListener(MouseEvent.CLICK, loadNew);
    symbols_btn.addEventListener(MouseEvent.CLICK, loadSymbols);
    greenify_btn.addEventListener(MouseEvent.CLICK, loadGreenify);
    more_btn.addEventListener(MouseEvent.CLICK, loadMoore1);
    more2_btn.addEventListener(MouseEvent.CLICK, loadMoore2);
    more3_btn.addEventListener(MouseEvent.CLICK, loadClassic);
    classicMini_btn.addEventListener(MouseEvent.CLICK, loadClassic);
    ecoMini_btn.addEventListener(MouseEvent.CLICK, loadEco);
    newMini_btn.addEventListener(MouseEvent.CLICK, loadNew);
    ten_btn.addEventListener(MouseEvent.CLICK, loadGreenify);
    products_mc.symbolsMini_btn.addEventListener(MouseEvent.CLICK, loadSymbols);
    
    
    more_btn.visible = 				false;
    more2_btn.visible = 			false;
    more3_btn.visible = 			false;
    
    
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    
    /*startBack_mc.visible = true;
    comments_txt0.visible = true;
    comments_txt1.visible = true;
    classicMini_btn.visible = true;
    ecoMini_btn.visible = true;
    newMini_btn.visible = true;
    ten_btn.visible = true;*/
    
    TweenMax.to(startBack_mc.back, 0.5, {alpha:1});
    TweenMax.to(startBack_mc.green, 0.5, {alpha:1, delay:0.5});
    TweenMax.to(startBack_mc.left_mc, 0.5, {alpha:1, delay:1});
    TweenMax.to(startBack_mc.middle_mc, 0.5, {alpha:1, delay:1.5});
    TweenMax.to(startBack_mc.right_mc, 0.5, {alpha:1, delay:2});
    TweenMax.to(comments_txt0, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(comments_txt1, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(classicMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ecoMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(newMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ten_btn, 0.5, {alpha:1, delay:2.5});
    
    function loadStart(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0.1, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    /*startBack_mc.visible = true;
    comments_txt0.visible = true;
    comments_txt1.visible = true;
    classicMini_btn.visible = true;
    ecoMini_btn.visible = true;
    newMini_btn.visible = true;
    ten_btn.visible = true;*/
    TweenMax.to(startBack_mc.back, 0.5, {alpha:1});
    TweenMax.to(startBack_mc.green, 0.5, {alpha:1, delay:0.5});
    TweenMax.to(startBack_mc.left_mc, 0.5, {alpha:1, delay:1});
    TweenMax.to(startBack_mc.middle_mc, 0.5, {alpha:1, delay:1.5});
    TweenMax.to(startBack_mc.right_mc, 0.5, {alpha:1, delay:2});
    TweenMax.to(comments_txt0, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(comments_txt1, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(classicMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ecoMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(newMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ten_btn, 0.5, {alpha:1, delay:2.5});
    }
    
    function loadClassic(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		true;
    TweenMax.to(products_mc, 1, {x:35});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadEco(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		true;
    TweenMax.to(products_mc, 1, {x:-764.5});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadNew(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		true;
    TweenMax.to(products_mc, 1, {x:-1526});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadSymbols(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0.1, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		true;
    comments_txt5.visible = 		true;
    comments_txt6.visible = 		true;
    comments_txt7.visible = 		true;
    comments_txt8.visible = 		true;
    comments_txt9.visible = 		true;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadGreenify(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0.1, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		true;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				true;
    comments_txt13.visible = 		true;
    comments_txt14.visible = 		true;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadMoore1(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0.1, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			true;
    comments_txt15.visible = 		true;
    comments_txt16.visible = 		true;
    more2_btn.visible = 			true;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    function loadMoore2(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0.1, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		true;
    comments_txt18.visible = 		true;
    more3_btn.visible = 			true;
    
    //START
    startBack_mc.visible = 			false;
    comments_txt0.visible = 		false;
    comments_txt1.visible = 		false;
    classicMini_btn.visible = 		false;
    ecoMini_btn.visible = 			false;
    newMini_btn.visible = 			false;
    ten_btn.visible = 				false;
    more_btn.visible = 				false;
    }
    
    
    
    /*//Create the loader, set dataFormat to text 
    //and listen when data is loaded
    var loader:URLLoader = new URLLoader()
    loader.dataFormat = URLLoaderDataFormat.TEXT
    loader.addEventListener(Event.COMPLETE, onLoadXML)
    loader.load(new URLRequest("rapid.xml"))
    function onLoadXML(ev:Event){
      try{
    	//Convert the downloaded text into an XML
    	var myXML:XML = new XML(ev.target.data)
    	var list:XMLList = myXML..title
    	//walks the list and show in textfields
    	for(var i=0; i			this["Comments_txt"+i].text = list[i].comments	
    	}
    } catch (e:TypeError){
    	//Could not convert the data, probavlu because
    	//because is not formated correctly
    	trace("Could not parse the XML")
    	trace(e.message)
    }
    }
    stop()*/
    

  12. Hi I am having problems with tweenMax. I am getting this in the output window.

     

    TypeError: Error #1009: Cannot access a property or method of a null object reference.

    at com.greensock::TweenLite/init()

    at com.greensock::TweenMax/init()

    at com.greensock::TweenMax/renderTime()

    at com.greensock.core::SimpleTimeline/renderTime()

    at com.greensock::TweenLite$/updateAll()

     

    The code I am using is the following.

     

    function loadStart(e:Event) {
    //PRODUCTS
    // No invisibility due to tween to the products comments 2,3,4
    productsBack_mc.visible = 		false;
    TweenMax.to(products_mc, 0, {x:749});
    
    //GRENIFY
    greenifyBack_mc.visible = 		false;
    //Ten_mc contains comments_txt 10,11,12
    ten_mc.visible = 				false;
    comments_txt13.visible = 		false;
    comments_txt14.visible = 		false;
    
    //SYMBOLS
    symbolsBack_mc.visible = 		false;
    comments_txt5.visible = 		false;
    comments_txt6.visible = 		false;
    comments_txt7.visible = 		false;
    comments_txt8.visible = 		false;
    comments_txt9.visible = 		false;
    
    //MORE 1
    moreBack_mc.visible = 			false;
    comments_txt15.visible = 		false;
    comments_txt16.visible = 		false;
    more2_btn.visible = 			false;
    
    //MORE 2
    comments_txt17.visible = 		false;
    comments_txt18.visible = 		false;
    more3_btn.visible = 			false;
    
    //START
    /*startBack_mc.visible = true;
    comments_txt0.visible = true;
    comments_txt1.visible = true;
    classicMini_btn.visible = true;
    ecoMini_btn.visible = true;
    newMini_btn.visible = true;
    ten_btn.visible = true;*/
    TweenMax.to(startBack_mc.back, 0.5, {alpha:1});
    TweenMax.to(startBack_mc.green, 0.5, {alpha:1, delay:0.5});
    TweenMax.to(startBack_mc.left_mc, 0.5, {alpha:1, delay:1});
    TweenMax.to(startBack_mc.middle_mc, 0.5, {alpha:1, delay:1.5});
    TweenMax.to(startBack_mc.right_mc, 0.5, {alpha:1, delay:2});
    TweenMax.to(comments_txt0, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(comments_txt1, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(classicMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ecoMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(newMini_btn, 0.5, {alpha:1, delay:2.5});
    TweenMax.to(ten_btn, 0.5, {alpha:1, delay:2.5});
    }

     

    What is wrong?

     

    Thx,

    Joakim

  13. Ok I understand. Can you have a look and see if Im on the right path?

     

    function setStage():void{
    var WIDTH:Number = stage.stageWidth;
    var HEIGHT:Number = stage.stageHeight;
    top_mc.x = 0;
    top_mc.y = 0;
    top_mc.width = WIDTH;
    top_mc.height = 30;
    date_txt.x = WIDTH - (date_txt.width + 10);
    date_txt.y = 8;
    menu_mc.x = logo_mc.width + 30;
    menu_mc.y = 8;
    logo_mc.x = 10;
    logo_mc.y = 5;
    bpublishWork_btn.x = 30;
    bpublishWork_btn.y = HEIGHT - (bpublishApps_btn.height + 10);
    infernoWork_btn.x = ((WIDTH - (bpublishWork_btn.width + 30)-(farrutx_btn.width + 30)) / 4)-infernoWork_btn / 2;
    infernoWork_btn.y = HEIGHT - (infernoWork_btn.height + 30);
           twinkWork_btn.x = ((WIDTH - (bpublishWork_btn.width + 30)-(farrutx_btn.width + 30)) / 4)-twinkWork_btn / 2;
    twinkWork_btn.y = HEIGHT - (infernoWork_btn.height + 30);
           svenskWork_btn.x = ((WIDTH - (bpublishWork_btn.width + 30)-(farrutx_btn.width + 30)) / 4)-svenskWork_btn / 2;
    svenskWork_btn.y = HEIGHT - (infernoWork_btn.height + 30);
           farrutx_btn.x = WIDTH - (farrutx_btn.width + 30);
           farrutx_btn.y = Height - (farrutx_btn.height + 30);
    }
    

  14. Tell me if I'm wrong but that does more or less the same as the script I was using.

    My problem though is that The image showing is only a fifth of the total movieClip.

    Is there a way to mask inside the movieclip using the mask size as reference to the scaling?

     

    Further it was talking about liquid scaling there. If I want to liquid position five different sized images to the stage evenly out. How do I go about this. I tried dividing the stage up like:

     

    function setStage():void{

    var WIDTH:Number = stage.stageWidth;

    var HEIGHT:Number = stage.stageHeight;

    bpublishWork_btn.x = 30;

    bpublishWork_btn.y = HEIGHT - (bpublishWork_btn.height + 10);

    infernoWork_btn.x = (WIDTH - (bpublishWork_btn.width + 30)) / 4;

    infernoWork_btn.y = HEIGHT - (infernoWork_btn.height + 30);

    }

     

    But the infernoWork_btn doesn't position itself right. My idea was to fix the button on the left and on the right to 30 resp. WIDHT - (buttonName + 30) and then split the remaining into four and thus positioning evenly over that area.

    Am I even thinking right?

    How would I do this?

     

    Thx,

     

    Joakim

  15. Well no not quite I didn't explain that proporly I see. I want the content to always be proportionally scaled to the screen resolution.

    I tried:

    //set stage for FBF
    stage.align = "TL";
    stage.scaleMode = "noScale";
    
    //define dynamic aspect ratios
    var picHeight = pic.height / pic.width;
    var picWidth = pic.width / pic.height;
    
    //add event listener to the stage
    stage.addEventListener(Event.RESIZE, sizeListener);
    
    //conditional statement to account for various initial browswer sizes and proportions
    function scaleProportional():void {
    if ((stage.stageHeight / stage.stageWidth) < picHeight) {
    	pic.width = stage.stageWidth;
    	pic.height = picHeight * pic.width;
    } else {
    	pic.height = stage.stageHeight;
    	pic.width = picWidth * pic.height;
    };	
    }
    
    //center picture on stage
    function centerPic():void {
    pic.x = stage.stageWidth / 2;
    pic.y = stage.stageHeight / 2;
    }
    
    // make listener change picture size and center picture on browser resize
    function sizeListener(e:Event):void {
    scaleProportional();
    centerPic();
    }
    
    //run initial locations and size
    scaleProportional();
    centerPic();
    

     

    But that only works on one image and as my movieclip that I'm tweening contains 8 images next to each other it scales it down to fit all the images at the same time instead of just showing one and fullscreen.

     

    If you have any idea that would be great.

     

    Thx

     

    Joakim

  16. This is my objective. The true - false is the buttons under jobb. I wanted them to be inside the mc but I couldn't get them to work from within.

    I removed the enter frame and just used a tweenMax like such.

    TweenMax.to(pic.content_mc, 1, {y:-973});

     

    I also wanted the image to scale proportionally but I can get it to work at all. The movieclip is a big image it is sliding over and positioning itself in the right places when clicking a button. Well you get the drift. Any help would be great.

    Thx.

     

    Joakim

×