Easing with JS

Hello,

I need something simple, hope someone got a clue how to do it:

for example the code is placed in specific frame in HTML5 canvas project: this.Object.x = this.Object.x + 200

how can I make the change of Object.x to happen with easing.

Thanks!

This topic has been closed for replies.

Correct answer kglad

the easiest to use is

speed = .5; // closer to zero, the slower the ease. closer to 1, faster the ease.

this.Object.x = (1-speed)*this.Object.x+speed*endX; // endX for you might be 200.

Legend

Just use the built-in tween library.

cjs.Tween.get(this.Object).to({x: this.Object.x + 200}, 1000, cjs.Ease.cubicOut);

Community Expert

Known Participant

Thanks a lot - it looks like it is what I need but I will need a new diploma and 7 years to understand it. If you can help me out a bit

Correct answer

Community Expert

the easiest to use is

speed = .5; // closer to zero, the slower the ease. closer to 1, faster the ease.

this.Object.x = (1-speed)*this.Object.x+speed*endX; // endX for you might be 200.

Sign up