eye follow cursor, in animate htm5 js canvas

[OCTAVIO IVAN5E79]

hi, I need help I have this code to make an eye follow cursor, in animate htm5 js canvas but it doesn't work for me:

...

stage.canvas.style.cursor = "none"; 
this.eye.mouseEnabled = false; 
this.addEventListener("mouseMove", move.bind(this));

var root = this();



function move(event) {

      var var1 = mouseX - pendulo.x;

      var var2 = mouseY - pendulo.y;

      var radius = Math.atan2(var1,var2);

      var degree = radius /(Math.PI/180);

      root.eye.rotation = degree;

}

...

please help me.

[ClayUUID]

I see variables mouseX and mouseY that you're using but that are never declared anywhere. Same for "pendulo".

[OCTAVIO IVAN5E79]

sorry the instance name is "pendulo", mouseX and mouse and I want to use it to call the position of the muouse. I already put it on stage, I don't get errors on the console but nothing happens yet.

stage.canvas.style.cursor = "none";
this.pendulo.mouseEnabled = false;
this.addEventListener("mouseMove", move.bind(this));

var root = this;



function move(event) {

	var var1 = stage.mouseX - pendulo.x;

	var var2 = stage.mouseY - pendulo.y;

	var radius = Math.atan2(var1, var2);

	var degree = radius / (Math.PI / 180);

	root.pendulo.rotation = degree;

}

[ClayUUID]

There's no such mouse event as "mouseMove". Where did you get that from?

You should probably be listening for the "stagemousemove" event on the stage object.

https://www.createjs.com/docs/easeljs/classes/Stage.html#event_stagemousemove