Skip to main content
R
robinc56039817
Participating Frequently
March 10, 2021
Answered

Canvas html5 problem playing timeline forwards and in reverse with two buttons

  • March 10, 2021
  • 1 reply
  • 720 views

I need to raise/lower mast from 0 to 90 degrees with Raise and Lower buttons using mousedown for play currentFrame and pressup for stop on currentFrame for each button to allow raise and lower from any frame with a timeline of 105 frames. The Raise button works OK with mousedown for play current frame and pressup for stop on current frame), but the lower button will not work with mousedown for play current frame -1 to reverse the timeline and lower the mast. 

 

 Any help/code example would be greatly appreciated!

This topic has been closed for replies.
Correct answer kglad

Hi kglad,

Sorry html version would not send! Code below!

this.NewLower_btn.addEventListener("mousedown",btnReverseF.bind(this));
this.NewLower_btn.addEventListener("mouseup",btnStopF.bind(this));

 
function btnReverseF(){
startReverseF(this.currentFrame-1);
}
function btnStopF(){
this.btnReverseF.removeEventListener("tick,this.btnReverse.F);
}

 


use:

 

function startReverseF(mc) {
mc.F = reverseF.bind(mc);
mc.addEventListener("tick", mc.F);
}

function reverseF() {
this.gotoAndStop(this.currentFrame - 1);
if (this.currentFrame == 0) {
this.removeEventListener("tick",this.F);
}
}

this.NewLower_btn.addEventListener("mousedown",btnReverseF.bind(this));
this.NewLower_btn.addEventListener("click",btnStopF.bind(this));

function btnReverseF(){
startReverseF(this);
}

function btnStopF(){
console.log("stop");
this.removeEventListener("tick",this.F);
}

 

 

p.s.

 

1 reply

kglad
Community Expert
kgladCommunity Expert
Community Expert
March 10, 2021

to play a movieclip/timeline in reverse:

 

function startReverseF(mc){

mc.F = reverseF.bind(mc);

mc.addEventListener("tick",mc.F);

}

function reverseF(){

this.gotoAndStop(this.currentFrame-1);

if(this.currentFrame==0){

this.removeEventListener("tick",this.F);

}

}

 

R
robinc56039817Author
Participating Frequently
March 11, 2021

Hi kglad,

Many thanks for your code example and sorry to trouble you further. But having an issue integrating it into a mousedown button function to play in reverse and a pressup button function to stop on any frame. As the button has both mousedown and pressup event listeners I am not sure if that is the problem? 

 

kglad
Community Expert
kgladCommunity Expert
Community Expert
March 11, 2021

 

 

this.btn.addEventListener("mousedown",btnReverseF.bind(this));

this.btn.addEventListener("click",btnStopF.bind(this));

 

function btnReverseF(){

startReverseF(this.mcwhatever);

}

function btnStopF(){
this.mcwhatever.removeEventListener("tick",this.mcwhatever.F);
}

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