GSAP TextPlugin for Animate cc 2017

[virak]

I'm currently using GSAP TimelineMax, TweenMax etc.. in Adobe Animate cc 2017.5 (canvas) and its work well but, I need to apply GSAP TextPlugin to my Animate cc (canvas) project. I'm try to do this adding dynamic text field but its not working and following error appear in console " TypeError: b.nodeName is undefined ".

 

Thanks.

[Oliver16Years]

Hi, Isn't that plugin for HTML DOM only?

[GreenSock]

Yes indeed, TextPlugin is for DOM elements but it sounds like you're trying to edit a canvas-based proprietary Adobe object instead. One possible solution would be to create an invisible DOM element (display:none) and tween the text there using TextPlugin and then in an onUpdate, copy the text from there to your Adobe object. 

[davi]

Another option would be to actually create the DOM text elements instead of Animate CC dynamic text and control it along with other Animate CC objects, if need be (like if the text is nested in another container),  via EaselJS's DOMElement class. In this case, the TextPlugin would work as normal (or should technically :). So basically create text div's in the same div as the canvas element and treat it as another layer in canvas.

[Web Dizajner]

Maybe you can used it through actions panel on <div id='dom_overlay_container'></div>

 

Just paste this code in actions panel:

 

var div = document.getElementById('dom_overlay_container');

div.innerHTML += 'My Animated Text';