typeit and gsap

[DD77]

I'm struggling to implement gsap within typeitjs.

I have 4 buttons, and each button should react in a better way.
-  I'd like to restart the typeit function each time I click a button. Is it possible to fade off the other message and show the new one from the beginning? 

If anyone is familiar with typeit, that would be great

 

See the Pen EewXmw?editors=1010 by davide77 (@davide77) on CodePen

[Carl]

Sorry, I'm not familiar at all with typeit. 

Please try their support channels. 

We have to keep our support focused on the GSAP API. 

 

Thanks!

[PointC]

Looks like a neat script, but it's $49 for unlimited commercial projects. SplitText can do all that (& more). IMHO, it seems like Club GreenSock would be a better bang for the buck since you'd get a bunch of bonus plugins in addition to SplitText.

https://greensock.com/club

https://greensock.com/SplitText

 

If you haven't seen them yet, here are a couple threads showing a typing effect with SplitText.

But as @Carl mentioned, you'll probably have better luck with their support channels.

https://github.com/alexmacarthur/typeit/issues

[DD77]

@PointC I put together a demo, 
 

See the Pen WgXbVM by davide77 (@davide77) on CodePen

 but is not exactly like the one I want. 
the text should feel like scrolls 

 

[OSUblake]

Did you look at the links he posted? There's a bunch of different demos to learn from.

[PointC]

I'm not sure what you mean by scroll, but I assume it's a 'type from the center' animation? You can do that with SplitText. Maybe something like this.

 

See the Pen rZYmBo by PointC (@PointC) on CodePen

 

Happy typing.