Skip to main content
Inspiring
December 19, 2019
Answered

Mouse Events Not Working for PNGs in MovieClips - Works for Vector Shapes

  • December 19, 2019
  • 1 reply
  • 1036 views

When I use the code below for a vector shape in a MovieClip, it works, but when I do the same exact thing where a png is used instead of a shape, nothing happens and the JavaScript breaks down. How can I do the same thing with pngs that I am able to do with vector shapes created in Animate? Thanks.

this.pngMe.on("pressmove", function(event) {
    var p = this.globalToLocal(stage.mouseX, stage.mouseY);
    this.pngMe.x = p.x;
    this.pngMe.y = p.y;	
}, this);

 

This topic has been closed for replies.
Correct answer ClayUUID

Just now I went to Control > Test, and it worked. The Test Movie has In Browser checked, so I didn't even need to test it in Animate. I guess the problem has to do with how it's being published, because that's when it doesn't work.


You know how Animate likes to spam this message in the Output window when you test an HTML5 Canvas document?

Content with both Bitmaps and Buttons may generate local security errors in some browsers if run from the local file system.

A bitmap with a mouse event handler is basically a button. So... yeah.

1 reply

sumanr49634048
Known Participant
December 20, 2019

HI,
its works vector space or png inside of Movieclip

Inspiring
December 20, 2019

It didn't work for me when I replaced a vector shape with a png inside a MovieClip.

Legend
December 26, 2019

Is there a way I can access your file? I can't figure out why mine is not working. I publish it and then try it in Chrome, but it fails to work.


Does it work when you test it from within Animate?