eye follow cursor, in animate htm5 js canvas

Forum|Forum|5 years ago
September 26, 2020
1 reply
711 views

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.

This topic has been closed for replies.

C

ClayUUID

Legend

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

O

OCTAVIO IVAN5E79Author

Participant

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;

}