GSAP TextPlugin for Animate cc 2017

[virak 0 Likes (Newbie)]

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 207 Likes (Specialist)]

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

[GreenSock 12,867 Likes (Superhero)]

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 119 Likes (Specialist)]

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 63 Likes (Contributor)]

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';