Skip navigation
he11f1re
he11f1re Calculating status...
Currently Being Moderated

Mask Preloader Problem !?

Aug 26, 2011 7:16 AM

I have 3 layers in my fla document and I'm trying to build a preloader.

The bottom layer is a vector company logo and it is masked by a rectangle with the same size.

The topmost layer contains the outline of the logo.

So basically I'm trying to animate the filling of the logo while the content loads.

My AS3 code is :

stop();
rectMask_mc.height = 1;
this.loaderInfo.addEventListener (ProgressEvent.PROGRESS, LOADING);
function LOADING(event:ProgressEvent):void {
var pcent:Number=event.bytesLoaded/event.bytesTotal*100;
rectMask_mc.scaleY = pcent;
if(pcent==100){
gotoAndStop("GameLogo");
}
}

When I stimulate Download I get a blank white screen and in the last moments the outline is shown and right after that the content displays.

What is the problem here ?

674 Views   17 Replies   Latest reply: kglad, Aug 27, 2011 7:32 AM
 
Replies
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    1. kglad,
    Aug 26, 2011 7:19 AM   in reply to he11f1re
    Report

    what's the size of your swf and how many bytes are exported in frame 1?

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    2. he11f1re,
    Aug 26, 2011 7:26 AM   in reply to kglad
    Report

    The size of my swf is 464 kB.

    I don't really know how to answer your second question.

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    3. kglad,
    Aug 26, 2011 7:43 AM   in reply to he11f1re
    Report

    in the test environment click view and tick bandwidth profiler.  check frame 1.

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    4. he11f1re,
    Aug 26, 2011 7:47 AM   in reply to kglad
    Report

    I took a screenshot ..In frame 1 as you see in the picture in the link, size is 484 kB.

    http://i55.tinypic.com/2ebrdqf.png

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    5. kglad,
    Aug 26, 2011 8:01 AM   in reply to he11f1re
    Report

    so, your preloader will START to display after 85% of your swf has already been loaded.

     

    there are a couple of ways to fix it so your preloader starts to display sooner.  the easiest is to make a stand-alone preloader that loads your current swf (minus the preloader).

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    6. he11f1re,
    Aug 26, 2011 8:03 AM   in reply to kglad
    Report

    Alright, but can you point me to another way becouse I need only 1 swf file ?

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    7. kglad,
    Aug 26, 2011 8:15 AM   in reply to he11f1re
    Report

    1.  remove all on-stage assets from frame 1 except those needed by your preloader.

    2.  for all objects (classes and fonts) exported for use by actionscript, untick export in frame 1.

    3.  in your publish settings (file/publish settings/flash/actionscript 3.0 settings), change the export frame from 1 to 2.

     

    that's usually good enough.  if it's not, you'll need to check textfields created in the ide and disable font embedding in the ide.  you can re-enable it using actionscript and suggestion 2.

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    8. he11f1re,
    Aug 26, 2011 8:39 AM   in reply to kglad
    Report

    In frame 1 after a slight change I have only the background and Preloader stuff.

    I am getting only 100kB right now.

    I didn't find step 2 useful for objects since from step 3 all of that is done.

    The 2 fonts I'm using aren't exported for AS.

    How can I disable font embedding in IDE and reenable it ?

    Sorry, but I'm quite new to AS3 and Flash.

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    9. he11f1re,
    Aug 26, 2011 8:45 AM   in reply to kglad
    Report

    I tried making the preloader alone first but it's giving me only the outline again.

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    10. kglad,
    Aug 26, 2011 12:14 PM   in reply to he11f1re
    Report

    both steps 2 and 3 have to be done.  neither alone will accomplish anything.


     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    11. he11f1re,
    Aug 26, 2011 1:27 PM   in reply to kglad
    Report

    What I meant above is that I made a special FLA just to test the preloader and got the same result.

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    12. kglad,
    Aug 26, 2011 2:24 PM   in reply to he11f1re
    Report

    you got the same result as what?


     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    13. he11f1re,
    Aug 26, 2011 3:20 PM   in reply to kglad
    Report

    I'm testing it again and I see that the logo is completely visible all the time...See below my work enviroment :

    http://i52.tinypic.com/2mg4cwy.png

     

    Above shown is the "outline".

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    14. kglad,
    Aug 26, 2011 3:52 PM   in reply to he11f1re
    Report

    you mean that you're emulating downloading in the test environment and you see your preloader at 100% immediately and main timeline is failing to advance to frame 2?

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    15. he11f1re,
    Aug 27, 2011 4:42 AM   in reply to kglad
    Report

    Yeah, i guess the preloader should be in it's 100% becouse the logo is filled directly.

    But after a while the content displays so the main timeline does advance later.

     
    |
    Mark as:
  • he11f1re
    Currently Being Moderated
    16. he11f1re,
    Aug 27, 2011 4:59 AM   in reply to kglad
    Report

    Dividing pcent with 150 gives me somewhat good results, I can see the outline that gets filled by the logo.

    But this isn't very exact, What should I change in my code.

    I'm getting somewhat frustrated.

     
    |
    Mark as:
  • kglad
    62,161 posts
    Jul 21, 2002
    Currently Being Moderated
    17. kglad,
    Aug 27, 2011 7:32 AM   in reply to he11f1re
    Report

    rectMask_mc's registration point should be along its bottom edge, is it?  ie, on its timeline all its content is above the stage-center.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points