Skip to main content
B
bo_spasic
Participant
February 7, 2017
Answered

Mouse Out not working in Muse

  • February 7, 2017
  • 3 replies
  • 1805 views

Hi, I created a simple button in Animate CC and wanted to use it in Muse. All works fine when previewing in Animate or web browser but when placed in Muse and exported the MouseOut simply do not work (the MouseOver does it job though, it just gets blocked once the mouse leaves the button)

Thanks in advance for any help

Bo

    This topic has been closed for replies.
    Correct answer Colin Holgate

    I couldn't get your code to work

    Here is the .fla file.

    1_homebtn.fla - Google Drive

    Thank you in advance!


    I figured it out. Your button is the size of the stage, and so by the time your mouseout would happen the cursor is already outside of the stage. Making the stage a bit bigger made it still work in Muse.

    If it needs to be that way for some reason, look at the stage.mouseleave event to see if that would be another way to handle it:

    EaselJS v0.8.2 API Documentation : Stage 

    3 replies

    J
    jorges51234339
    Participant
    November 16, 2018

    this work for me.

    this.stop();

    var anim = this;

    this.movieClip_2.addEventListener("click", fl_ClickToGoToWebPage_2);

    function fl_ClickToGoToWebPage_2() {

        window.open("http://www.google.com.ar", "_blank");

    }

    /////////////////////////////////////////////

    stage.enableMouseOver();

    canvas.addEventListener ('mouseover', over.bind (this));

    function over(){

    anim.gotoAndPlay (16);

    }

    document.addEventListener ("mouseout", out.bind (this));

    function out(){

    anim.gotoAndPlay (21);

    }

    M
    Margo Lunsford
    Participant
    July 9, 2017

    I know right lol! The "mouseout" script seems to be ignored and Im not sure how to fix it. Adobe encourages users to create buttons and animations in AnimateCC since they have officially discontinued Edge Animate.

    Colin Holgate
    Colin Holgate
    Inspiring
    July 10, 2017

    Edge Animate was perhaps a good fit with Muse in that you more normally do responsive designs in both. Adobe Animate for HTML5 is usually a fixed size canvas document. You can make it responsive in terms of with and height, but the moment would stay the same layout.

    If you test my script and it doesn't work for you, let me know what your HTML publish settings are. Or if you can post an FLA online that I can try.

    M
    Margo Lunsford
    Participant
    July 10, 2017

    I couldn't get your code to work

    Here is the .fla file.

    1_homebtn.fla - Google Drive

    Thank you in advance!

    M
    Margo Lunsford
    Participant
    July 9, 2017

    Hey just wanted to let know I got some kind of answer for this:

    .oam button breaks when brought into Muse

    Colin Holgate
    Colin Holgate
    Inspiring
    July 9, 2017

    It doesn't read a lot like an answer! What is the simplest example you can give that would show the problem?

    I tried this script:

    this.btn.addEventListener("mouseout",out);

    this.btn.addEventListener("click",clicked);

    stop();

    function out(){

      alert("out");

    }

    function clicked(){

      alert("clicked");

    }

    Both the click and the mouseout responded, in Animate and in Muse.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices