HiDPI/Retina Screen Support?

[coty_hsu]

Hi everybody,

I'm trying to make something that follows the current mouse position:

stage.addEventListener("stagemousemove", handleMouseMove);

cursor = new createjs.Shape(new createjs.Graphics().beginFill("#FF0000").drawCircle(0, 0, 30));

stage.addChild(cursor);

function handleMouseMove(e)

{

  cursor.x = e.stageX;

  cursor.y = e.stageY;

}

this works on the normal screen, but doesn't work on the HiDPI screen, it seems the stage mouse coordinator becomes 2x.

I'm using the latest Animate CC so it should have HiDPI support, does anyone knows why this does not work and how to solve it? Thanks.

Regards,

Chih-Wei

[Colin Holgate]

Did you test with the responsive settings in publish settings?

There is a stage scale value that could be used, but the standard publishing should take care of that.

[coty_hsu]

Hi Colin, thanks for your respond, did you mean check 'Make responsive'? I just did that but still no good luck.

I have the source file here: Dropbox - canvas_retina could you take a look when you get a chance? Thanks.

Regards,

Chih Wei

[coty_hsu · Accepted solution]

I found Lanny's solution here:

http://stackoverflow.com/questions/40809123/animate-cc-html5-easeljs-stage-x-stage-y-mouse-position-...