Skip navigation
niemeyerja-cbHeGc
niemeyerja-cbHeGc Calculating status...
Currently Being Moderated

Problem with font rendering inside a movie clip.

May 10, 2012 9:02 AM

Tags: #cs5 #text #flash_cs5 #rendering_issues

I have a strange problem, and I haven't seen it anywhere else on the web.

 

 

I have a basic flash document with a large number of movie clips activated with  many individual mouse events. The idea is, the user has certain text information displayed whenever they mouse over a certain element. Now, the problem presents itself after the user "mouses over" a good number of the elements. Some of the text appears to have been "painted over" or erased. Here is an example:

 

Flash Issue.jpg

 

There are about 160 more of these such movie clips, but not every one of them has this happen. I have compared them and there is nothing different between problem movie clips and normal movie clips.

 

This is a piece of the actionscript I have, I won't paste it all in here...it's really long:

 

chadron.buttonMode = true;

chadron.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);

chadron.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);

 

haysprings.buttonMode = true;

haysprings.addEventListener(MouseEvent.ROLL_OVER, onButtonOver);

haysprings.addEventListener(MouseEvent.ROLL_OUT, onButtonOut);

 

hemingford.buttonMode = true;

hemingford.addEventLis...etc.

 

Thank you for any help. I need it.

757 Views   10 Replies   Latest reply: Ned Murphy, May 10, 2012 3:10 PM
 
Replies
  • Ned Murphy
    Currently Being Moderated
    1. Ned Murphy,
    May 10, 2012 9:23 AM   in reply to niemeyerja-cbHeGc
    Report

    What does the onButtonOver and onButtonOut functions look like?  How are each of these movieclip designed?

     
    |
    Mark as:
  • niemeyerja-cbHeGc
    Currently Being Moderated
    2. niemeyerja-cbHeGc,
    May 10, 2012 9:37 AM   in reply to Ned Murphy
    Report

    This is the function I have set up for the mouse events:

     

    function onButtonOver(e:MouseEvent):void

    {

        e.currentTarget.gotoAndPlay("over");   

    }

     

    function onButtonOut(e:MouseEvent):void

    {

        e.currentTarget.gotoAndPlay("out");

    }

     

     

    The movieclip is set up to fade in when the target movieclip is "moused" over, and fade out when moused out of.   Here is what my timeline looks like inside of each individual target movie clip element:

     

    Screen shot 2012-05-10 at 11.32.35 AM.png

     

    The "header" layer is what contains the text (which is also a movieclip) being faded in and out.

     
    |
    Mark as:
  • niemeyerja-cbHeGc
    Currently Being Moderated
    3. niemeyerja-cbHeGc,
    May 10, 2012 9:52 AM   in reply to niemeyerja-cbHeGc
    Report

    Here is a link to it on the web too incase you would like to see it in action. It won't start having problems until you mouse over quite a few of them, so be patient and it will eventually show you what I'm talking aobut.

     

    http://administrators.toddbecker.org/new/ne.html

     
    |
    Mark as:
  • Ned Murphy
    Currently Being Moderated
    4. Ned Murphy,
    May 10, 2012 9:54 AM   in reply to niemeyerja-cbHeGc
    Report

    Try adding one line to the over function as shown below and see if that helps...

     

    function onButtonOver(e:MouseEvent):void

    {

         addChild(e.currentTarget);

         e.currentTarget.gotoAndPlay("over");   

    }

     
    |
    Mark as:
  • niemeyerja-cbHeGc
    Currently Being Moderated
    5. niemeyerja-cbHeGc,
    May 10, 2012 10:00 AM   in reply to Ned Murphy
    Report

    I added that line of code and it gives me this error:

     

    animation, Layer 'Actions', Frame 1, Line 6601118: Implicit coercion of a value with static type Object to a possibly unrelated type flash.display:DisplayObject.
     
    |
    Mark as:
  • Ned Murphy
    Currently Being Moderated
    6. Ned Murphy,
    May 10, 2012 10:22 AM   in reply to niemeyerja-cbHeGc
    Report

    Try changing the line to...

     

    addChild(MovieClip(e.currentTarget));

     
    |
    Mark as:
  • niemeyerja-cbHeGc
    Currently Being Moderated
    7. niemeyerja-cbHeGc,
    May 10, 2012 10:38 AM   in reply to Ned Murphy
    Report

    Looks like that did it, thanks Ned!

     
    |
    Mark as:
  • Ned Murphy
    Currently Being Moderated
    8. Ned Murphy,
    May 10, 2012 1:12 PM   in reply to niemeyerja-cbHeGc
    Report

    You're welcome.

     

    What that does is place the hovered object above anything else on the playing field.  So the problem you were/are having is likely some remnants of hovered pieces that do not manage to transition out fully are left behind and start blocking content.  Some are not sitting below others which would account for some not being affected

     
    |
    Mark as:
  • niemeyerja-cbHeGc
    Currently Being Moderated
    9. niemeyerja-cbHeGc,
    May 10, 2012 1:29 PM   in reply to Ned Murphy
    Report

    I see, now that I understand what it does, this has presented another slight issue for me. If you will visit the link I posted earlier (http://administrators.toddbecker.org/new/ne.html) you will notice that after mousing over the different points on the map, the white space below becomes a "mouseover area", causing some of the text elements to appear and disappear when you move your mouse around below the map.

     

    I'm sure there is a proper way to deal with this. Before, I had simply made a transparent box into a movieclip and covered the bottom portion of the page with it, solving this problem. But this may be what caused the initial problem. Any insight would be appreciated. I apologize if I should have posted a new thread for this second issue.

     
    |
    Mark as:
  • Ned Murphy
    Currently Being Moderated
    10. Ned Murphy,
    May 10, 2012 3:10 PM   in reply to niemeyerja-cbHeGc
    Report

    Yeah, I'd be lying if I said I didn't see that coming up.  Had you not already made so many of them I would suggest you take a different approach and use code to manage the transitions instead of the timeline animations.  But here is an option that might work... create an invisible movieclip (alpha = 0) that covers the area below, and each time you addChild(MovieClip(e.currentTarget)), also addChild() that invisible movieclip so that it blocks access to anything beneath it.  If it turns out that you need to be able to interact with what is displayed below that, just switch the order of the addChild()'s so that the invisible movieclip is one below it (and addChild it again for the rollout to avoid the same problem you have now)

     
    |
    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