Rotate symbol based on cursor angle

Question

Hey There,
I am trying to get a symbol to rotate and follow based on the cursor angle and I am running into an issue I can't track down. I am using sym. to decalre my variables so that I can reference them globally whithin my composition. But it looks like its something wrong with the diffAngle function.
Any thoughts?
Here is the code on get composition ready:
    sym.x = e.pageX;
    sym.y = e.pageY;
    sym.centerItem = sym.getSymbol("mySymbol");
    sym.centerLoc = centerItem.offset();
    console.log( 'Center Item =' + sym.centerItem);
    console.log( 'Center Loc =' + sym.centerLoc);
function diffAngle(){
    sym.dx = sym.x - (sym.centerLoc.left + (sym.centerItem.width() / 2));
    sym.dy = sym.y - (sym.centerLoc.position().top + (sym.centerItem.height() / 2));
    sym.newAngle = Math.atan2(sym.dy, sym.dx) * (180 / Math.PI);
    return sym.newAngle;
    console.log( 'New Angle =' + sym.newAngle);
$('#Stage').mousemove(function(e){
    sym.myAngle = sym.newAngle;
    sym.rotationValue = 'rotate(' + sym.myAngle + 'deg)';
    sym.$("mySymbol").css({
        '-moz-transform': sym.rotationValue,
        '-webkit-transform': sym.rotationValue,
        '-o-transform': sym.rotationValue,
        '-ms-transform': sym.rotationValue,
        'transform': sym.rotationValue
    console.log('Mouse Moving');

Answer 1

Hey there, your code has a few issues.
1st: to use props like "offset" and "width", you can't use Edge symbols, you have to use the raw object- I use jQery for this.
2nd: you need to set the mouse position vars (sym.x, sym.y), in the mousemove function.
example:
www.timjaramillo.com/code/edge/rotateSymbolToMouse
source:
www.timjaramillo.com/code/edge/_source/rotateSymbolToMouse.zip
And code (pasted in Stage.compositionReady):
sym.x;
sym.y;
sym.myAngle;
sym.newAngle;
sym.centerItem = sym.$("mySymbol");
sym.centerLoc = sym.$("mySymbol").offset();
function diffAngle(){
    sym.dx = sym.x - (sym.centerLoc.left + (sym.centerItem.width() / 2));
    sym.dy = sym.y - (sym.centerLoc.top + (sym.centerItem.height() / 2));
    sym.newAngle = Math.atan2(sym.dy, sym.dx) * (180 / Math.PI);
    return sym.newAngle;
$('#Stage').mousemove(function(e){
    sym.x = e.pageX;
    sym.y = e.pageY;
    sym.myAngle = diffAngle();
    sym.rotationValue = 'rotate(' + sym.myAngle + 'deg)';
    sym.$("mySymbol").css({
        '-moz-transform': sym.rotationValue,
        '-webkit-transform': sym.rotationValue,
        '-o-transform': sym.rotationValue,
        '-ms-transform': sym.rotationValue,
        'transform': sym.rotationValue
    //console.log('Mouse Moving, sym.myAngle = '+sym.myAngle);