Cannot create property '_gsTweenID' on number '570'

[Ozzy]

Hi, so I am trying to rebuild this canvas peace which has Gsap powered animation in it. https://codepen.io/fcordillot/pen/xRdEPx 

I tried to build my own code for this as you can see here 

 

But when I add TweenMax code to the if statement on the line "105"  I start getting errors. Can someone help?

You can see the TweenMax code commented above the if statement 

See the Pen WLWbKQ by lukagurovic (@lukagurovic) on CodePen

See the Pen xRdEPx by fcordillot (@fcordillot) on CodePen

See the Pen WLWbKQ by lukagurovic (@lukagurovic) on CodePen

[Carl]

Hi and welcome to the GreenSock forums.

 

thanks for the demo.

 

 

It seems you were setting this.x as the target of your tween

 

bad

TweenMax.to(this.x, 0.4, {scale: 2} )
TweenMax.to(this.y, 2, {scale: 2} )

 

good

TweenMax.to(this, 0.4, {x:400} )
TweenMax.to(this, 2, {y:400} )

 

obviously, you'll have to use the right values for x and y. Just wanted to show you how to get the tweens working.

 

See the Pen BvEZad?editors=0010 by GreenSock (@GreenSock) on CodePen

 

[Ozzy]

Thank you very much for your help. Not only quick and accurate response but also practically shown. GSAP is my new favourite!!! Have a great day and thank you a lot!