Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Martin Klasson

Using SplitText in Adobe Animate

Recommended Posts

Hi, 

 

I have used TweenMax back in the time when Flash Professionell used to export SWF-files.

But anyhow, my problem is:

 

I use a Adobe/GSAP banner template, in which the TweenMax is loaded over https. Works great.

I have added SplitText.min.js so that it loads correctly as well.

 

But is it possible to use this in Adobe Animate?

I have only used Static textfields before – and I dont know how to use the SplitText now?!

I changed to Dynamic textfield, but that removes my font of choice.

 

And the selector for the textfields name – does not seem to work.

 

How can I use Adobe Animate and SplitText together? Is it possible?

I just bought the Shockingly Green license to be able to do just this thing ;/

 

Thanks. Martin

Link to post
Share on other sites

Hello Martin and welcome to the GreenSock Forum!

 

Unfortunately SplitText is DOM based only. It is not used on canvas which Adobe Animate outputs to via EaselJS. EaselJS is a canvas library. SplitText splits the characters, words or lines of HTML text. Then wraps the HTML text with div tags.

 

The canvas element just paints the graphics within the canvas element. So it is not possible for div tags to wrap your text in a canvas element.

 

You can find more info on the SplitText Plugin docs

 

http://greensock.com/docs/#/HTML5/GSAP/Utils/SplitText/

 

Please let us know if you have any more questions!

 

:)

  • Like 1
Link to post
Share on other sites

Hi Martin. Sorry to hear about the challenges. Like Jonathan said, Adobe Animate only uses canvas which is kinda like a big blob of pixels to the browser, so it's a completely different beast than "regular" text in the browser. SplitText is made for typical text in the browser. If you purchased your Club GreenSock membership solely for SplitText (thinking it could be used in canvas text), we'd be happy to issue a full refund. We're passionate about having happy customers around here. Just shoot me a request if you'd like to cancel your membership and get a refund. No problem at all.

 

Happy tweening!

  • Like 3
Link to post
Share on other sites

Hi guys, I found the same issue, and been stack init for 4 hours trying to find a solution! till i found your answer  Jonathan thanks I can stop looking and just use normal animation for my text ;( 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×