TextPlugin error :|

[AndryGinger]

Hello.

I goes on following page: https://greensock.com/docs/Plugins/TextPlugin
And tried to use animation with text. But what I got:

Test cases:
  var yourElement = document.getElementById('quest-begin');

  TweenLite.to(yourElement, 2, {text: { value: 'HELLO!', newClass:"class2", oldClass:"class1"}, ease:Power2.easeIn});
  TweenLite.to(yourElement, 2, { scrambleText: { chars: "0123456789", ease: Linear.easeNone}}, "label+=" + 1*0.2);
  TweenMax.to(yourElement, 2, {text:"hello"});
  TweenLite.to(yourElement, 1, {text:{value:"shorter new text", padSpace:true}});

Test case errors:
  invalid text tween value: [object Object]
  invalid scrambleText tween value: [object Object]
  invalid text tween value: hello
  invalid text tween value: [object Object]

What's wrong? It's simple but not works. Help please.

See the Pen xQqzLq by andryginger (@andryginger) on CodePen

[PointC]

You need to load the Text and ScrambleText plugins.
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/plugins/TextPlugin.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrambleTextPlugin.min.js"></script>

 

You'll also probably want to to move those tweens to a timeline if you want them to play in sequence using the position parameter.

 

Happy tweening.

 

[AndryGinger]

Thanks a lot!