Skip to main content
Inspiring
February 15, 2022
Answered

2D Rotate Graphic Symbol on Button Press?

  • February 15, 2022
  • 1 reply
  • 164 views

How should I change the following for rotating the graphic symbol 'RFLensHolder' clock-wise by 1 degree?

function updateRF_RotateCW(){
root.RFLensHolder.x+=1;
}

 

This topic has been closed for replies.
Correct answer FlatChat

OK, not getting any help here...

 

I got it working by adding a `+` before the `=` to increment the values of the rotation angle.

 

So:

function updateRF_RotateCW(){
var angle = 1/Math.PI;
root.RFLensHolder.rotation += angle;
}

However, I'm wondering if this is the **correct** way of doing that code. Any pointers?

1 reply

FlatChatAuthor
Inspiring
February 15, 2022

Tried the following and it roates the symbol 'VerticalRail' what looks like 1 degree CW.  But just the one time.  What to do?

 

//Right Frame Rotate CW Buttons
this.ButtonRotateCWRightFrame.addEventListener("mousedown", RF_RotateCW_Down.bind(this));

this.ButtonRotateCWRightFrame.addEventListener("pressup", RF_RotateCW_Up.bind(this));

this.ButtonRotateCCWRightFrame.addEventListener("mousedown", RF_RotateCCW_Down.bind(this));

this.ButtonRotateCCWRightFrame.addEventListener("pressup", RF_RotateCCW_Up.bind(this));


//Right Frame Rotate CW Buttons functions to move Rotate Frame CW
function RF_RotateCW_Down() {
createjs.Ticker.addEventListener("tick",updateRF_RotateCW);
}

function RF_RotateCW_Up() {
createjs.Ticker.removeEventListener("tick",updateRF_RotateCW);
}

function updateRF_RotateCW(){

 var angle = 1/Math.PI;
  root.VerticalRail.rotation = angle;
}

 

FlatChatAuthorCorrect answer
Inspiring
February 16, 2022

OK, not getting any help here...

 

I got it working by adding a `+` before the `=` to increment the values of the rotation angle.

 

So:

function updateRF_RotateCW(){
var angle = 1/Math.PI;
root.RFLensHolder.rotation += angle;
}

However, I'm wondering if this is the **correct** way of doing that code. Any pointers?