Skip to main content
C
coty_hsu
Inspiring
April 19, 2017
Answered

HiDPI/Retina Screen Support?

  • April 19, 2017
  • 1 reply
  • 601 views

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

    This topic has been closed for replies.

    1 reply

    Colin Holgate
    Colin Holgate
    Inspiring
    April 19, 2017

    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.

    C
    coty_hsuAuthor
    Inspiring
    April 19, 2017

    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

    C
    coty_hsuAuthorCorrect answer
    Inspiring
    April 19, 2017

    I found Lanny's solution here:

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

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